diff --git a/Makefile b/Makefile index 71fd9f3..0f2d174 100644 --- a/Makefile +++ b/Makefile @@ -1,11 +1,10 @@ FONTS = $(shell find fonts -type f) -CSS = style.css where.css -PAGES = index.html where.html pubkey.txt +CSS = style.css +PAGES = index.html IMAGES = $(patsubst %,images/%, \ mlem.gif mlem_static.png icon.svg \ niss_uwu_bg_dim.png niss_uwu_bg.png \ - info.svg star.svg sparkles.svg 18_plus.svg \ - cybre.png donphan.png types.png dragncool.svg \ + info.svg star.svg sparkles.svg niss_wave.svg shortcake.svg \ ) BUILDDIR ?= _build diff --git a/images/18_plus.svg b/images/18_plus.svg deleted file mode 100644 index d8a31c0..0000000 --- a/images/18_plus.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/images/cybre.png b/images/cybre.png deleted file mode 100644 index 31d3394..0000000 --- a/images/cybre.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:db7f6763c85ac58ada0c5697d5320f2571662f4c13526bfe7919ad61314e5dc2 -size 187946 diff --git a/images/donphan.png b/images/donphan.png deleted file mode 100644 index 20033ce..0000000 --- a/images/donphan.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:912d92c7357b4f55a0d36f5a0b06ad419ee2743d041b72ac52ec45ba42fdc7c8 -size 440 diff --git a/images/dragncool.svg b/images/dragncool.svg deleted file mode 100644 index db62382..0000000 --- a/images/dragncool.svg +++ /dev/null @@ -1,151 +0,0 @@ - -image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/images/niss_wave.svg b/images/niss_wave.svg new file mode 100644 index 0000000..6e8d074 --- /dev/null +++ b/images/niss_wave.svg @@ -0,0 +1,67 @@ + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/images/shortcake.svg b/images/shortcake.svg new file mode 100644 index 0000000..6900dc1 --- /dev/null +++ b/images/shortcake.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/types.png b/images/types.png deleted file mode 100644 index e680de9..0000000 --- a/images/types.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:f3b2d383aae0de5e300e82d314b5fcb1efe7f8888a3ce24ff850ca6fe22bef38 -size 6538 diff --git a/index.html b/index.html index 1167320..7709a96 100644 --- a/index.html +++ b/index.html @@ -3,12 +3,8 @@ - - - + - - @@ -16,47 +12,69 @@
-

so basically? im gecs

+

so basically? im gecs

“mlem”

“mlem also”

- — the gecs + niss & nisse
-

- a big one (niss) - and a little one (nisse) +

+ a + + big one + (niss) + + and a + + little one + (nisse) + +


- - -
-

stats

-
how to say
nıs, nısə -
prons
it or they -
quantity
2 -
limbs
many -
consistency
soft -
awakeness
≤ 40% +
quantity
2 +
limbs
many +
consistency
soft +
awakeness
≈ 40% +
how to say +
nıs, nısə +
prons +
+ she, he +
+
+ +
+ +
+

where to find gecs

