diff --git a/Makefile b/Makefile index 65fe181..f54ce11 100644 --- a/Makefile +++ b/Makefile @@ -1,13 +1,12 @@ FONTS = $(shell find fonts -type f) -CSS = base.css index.css where.css comms.css ANGELF~1.CSS -PAGES = index.html where.html comms.html ANGELF~1.HTM pubkey.txt +CSS = base.css index.css where.css comms.css ANGELF~1.CSS id.css +PAGES = index.html where.html comms.html ANGELF~1.HTM pubkey.txt id.html MEDIA = $(patsubst %,media/%, \ - bg.png bg_2x.png bg_dim.png bg_2x_dim.png kesi.png \ + bg.png bg_2x.png bg_dim.png bg_2x_dim.png kesi.png quoxtrans.png \ mlem.gif mlem_static.png chitter.png lockpen.png \ - niss-nisse.mp3 niss-nisse.ogg \ - comm-examples.png \ + quobl.png quobl2.png \ ) \ - $(wildcard media/*.svg) + $(wildcard media/*.svg) $(wildcard media/flags/*) AFMEDIA = $(patsubst %,NEWFOL~1/%, \ GEC.JPG PBRUSH.GIF PROGRAM.GIF QUESTION.GIF MAIL.GIF LOWBATT.GIF \ W95FA.otf w95fa.woff w95fa.woff2 \ diff --git a/base.css b/base.css index 97aaccb..44eece4 100644 --- a/base.css +++ b/base.css @@ -148,6 +148,13 @@ rt::after { margin-right: -1.25em; } height: 1.2em; width: 1.2em; } +.pixel { + /* firefox doesn't support "pixelated" but does treat "crisp-edges" + * to mean that */ + image-rendering: crisp-edges; + image-rendering: pixelated; +} + /******************************/ /* actual accessibility stuff */ diff --git a/comms.css b/comms.css deleted file mode 100644 index d526d76..0000000 --- a/comms.css +++ /dev/null @@ -1,109 +0,0 @@ -@import url(base.css); - -:root { - --img-width: 1050px; - --img-height: 875px; -} - - -main { - max-width: calc(var(--img-width) + 150px); -} - -h1 { - font-size: 250%; - --around-image: url(media/sparkles.svg); -} - -#examples dt { - position: relative; -} - -#examples dt i { - display: inline-block; - transform: rotate(-8deg); - - margin-left: 0.5em; - padding: 0.25em 0.75em; - border-radius: 0.3em; - font-size: 1.2rem; - font-style: normal; - - background: hsl(var(--hue), 80%, 80%); - border: 2px solid hsl(var(--hue), 80%, 35%); - box-shadow: 8px 6px 5px hsla(0deg, 0%, 0%, 30%); - color: black; - text-shadow: none; -} - -.closed { --hue: 350deg; } -.soon { --hue: 55deg; } -.open { --hue: 110deg; } - -@media (prefers-color-scheme: dark) { - #examples dt i { - background: hsl(var(--hue), 90%, 30%); - border: 2px solid hsl(var(--hue), 80%, 15%); - box-shadow: none; - color: white; - } - .soon { --hue: 50deg; } -} - -#examples, #examples > * { - height: var(--img-height); - width: var(--img-width); -} - -#examples { - overflow: hidden; - position: relative; -} - -#examples > * { - position: absolute; - top: 0px; left: 0px; - margin: 0; -} - -#examples { - width: var(--img-width); - box-sizing: border-box; - margin: 1em auto; - - border: 3px solid var(--glow-col); - border-radius: 1em; -} - - -#examples dl { - display: grid; - grid-template-columns: 1fr 1fr 1fr; -} - -#examples dl > * { - background: hsla(320deg, 40%, 20%, 60%); - margin: 0; - padding: 0.125em 0 0.25em; -} - -#examples :is(dt, dd) { text-align: center; } - -#examples dt { grid-area: 1; align-self: start; font-size: 200%; } -#examples dd { grid-area: 2; align-self: end; font-size: 300%; } - -#examples a { font-weight: 700; } - -#examples dl { pointer-events: none; } -#examples a { pointer-events: auto; } - - -@media (prefers-reduced-transparency) { - #status { - box-shadow: none; - } - - #examples dl > * { - background: hsl(20deg, 35%, 25%); - } -} diff --git a/comms.html b/comms.html deleted file mode 100644 index a99162a..0000000 --- a/comms.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - -commission info - - - - - - - -
-

