diff --git a/Makefile b/Makefile
index 0f2d174..71fd9f3 100644
--- a/Makefile
+++ b/Makefile
@@ -1,10 +1,11 @@
FONTS = $(shell find fonts -type f)
-CSS = style.css
-PAGES = index.html
+CSS = style.css where.css
+PAGES = index.html where.html pubkey.txt
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 niss_wave.svg shortcake.svg \
+ info.svg star.svg sparkles.svg 18_plus.svg \
+ cybre.png donphan.png types.png dragncool.svg \
)
BUILDDIR ?= _build
diff --git a/images/18_plus.svg b/images/18_plus.svg
new file mode 100644
index 0000000..d8a31c0
--- /dev/null
+++ b/images/18_plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/cybre.png b/images/cybre.png
new file mode 100644
index 0000000..31d3394
--- /dev/null
+++ b/images/cybre.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:db7f6763c85ac58ada0c5697d5320f2571662f4c13526bfe7919ad61314e5dc2
+size 187946
diff --git a/images/donphan.png b/images/donphan.png
new file mode 100644
index 0000000..20033ce
--- /dev/null
+++ b/images/donphan.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:912d92c7357b4f55a0d36f5a0b06ad419ee2743d041b72ac52ec45ba42fdc7c8
+size 440
diff --git a/images/dragncool.svg b/images/dragncool.svg
new file mode 100644
index 0000000..db62382
--- /dev/null
+++ b/images/dragncool.svg
@@ -0,0 +1,151 @@
+
+
\ No newline at end of file
diff --git a/images/niss_wave.svg b/images/niss_wave.svg
deleted file mode 100644
index 6e8d074..0000000
--- a/images/niss_wave.svg
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
diff --git a/images/shortcake.svg b/images/shortcake.svg
deleted file mode 100644
index 6900dc1..0000000
--- a/images/shortcake.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/types.png b/images/types.png
new file mode 100644
index 0000000..e680de9
--- /dev/null
+++ b/images/types.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f3b2d383aae0de5e300e82d314b5fcb1efe7f8888a3ce24ff850ca6fe22bef38
+size 6538
diff --git a/index.html b/index.html
index 7709a96..1167320 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,12 @@
-
+
+
+
+
+
@@ -12,69 +16,47 @@
+
+
+
+
stats
- - 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
+
- how to say
- nıs, nısə
+
- prons
- it or they
+
- quantity
- 2
+
- limbs
- many
+
- consistency
- soft
+
- awakeness
- ≤ 40%
-
+
diff --git a/pubkey.txt b/pubkey.txt
new file mode 100644
index 0000000..32e9b4b
--- /dev/null
+++ b/pubkey.txt
@@ -0,0 +1,53 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+mQGNBF/e1bwBDADT2d0WQSCQ4Ze4NhFdQNe/K4SdbAqjNfVyjhLKEl1ttvkgW5D8
+DR43HPEXHDctywq+umGY3mAKbhwi5SKGjouMyMR0X06b0WGPnLz5RB7H2Qq6Dsrb
+RukriQ7hXgnRB9BWhQdpJA/Mnc6bHHSqrDaS8+VipMgr9YZB3yojL4KoTDyJL2MN
+643ygRvnz67/UjmCIDMVbDF9jm2XJCIiUPDrnPdVJ9Hz8k/xjvkkRG+k40H8qiqh
+EvHAfklhxDwLbHn1rO99FSb3Q53PcmIttTon6kCQRHjACbWMIrQ4pfizQXscq4FH
+BWFyyBRDPZG840RlJG2eMjOLwK93gYYp4jGsnVq6/XLtmrZlCfYlQ3BtlyXBK8no
+wc3lH90PmrWED7jYzpKoqkN1O5iW14Zj16QkBpKGFy2pRIp0VhordqtbK2RvxJ+F
+GJungRD5uYBHxDfIhMXUpts+yxcWT1Nw7Grc81KGZ7W+zoQvcnJQILMjPSJGBxXn
+h6HgrClxAqb8EX8AEQEAAbQfbmlzcyAobWxlbSkgPG5pc3NAbmlzcy53ZWJzaXRl
+PokBzgQTAQoAOBYhBIFrFxtER1NE6OmvzXiEr84DwrBrBQJf3tW8AhsDBQsJCAcC
+BhUKCQgLAgQWAgMBAh4BAheAAAoJEHiEr84DwrBrEk0L/0TgPzbKQgOF0OStRGLc
+otMuvBtCBogdApnf16RaAD3RK1+3XQwnZXv6GhF7YY2r0TerOHgFOFKqkFmLvN6x
+RdhvDbQewCqq9r5GRqRx98p4fgAUJR113t9P4HofcgatoOjO48/2kre2DUrAVfTU
+xhjexQ8cPenzfDKfj5Yk4xTOFFmMcAI9ndQ3GF/rWyvyb6+zop51EnGlNnM/Ct8a
+5IS3hgWZuiYioVJ8qRRyU/nc3bD5IaScJGjp97qb33IxnhAdl/KJ6LJXy+401h/N
+jQXTnPYH3zRePwSqENHt7RhWmKrN7jUkFqbJ+k1P3Ly92GhrurzQ50xQT42/utWj
+jPwomvnhQ87sPJ/pI8J2/HrEDa0Zu5QPFWMP43eQCYOCJA68iGf4GYqGzYV+bJ/p
+lJyFu8iTlIwyLJd4RJkpLl3sNsfNUMsdJIK4s/cp39VzwZYSWvCtfO2lNT7PyfuW
+cyMn88Zv/6cb0zqEDzonLPwhxKWTFLiCGU4JTlauM99xgYkCMwQQAQgAHRYhBFeh
+vxW09vmbie2yn9OUga4eeaz3BQJf3tinAAoJENOUga4eeaz3cc4P/3nOKU2sd1rD
+CQ5VAZ0xC5II8th84onk+kpAhfWAWn1H1LoksBscxEI10M1z1OMUyA8kSkFVTFH1
++etg37LqXI+I9Iz5ZRn23NLpuGWoV/r8HsjPCMeami5zd1E6RrOqaL60Vv2MHWtZ
+6ewOCR6nm1SX1bG4Gp3WjLFAdfyPvtt7epQ5GzDXM+Zfqt2A/ECpszIBa804/Svm
+3aXZTEEy+ikt6NQQkll/i7qSWx2/gYct1zqapJypEDKNr/+Ef+RdWR3mrspafVrS
+dWE6/mQZEXvT/sMtpcR6xroqitefaCXcbuWiUeaGxCelcPQz7w+B8MFu276GsG0g
+Ioa4p5f98WlQ51K36/jUAU1kyjoBdOjC9yH2sdk5pkMkrmGtiF1y9d7iwbO908AD
+mbPuL3D/f0RUmyItCSvvw4nkqbMpYP0TXmttG0EK46z05+gI9+QuYrTwfLwlGICH
+/0rEaGPrqiwQ5M0piiStuOwsiQ7yWxIFKNG9Tiz5UQK2NBxWlvftHIubVuo7OKlu
+mv8jRplLXhVZKyFjb6UKmgfR8/f4Am4ZVV1b16e996mw3Q7eSqcdUD0QMAbjDKMR
+bhojqi8RGr3PERwGFYPtAnwR33ruhnv9Dh/wItPGcYr4EVwmCFJa0gxsNw8QtWHj
+mKbMcdt7ZPBq50KjMbsB5lsBUbrGF1wluQGNBF/e1bwBDADFlGEadRAhXMqtMMcE
+Ld9cU7/3FuCDJdSLx2TD8y1/Vthu1Vr2UDAFHtIcZKdVgNDkHKH7cHJsyj3u41iX
+xou0LEgDN0R0ZtXvnoYRGSkFiz5wMQjF7Xv+t+w2zQb9Zfg++MDyfxE74mE4u6z8
+L27nAxn/v9JlcCxRCfovXNYO7k6t4nZS1C/lSmPXExymroGoDM6TSYMrCNGIiLLA
+UkWdcf3KJl++sIlLo2goXmQh36q+A+bI4ayNhVHhH3AdNqdZljdqJ7FJEU3Po0Q/
+GJkjN8IL0SuNR9wLu1YPEDj8TS4/NxoKv2467UMbLb4Jffu4P2nwkDfUYDrxucb4
+IA7Hpq/L3CIzdK/421y5M+2XAxdcpO4PlIM0R6e7tNNQ7R8mSxGgtmbhNaV2HrrM
+QmsNeoQcrrBjM5jiHmcoZr1KBE+Kdt9SGHDp7ZUZ68wGRODcoT8t45SjhS/kdFSc
+1Ghz0/FOWufSYLheEfUAQg/pthKAm9fEWdzt2ucRnGCZ3K0AEQEAAYkBtgQYAQoA
+IBYhBIFrFxtER1NE6OmvzXiEr84DwrBrBQJf3tW8AhsMAAoJEHiEr84DwrBr14QM
+AJb9OzcRbpmbajNu5f75U37pA/9fZpWLzT6rRWUoZk5SuhYiNf8MU4qS+krk7LM1
+50Q1Ki1GOqCWz6ElS6hTxydBVjB++p6y9FFIkO5MMZANOXgnHuw4GBw5zlpgX8SN
+XFYYYM32yw9o61IuLAFhc62wNfjuASC/7kgGhAdnbWv4R6eedumTuuVUerOtY8hJ
+fYtyS+jXXnF+6NQ0+VBLOifc+Tj3svPMjgHVkBXMDJvohWUilCHN677zLhHY9EwV
+xmU1VpbTqvg9omwnbDzeA5RlQrqK/h5IIFRoaQfw7VI5OG7alDCS8jKuF06sOxIg
+xyb7SyeShm0wOKPFA72Ni4nxYu2WS1kTBt8B5cn5greXXrRlOVtoodMfLUlpYrp8
+CaTcpO+Wdwp3dTvREy0xQ8s/DYcBZM4V3kqudcEiX2CwmbjFC7bzGEbP8eIfBQDx
+BtfCVayXO0Xz5aVpkAj6/EylpheVjk4hn9OPplQkWTNmS87L0uh5eM7/6xYnSU5h
+Ug==
+=0Ip4
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/style.css b/style.css
index 7d05784..41d11fb 100644
--- a/style.css
+++ b/style.css
@@ -12,6 +12,7 @@ body {
hsl(155deg, 70%, 62%)
);
--bg-image: url(images/niss_uwu_bg.png);
+ --size: 1.75rem;
--weight: 600;
background:
@@ -20,7 +21,7 @@ body {
background-blend-mode: overlay;
font-family: 'Muller';
- font-size: 1.75rem;
+ font-size: var(--size);
font-weight: var(--weight);
color: white;
text-shadow:
@@ -33,10 +34,12 @@ body {
margin: 2em 1em 0.5em;
}
-main, footer {
- background: hsla(0, 0%, 100%, 40%);
+main {
+ background: hsla(316deg, 100%, 95%, 45%);
border-radius: 2em;
- border: 3px solid hsla(0, 0%, 100%, 30%);
+ --glow-col: hsla(318deg, 100%, 98%, 100%);
+ border: 1px solid var(--glow-col);
+ box-shadow: 0 0 25px var(--glow-col) inset;
}
main {
@@ -45,7 +48,7 @@ main {
margin: 0 auto 1em;
}
-h1, h2, h3, h4, h5, h6 {
+header p, h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin-top: 0;
}
@@ -54,6 +57,10 @@ h1 {
font-size: 200%;
}
+h2, header p {
+ font-size: 150%;
+}
+
b {
font-weight: 800;
}
@@ -65,6 +72,7 @@ b {
width: 420px;
}
.mlem-text {
+ font-size: var(--size);
position: absolute;
font-weight: 700;
margin: 0;
@@ -72,7 +80,7 @@ b {
.niss { bottom: 100%; left: 20px; }
.nisse { bottom: 85%; right: 0; }
#mlem picture {
- filter: drop-shadow(0 0 30px hsla(52deg, 85%, 95%, 75%));
+ filter: drop-shadow(0 0 30px var(--glow-col));
}
header {
@@ -82,16 +90,17 @@ header {
header h1 {
margin-top: 0;
}
-header rt {
+rt {
font-size: 60%;
font-style: italic;
}
hr {
- height: 2px;
+ height: 4px;
width: 75%;
- background-color: hsla(0, 0%, 100%, 75%);
- mix-blend-mode: screen;
+ background-color: hsla(0, 0%, 100%, 85%);
+ box-shadow: 0 0 3px hsl(0, 0%, 100%, 50%);
+ border: none;
text-shadow: none;
margin: 20px auto;
}
@@ -122,7 +131,6 @@ dd {
display: inline-block;
width: 0.75em; height: 0.75em;
vertical-align: text-top;
- mix-blend-mode: hard-light;
}
}
@media (hover: none) {
@@ -144,58 +152,25 @@ a:hover {
color: hsl(50deg, 100%, 82%);
}
-.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;
+
+:is(rt, h1, h2)::before, :is(rt, h1, h2)::after {
padding: 0 0.25em;
vertical-align: middle;
display: inline-block;
height: 1em; width: 1em;
+ mix-blend-mode: overlay;
+ content: var(--around-image);
}
-.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);
-}
+
+rt { --around-image: url(images/star.svg); }
+h1, h2 { --around-image: 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;
@@ -203,6 +178,20 @@ footer a {
}
+#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 {
@@ -241,37 +230,16 @@ footer a {
main {
background: hsla(0, 0%, 0%, 60%);
- border-color: hsla(0, 0%, 0%, 30%);
+ --glow-col: hsla(0, 0%, 0%, 60%);
}
- .cake::before, .cake::after,
- header rt::before, header rt::after,
- section h2::before, section h2::after {
+ :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, 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) {
@@ -280,10 +248,7 @@ footer a {
background-blend-mode: initial;
}
- .cake::before, .cake::after,
- header rt::before, header rt::after,
- section h2::before, section h2::after,
- [title]::after {
+ :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after {
mix-blend-mode: initial;
}
}
diff --git a/where.css b/where.css
new file mode 100644
index 0000000..04efa60
--- /dev/null
+++ b/where.css
@@ -0,0 +1,30 @@
+@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
new file mode 100644
index 0000000..aa707fc
--- /dev/null
+++ b/where.html
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+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
+
+
-
fedi
+ -
+
+
+ g@scalie.business
+
+
+ - twitter
+
- @squishygecs
+
+
- telegram
+
- gec_ko
+
+
- matrix
+
-
+
+ g:cybre.space
+
+
+
- discord
+
-
+
+ niss#0944
+
+
+
- xmpp
+
- niss@yummy.cricket
+
+
- email
+
- niss@niss.website
+
+
- pgp key
+
- boop
+
+
+
+
+ main
+
+