+
+
gallery +
right here! +
code +
sometimes! +
masto +
g@cybre.space +
twit +
@2_gecs
- + diff --git a/pubkey.txt b/pubkey.txt deleted file mode 100644 index 32e9b4b..0000000 --- a/pubkey.txt +++ /dev/null @@ -1,53 +0,0 @@ ------BEGIN PGP PUBLIC KEY BLOCK----- - -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 -Ug== -=0Ip4 ------END PGP PUBLIC KEY BLOCK----- diff --git a/style.css b/style.css index 41d11fb..7d05784 100644 --- a/style.css +++ b/style.css @@ -12,7 +12,6 @@ body { hsl(155deg, 70%, 62%) ); --bg-image: url(images/niss_uwu_bg.png); - --size: 1.75rem; --weight: 600; background: @@ -21,7 +20,7 @@ body { background-blend-mode: overlay; font-family: 'Muller'; - font-size: var(--size); + font-size: 1.75rem; font-weight: var(--weight); color: white; text-shadow: @@ -34,12 +33,10 @@ body { margin: 2em 1em 0.5em; } -main { - background: hsla(316deg, 100%, 95%, 45%); +main, footer { + background: hsla(0, 0%, 100%, 40%); border-radius: 2em; - --glow-col: hsla(318deg, 100%, 98%, 100%); - border: 1px solid var(--glow-col); - box-shadow: 0 0 25px var(--glow-col) inset; + border: 3px solid hsla(0, 0%, 100%, 30%); } main { @@ -48,7 +45,7 @@ main { margin: 0 auto 1em; } -header p, h1, h2, h3, h4, h5, h6 { +h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-top: 0; } @@ -57,10 +54,6 @@ h1 { font-size: 200%; } -h2, header p { - font-size: 150%; -} - b { font-weight: 800; } @@ -72,7 +65,6 @@ b { width: 420px; } .mlem-text { - font-size: var(--size); position: absolute; font-weight: 700; margin: 0; @@ -80,7 +72,7 @@ b { .niss { bottom: 100%; left: 20px; } .nisse { bottom: 85%; right: 0; } #mlem picture { - filter: drop-shadow(0 0 30px var(--glow-col)); + filter: drop-shadow(0 0 30px hsla(52deg, 85%, 95%, 75%)); } header { @@ -90,17 +82,16 @@ header { header h1 { margin-top: 0; } -rt { +header rt { font-size: 60%; font-style: italic; } hr { - height: 4px; + height: 2px; width: 75%; - background-color: hsla(0, 0%, 100%, 85%); - box-shadow: 0 0 3px hsl(0, 0%, 100%, 50%); - border: none; + background-color: hsla(0, 0%, 100%, 75%); + mix-blend-mode: screen; text-shadow: none; margin: 20px auto; } @@ -131,6 +122,7 @@ dd { display: inline-block; width: 0.75em; height: 0.75em; vertical-align: text-top; + mix-blend-mode: hard-light; } } @media (hover: none) { @@ -152,25 +144,58 @@ a:hover { color: hsl(50deg, 100%, 82%); } - -:is(rt, h1, h2)::before, :is(rt, h1, h2)::after { +.cake { + color: hsl(115deg, 100%, 84%); +} +.cake::before, .cake::after, +header rt::before, header rt::after, +section h2::before, section h2::after { + mix-blend-mode: overlay; padding: 0 0.25em; vertical-align: middle; display: inline-block; height: 1em; width: 1em; - mix-blend-mode: overlay; - content: var(--around-image); } - -rt { --around-image: url(images/star.svg); } -h1, h2 { --around-image: url(images/sparkles.svg); } - +.cake::before, .cake::after { content: url(images/shortcake.svg); } +header rt::before, header rt::after { content: url(images/star.svg); } +section h2::before, section h2::after { + content: url(images/sparkles.svg); +} .emojo { vertical-align: middle; height: 1.2em; width: 1.2em; } +footer { + max-width: 35em; + margin: 2em auto 0; + padding: 0.25em 0.5em; + border-radius: 0.5em; + font-size: 75%; + + color: black; + text-shadow: none; + font-weight: 400; + + display: grid; + grid-template: "e t" / 35px auto; + align-items: center; + justify-items: center; +} + +footer .emojo { + grid-area: e; +} + +footer p, footer div { + grid-area: t; + margin: 0; +} + +footer a { + color: hsl(254deg, 50%, 50%); +} .ipa { font-family: BreezeSans; @@ -178,20 +203,6 @@ h1, h2 { --around-image: url(images/sparkles.svg); } } -#links ul { - display: flex; - justify-content: center; - align-items: center; - grid-column-gap: 2em; - - margin: auto; - padding: 0; - font-size: 150%; -} - -#links li { list-style: none; } - - /* hacky fix for firefox mobile 68 freaking out at blend modes ☹ */ @media (-moz-touch-enabled) { body { @@ -230,16 +241,37 @@ h1, h2 { --around-image: url(images/sparkles.svg); } main { background: hsla(0, 0%, 0%, 60%); - --glow-col: hsla(0, 0%, 0%, 60%); + border-color: hsla(0, 0%, 0%, 30%); } - :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after { + .cake::before, .cake::after, + header rt::before, header rt::after, + section h2::before, section h2::after { mix-blend-mode: screen; } + footer { + background: hsla(0, 0%, 0%, 50%); + color: white; + } + + footer a { + color: hsl(254deg, 100%, 85%); + } + + footer .emojo { + background: hsla(52deg, 85%, 95%, 75%); + padding: 2px; + border-radius: 1000px; + } + hr { background: white; } + + #mlem picture { + filter: drop-shadow(0 0 20px hsla(52deg, 85%, 95%, 35%)); + } } @media (prefers-reduced-transparency) { @@ -248,7 +280,10 @@ h1, h2 { --around-image: url(images/sparkles.svg); } background-blend-mode: initial; } - :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after { + .cake::before, .cake::after, + header rt::before, header rt::after, + section h2::before, section h2::after, + [title]::after { mix-blend-mode: initial; } } diff --git a/where.css b/where.css deleted file mode 100644 index 04efa60..0000000 --- a/where.css +++ /dev/null @@ -1,30 +0,0 @@ -@import url(style.css); - - -main { - max-width: 45em; -} - -dl.contact { - width: 100%; - row-gap: 1em; -} - -.contact .at { - --shadow-filter: drop-shadow(2px 2px 2px hsla(0, 0%, 0%, 70%)); - vertical-align: -0.2em; - max-width: 1em; - max-height: 1em; - padding: 0 0.1em; - filter: var(--shadow-filter); - z-index: -1; -} - -.at.outline { - filter: - drop-shadow(0.3px 0.3px 0.3px black) - drop-shadow(-0.3px 0.3px 0.3px black) - drop-shadow(-0.3px -0.3px 0.3px black) - drop-shadow(0.3px -0.3px 0.3px black) - var(--shadow-filter); -} diff --git a/where.html b/where.html deleted file mode 100644 index aa707fc..0000000 --- a/where.html +++ /dev/null @@ -1,75 +0,0 @@ - - - - - - - -where to find gecs - -
-
-

contact info

- - note to self put a gec pic here -
-
- -
-
fedi -
- - - g@cybre.space -
- - - g@donphan.social -
- - - g@types.pl - - -
twitter -
@2_gecs - -
lewd fedi -
- - - g@scalie.business - - -
lewd twitter -
@squishygecs - -
telegram -
gec_ko - -
matrix -
- - g:cybre.space - - -
discord -
- - niss#0944 - - -
xmpp -
niss@yummy.cricket - -
email -
niss@niss.website - -
pgp key -
boop -
- -
- - main -