commission info

- -
- - -
-
- colour - closed -
$60 - -
- flat - closed -
- $45 - -
- sketch - soon! -
- $25 -
-
- - home -
diff --git a/id.css b/id.css new file mode 100644 index 0000000..04deaf3 --- /dev/null +++ b/id.css @@ -0,0 +1,49 @@ +@import url(base.css); + +main { + max-width: 950px; + padding: 2em; + + background: + url(media/quobl2.png) bottom left 5% / 30% no-repeat, + var(--default-bg); + background-blend-mode: multiply; +} + +footer { + margin-top: 6em; +} + + +.flags { + list-style: none; + padding: 0; +} + +.flags li { + display: inline-block; + padding: 0 .25em; +} + +.flags img { + height: 1.25em; + border: 2px solid oklch(37.28% 0.1488 17.16 / 80%); + transform: rotate(-3deg); +} + +dl { + grid-template-columns: repeat(2, auto); + row-gap: 1em; +} + +p { + margin: 0 0 .5em 0; +} + +.note { + font-size: 80%; +} + +ul { + margin: 0; +} diff --git a/id.html b/id.html new file mode 100644 index 0000000..6690e4f --- /dev/null +++ b/id.html @@ -0,0 +1,55 @@ + + + + + + + +identity matrix + +
+

identity matrix

+ +
+ +
+
name +
+
    +
  • niss or q.t. +
  • rhiannon/rhi when necessary +
  • always lowercase +
+ +
pronouns +
+
    +
  • she, they, or it in english. pick whichever +
  • sie auf deutsch +
+ +
shapes +
+ +
+ + + + +
diff --git a/index.css b/index.css index c676f0e..1ef5343 100644 --- a/index.css +++ b/index.css @@ -1,7 +1,16 @@ @import url(base.css); +:root { + width: 100vw; height: 100vh; + margin: 0; padding: 0; + display: grid; + align-items: center; + justify-content: center; +} + main { - max-width: 35em; + width: 35em; + padding: 2em; } @@ -10,6 +19,7 @@ main { position: relative; height: 219px; width: 420px; + cursor-events: none; } .mlem-text { font-size: 110%; @@ -19,11 +29,6 @@ main { } .niss { bottom: 100%; left: 20px; } .nisse { bottom: 85%; right: 0; } -/* doing this to an animation might be too much -#mlem picture { - filter: drop-shadow(0 0 30px var(--glow-col)); -} -*/ #mlem img { /* firefox doesn't support "pixelated" but does treat "crisp-edges" * to mean that */ @@ -31,66 +36,19 @@ main { image-rendering: pixelated; } -header { - margin: 0; - ruby-position: under; -} -header h1 { - margin-top: 0; -} -rt { - font-size: 60%; - font-style: italic; -} - -@media (hover) { - [title] { - text-decoration: dotted underline; - text-decoration-thickness: 2px; - } - [title]::after { - content: url(media/info.svg); - display: inline-block; - width: 0.75em; height: 0.75em; - vertical-align: text-top; - } -} -@media (hover: none) { - [title]::after { - content: attr(title); - font-size: 75%; - font-weight: var(--weight); - display: inline-block; - } -} - - -rt { --around-image: url(media/star.svg); } -h1, h2 { --around-image: url(media/sparkles.svg); } - -[href='#listen']::before { - vertical-align: middle; - height: 1.2em; width: 1.2em; -} - -[href='#listen']::before { - content: url(media/speaker.svg); - display: inline-block; -} - -#links .icon { - display: block; - margin: auto; +#links img { + margin-right: 0.75em; height: 1.5em; width: 1.5em; filter: drop-shadow(0 0 10px var(--glow-col)); + vertical-align: middle; } -#links menu { +menu { display: grid; - grid-column-gap: 1em; - grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr)); + gap: 1em; + grid-template-columns: 1fr 1fr; max-width: 85%; margin: auto; @@ -98,4 +56,4 @@ h1, h2 { --around-image: url(media/sparkles.svg); } font-size: 125%; } -#links li { list-style: none; } +li { list-style: none; } diff --git a/index.html b/index.html index 0429e4a..59d2a62 100644 --- a/index.html +++ b/index.html @@ -2,123 +2,47 @@ - - - - - - + + + + + 🦎 the gec zone 🦎
-
-

so basically? im gecs

-
-

“mlem”

-

“mlem also”

- - - - — the gecs - - -
-

- a big one - (niss (she/her)) - and a little one - (nisse (he/him)) +

+

“mlem”

+

“mlem also”

+ + + — the gecs +
- + +
  • identity +
  • contact +
  • art +
  • comms +
  • code +
  • conlangs +
    • -
    -

    stats

    -
    -
    how to say -
    - - nɪs, nɪsə - - - - -
    prons
    she -
    quantity
    2 -
    consistency
    soft -
    limbs
    too many -
    energy
    low -
    -
    +
    - - - - diff --git a/media/contact.svg b/media/contact.svg index 257b902..8890f11 100644 --- a/media/contact.svg +++ b/media/contact.svg @@ -1 +1,44 @@ - \ No newline at end of file + + + + + + + + Mutant Standard emoji 2023.12 + + + + + Caius Nocturne + http://mutant.tech/ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/media/dove.svg b/media/dove.svg deleted file mode 100644 index 76e1b38..0000000 --- a/media/dove.svg +++ /dev/null @@ -1,119 +0,0 @@ - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - diff --git a/media/dragncool.svg b/media/dragncool.svg deleted file mode 100644 index db62382..0000000 --- a/media/dragncool.svg +++ /dev/null @@ -1,151 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/media/flags/agen.png b/media/flags/agen.png new file mode 100644 index 0000000..8339163 --- /dev/null +++ b/media/flags/agen.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3f3989e35269ab617cacd5961993d6c460b3c5cf2db881191e4071b3ae1676f3 +size 626 diff --git a/media/flags/gf.png b/media/flags/gf.png new file mode 100644 index 0000000..42bee74 --- /dev/null +++ b/media/flags/gf.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c7430ca435d6c5f18b3df6f0a7870213094bdae043b91a8988f7b0052fbf5801 +size 217 diff --git a/media/flags/greyace.png b/media/flags/greyace.png new file mode 100644 index 0000000..8c091cb --- /dev/null +++ b/media/flags/greyace.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fdbe76d9e3f0bca3f5e383a0d6f353f49ee89460e2b620a98a8097f287ad128e +size 590 diff --git a/media/flags/nb.png b/media/flags/nb.png new file mode 100644 index 0000000..8f76147 --- /dev/null +++ b/media/flags/nb.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b376c65ebb0d123cbf3ffb27f37cd3b04e620d23e115448dc65d3f37fc9b62a2 +size 547 diff --git a/media/flags/pan.png b/media/flags/pan.png new file mode 100644 index 0000000..dacab16 --- /dev/null +++ b/media/flags/pan.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0fc52d5c32ceb366ee1ece5225291b7e307a0bbf01c0c4a75f684769d6d64b8a +size 540 diff --git a/media/flags/polyam.png b/media/flags/polyam.png new file mode 100644 index 0000000..fc254a8 --- /dev/null +++ b/media/flags/polyam.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:4c4a63d1fe752fc8ca5f1f8bfd7ab8b7d6ed4f69cd153d02a932668df14d6f21 +size 2059 diff --git a/media/flags/quoi.png b/media/flags/quoi.png new file mode 100644 index 0000000..3b40a30 --- /dev/null +++ b/media/flags/quoi.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:44759f19868a790b8d62ff6c40053e0f7faf2eda8e5f14c714d1df5ea6d16c57 +size 702 diff --git a/media/love_letter.svg b/media/love_letter.svg index d341520..6360856 100644 --- a/media/love_letter.svg +++ b/media/love_letter.svg @@ -1 +1,39 @@ - \ No newline at end of file + + + + + + + + Mutant Standard emoji 2023.12 + + + + + Caius Nocturne + http://mutant.tech/ + + + + + + + + + + + + + + + + + + + + + + diff --git a/media/quobl.kra b/media/quobl.kra new file mode 100644 index 0000000..789cd35 Binary files /dev/null and b/media/quobl.kra differ diff --git a/media/quobl.png b/media/quobl.png new file mode 100644 index 0000000..fc43be1 --- /dev/null +++ b/media/quobl.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3eb3714b181d9e5c07b055ca4b682bcacae415bf8d9399e1c325455291db0909 +size 142155 diff --git a/media/quobl2.png b/media/quobl2.png new file mode 100644 index 0000000..ff1a7e7 --- /dev/null +++ b/media/quobl2.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:087af900beaa0034ef3fe65a2d33a97d2f33012896e51b181c4d9e91c5ffb18b +size 143027 diff --git a/media/quoxtrans.png b/media/quoxtrans.png new file mode 100644 index 0000000..2194616 --- /dev/null +++ b/media/quoxtrans.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3124bbb6482975d371d4ad546177eb01a3f39c33a6ce6e910a714d8e5c75fdce +size 2385 diff --git a/media/sparkles.svg b/media/sparkles.svg deleted file mode 100644 index 030419b..0000000 --- a/media/sparkles.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/media/speaker.svg b/media/speaker.svg deleted file mode 100644 index d803d29..0000000 --- a/media/speaker.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/media/star.svg b/media/star.svg deleted file mode 100644 index 15d193b..0000000 --- a/media/star.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/where.css b/where.css index be72146..eca8378 100644 --- a/where.css +++ b/where.css @@ -6,23 +6,27 @@ main { max-width: 1100px; } position: relative; width: min-content; margin: auto; + + figcaption { + position: absolute; + bottom: 1.5em; + right: 2.5em; + font-style: italic; + } + + img { filter: drop-shadow(0 0 30px var(--glow-col)); } } -#headerpic figcaption { - position: absolute; - bottom: 1.5em; - right: 2.5em; - font-style: italic; -} - -#headerpic img { - filter: drop-shadow(0 0 30px var(--glow-col)); -} - -.contact { +#contact { grid-template-columns: repeat(2, auto auto); + row-gap: 0.5em; width: 85%; margin: auto; + + img { + vertical-align: middle; + height: 1.2em; width: 1.2em; + } } .o { @@ -33,9 +37,7 @@ main { max-width: 1100px; } drop-shadow(0.5px -0.5px black); } -.other { - font-style: italic; -} +.other { padding-top: 0.5em; } dt.other { display: flex; justify-content: end; diff --git a/where.html b/where.html index a11e34b..28faea4 100644 --- a/where.html +++ b/where.html @@ -7,67 +7,59 @@ -where to find gecs +where to find me
    -

    contact info

    +

    where to find me

    - kesi says hi + + kesi +
    art by gray
    -
    -
    -
    fedi +
    + +
    +
    fedi
    niss@chitter.xyz -
    cohost +
    cohost
    @niss -
    matrix +
    matrix
    g:cybre.space -
    xmpp -
    - niss at yummy.cricket +
    xmpp +
    niss at yummy.cricket -
    email -
    - niss at niss.website +
    email +
    niss at niss.website -
    pgp key +
    pgp key
    here -
    - - uh, anything
    normal..?     -
    - not that i'm listing on a public website!
    - (but if we're friends from a site that is imploding - then feel free to ask) +
    other +
    if we’re friends, then ask
    -

    gallery sites

    - -
    +
    html+rss
    here +
    itaku
    niss
    weasyl
    niss
    furaffinity
    niss
    deviantart
    2gecs -
    tumblr
    2gecsart
    ko-fi
    nissss
    -
    - - main +