diff --git a/.gitattributes b/.gitattributes index 0644d84..159d236 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,4 +1,4 @@ *.png filter=lfs diff=lfs merge=lfs -text *.gif filter=lfs diff=lfs merge=lfs -text -*.webp filter=lfs diff=lfs merge=lfs -text -*.kra filter=lfs diff=lfs merge=lfs -text +*.mp3 filter=lfs diff=lfs merge=lfs -text +*.ogg filter=lfs diff=lfs merge=lfs -text diff --git a/.gitignore b/.gitignore index 56934af..67f2444 100644 --- a/.gitignore +++ b/.gitignore @@ -1,8 +1,3 @@ -style/fonts/**/*.eot -style/fonts/**/*.svg -style/fonts/**/*.ttf -style/fonts/**/*.woff -style/fonts/**/*.woff2 fonts/**/*.eot fonts/**/*.svg fonts/**/*.ttf @@ -11,4 +6,3 @@ fonts/**/*.woff2 _build _tmp .directory -*~ diff --git a/.well-known/button.json b/.well-known/button.json deleted file mode 100644 index 6220bf4..0000000 --- a/.well-known/button.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "$schema": "https://codeberg.org/LunarEclipse/well-known-button/raw/branch/main/drafts/button-2024-06.schema.json", - "default": "ce20aa64-4e95-11ef-b42c-838186663ff7", - "buttons": [ - { - "id": "ce20aa64-4e95-11ef-b42c-838186663ff7", - "uri": "https://yummy.cricket/8831.png", - "alt": "the gec zone", - "link": "https://yummy.cricket", - "sha256": "1357dc055ec9bcae24826a689a72d6245779b7aac7f6256c2ee2a102233de0af", - "animations": "none" - }, - { - "id": "220a360e-4e96-11ef-bf9c-0b97c65ca05d", - "uri": "https://yummy.cricket/8831-quox.png", - "alt": "the quog zone", - "link": "https://yummy.cricket", - "sha256": "89ab02e44093ce81bb02cdfb5c743a83db4f1faad161d2f1aacbf519635915ba", - "animations": "none" - } - ] -} diff --git a/8831-quox.png b/8831-quox.png deleted file mode 100644 index e1b0099..0000000 --- a/8831-quox.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:89ab02e44093ce81bb02cdfb5c743a83db4f1faad161d2f1aacbf519635915ba -size 2463 diff --git a/8831.png b/8831.png deleted file mode 100644 index f147368..0000000 --- a/8831.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:1357dc055ec9bcae24826a689a72d6245779b7aac7f6256c2ee2a102233de0af -size 13083 diff --git a/ANGELF~1.CSS b/ANGELF~1.CSS new file mode 100644 index 0000000..ec3101c --- /dev/null +++ b/ANGELF~1.CSS @@ -0,0 +1,112 @@ +:root { + font: 18pt serif; + color: white; + background: url(NEWFOL~1/GEC.JPG); +} + +main { + width: 30em; + padding: 1rem; + margin: 1rem auto; + border: 8px outset white; + background: #639; +} + + +header, h1, h2, h3 { text-align: center; } +h1 { margin-top: 0; } +header { overflow: hidden; } + +@media not (prefers-reduced-motion) { + @keyframes marquee { + from { transform: translateX(100%); } + to { transform: translateX(-100%); } + } + + h1 { + animation-name: marquee; + animation-timing-function: linear; + animation-duration: 7.5s; + animation-iteration-count: infinite; + } +} + + +#mlemtext { + position: relative; + width: 80%; + margin: 0 auto; + height: 3em; +} +.niss, .nisse { position: absolute } +.niss { left: 0 } +.nisse { right: 0 } + +header picture, header img { + display: block; + margin: 0 auto; + bacground: black; +} + +#mlem + p { margin-top: 0; } + + +img[src$='.svg'] { height: 1em; } + +a { + color: #9cf; + font-weight: bold; + text-decoration: none; +} + +table { + width: 80%; + border-spacing: 0.75em 0.15em ; +} + +th { + text-align: right; + font-weight: normal; +} +td { + font-weight: bold; +} + + +@font-face { + font-family: 'W95FA'; + src: url(NEWFOL~1/W95FA.otf) format('opentype'), + url(NEWFOL~1/w95fa.woff) format('woff'), + url(NEWFOL~1/w95fa.woff2) format('woff2'); +} + +#links { + position: absolute; + top: 0; left: 0; + font-family: 'W95FA', sans-serif; + font-size: 13pt; + padding: 1rem; +} + +#links li { + display: block; + width: 5em; + text-align: center; + margin-bottom: 1em; +} + +#links img { + display: block; + margin: auto; +} + +#links a { + font-weight: normal; + color: white; + text-decoration: none; +} + +#links span { + background: black; + padding: 0 0.25ch; +} diff --git a/ANGELF~1.HTM b/ANGELF~1.HTM new file mode 100644 index 0000000..ca72e68 --- /dev/null +++ b/ANGELF~1.HTM @@ -0,0 +1,106 @@ + + + + + + + + + + +šŸ¦Ž 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)) +

+ +
+ +
+

stats

+ + +
how to say + + /nIs/, /nIs@/ + + + +
prons she or they +
quantity 2 +
consistency soft +
limbs many +
energy low +
+
+
+ + + + + + + + diff --git a/Makefile b/Makefile index b05d476..f54ce11 100644 --- a/Makefile +++ b/Makefile @@ -1,12 +1,16 @@ -CSS = $(wildcard style/*.css) $(shell find fonts -type f) -PAGES = index.html pubkey.txt -MEDIA = \ - $(wildcard media/*.png) $(wildcard media/*.gif) $(wildcard media/*.webp) \ - $(wildcard media/flags/*) $(wildcard media/buttons/*) \ - $(wildcard media/icons/*) $(wildcard media/bg/*) 8831.png 8831-quox.png -SCRIPTS = $(patsubst %.ts,%.js,$(wildcard script/*.ts)) -MISC = $(shell find .well-known -type f) -ALL = $(CSS) $(PAGES) $(MEDIA) $(SCRIPTS) $(MISC) +FONTS = $(shell find fonts -type f) +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 quoxtrans.png \ + mlem.gif mlem_static.png chitter.png lockpen.png \ + quobl.png quobl2.png \ + ) \ + $(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 \ + ) BUILDDIR ?= _build TMPDIR ?= _tmp @@ -18,7 +22,7 @@ REMOTE_DIR ?= yummy all: build -build: $(patsubst %,$(BUILDDIR)/%,$(ALL)) +build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(MEDIA) $(AFMEDIA)) upload: build @rsync --recursive --partial --progress --copy-links \ @@ -53,11 +57,10 @@ $(BUILDDIR)/%_dim.png: %.png @echo $(notdir $@) @convert -channel A -evaluate Multiply 0.75 $< $@ -$(BUILDDIR)/%.js: %.ts - tsc --strict --noUncheckedIndexedAccess --noEmitOnError \ - --lib dom,es2021 --target es2015 \ - --outDir $(dir $@) $^ - +$(BUILDDIR)/%.GIF: %.ICO + @echo $*.GIF + @mkdir -p $(dir $@) + @convert '$<[0]' $@ clean: $(RM) -r $(TMPDIR) $(BUILDDIR) diff --git a/NEWFOL~1/256.gpl b/NEWFOL~1/256.gpl new file mode 100644 index 0000000..3f1c704 --- /dev/null +++ b/NEWFOL~1/256.gpl @@ -0,0 +1,259 @@ +GIMP Palette +Name: 256 +Columns: 8 +0 0 0 color 0 +0 0 85 color 1 +0 0 170 color 2 +0 0 255 color 3 +0 36 0 color 4 +0 36 85 color 5 +0 36 170 color 6 +0 36 255 color 7 +0 72 0 color 8 +0 72 85 color 9 +0 72 170 color 10 +0 72 255 color 11 +0 109 0 color 12 +0 109 85 color 13 +0 109 170 color 14 +0 109 255 color 15 +0 145 0 color 16 +0 145 85 color 17 +0 145 170 color 18 +0 145 255 color 19 +0 182 0 color 20 +0 182 85 color 21 +0 182 170 color 22 +0 182 255 color 23 +0 218 0 color 24 +0 218 85 color 25 +0 218 170 color 26 +0 218 255 color 27 +0 255 0 color 28 +0 255 85 color 29 +0 255 170 color 30 +0 255 255 color 31 +36 0 0 color 32 +36 0 85 color 33 +36 0 170 color 34 +36 0 255 color 35 +36 36 0 color 36 +36 36 85 color 37 +36 36 170 color 38 +36 36 255 color 39 +36 72 0 color 40 +36 72 85 color 41 +36 72 170 color 42 +36 72 255 color 43 +36 109 0 color 44 +36 109 85 color 45 +36 109 170 color 46 +36 109 255 color 47 +36 145 0 color 48 +36 145 85 color 49 +36 145 170 color 50 +36 145 255 color 51 +36 182 0 color 52 +36 182 85 color 53 +36 182 170 color 54 +36 182 255 color 55 +36 218 0 color 56 +36 218 85 color 57 +36 218 170 color 58 +36 218 255 color 59 +36 255 0 color 60 +36 255 85 color 61 +36 255 170 color 62 +36 255 255 color 63 +72 0 0 color 64 +72 0 85 color 65 +72 0 170 color 66 +72 0 255 color 67 +72 36 0 color 68 +72 36 85 color 69 +72 36 170 color 70 +72 36 255 color 71 +72 72 0 color 72 +72 72 85 color 73 +72 72 170 color 74 +72 72 255 color 75 +72 109 0 color 76 +72 109 85 color 77 +72 109 170 color 78 +72 109 255 color 79 +72 145 0 color 80 +72 145 85 color 81 +72 145 170 color 82 +72 145 255 color 83 +72 182 0 color 84 +72 182 85 color 85 +72 182 170 color 86 +72 182 255 color 87 +72 218 0 color 88 +72 218 85 color 89 +72 218 170 color 90 +72 218 255 color 91 +72 255 0 color 92 +72 255 85 color 93 +72 255 170 color 94 +72 255 255 color 95 +109 0 0 color 96 +109 0 85 color 97 +109 0 170 color 98 +109 0 255 color 99 +109 36 0 color 100 +109 36 85 color 101 +109 36 170 color 102 +109 36 255 color 103 +109 72 0 color 104 +109 72 85 color 105 +109 72 170 color 106 +109 72 255 color 107 +109 109 0 color 108 +109 109 85 color 109 +109 109 170 color 110 +109 109 255 color 111 +109 145 0 color 112 +109 145 85 color 113 +109 145 170 color 114 +109 145 255 color 115 +109 182 0 color 116 +109 182 85 color 117 +109 182 170 color 118 +109 182 255 color 119 +109 218 0 color 120 +109 218 85 color 121 +109 218 170 color 122 +109 218 255 color 123 +109 255 0 color 124 +109 255 85 color 125 +109 255 170 color 126 +109 255 255 color 127 +145 0 0 color 128 +145 0 85 color 129 +145 0 170 color 130 +145 0 255 color 131 +145 36 0 color 132 +145 36 85 color 133 +145 36 170 color 134 +145 36 255 color 135 +145 72 0 color 136 +145 72 85 color 137 +145 72 170 color 138 +145 72 255 color 139 +145 109 0 color 140 +145 109 85 color 141 +145 109 170 color 142 +145 109 255 color 143 +145 145 0 color 144 +145 145 85 color 145 +145 145 170 color 146 +145 145 255 color 147 +145 182 0 color 148 +145 182 85 color 149 +145 182 170 color 150 +145 182 255 color 151 +145 218 0 color 152 +145 218 85 color 153 +145 218 170 color 154 +145 218 255 color 155 +145 255 0 color 156 +145 255 85 color 157 +145 255 170 color 158 +145 255 255 color 159 +182 0 0 color 160 +182 0 85 color 161 +182 0 170 color 162 +182 0 255 color 163 +182 36 0 color 164 +182 36 85 color 165 +182 36 170 color 166 +182 36 255 color 167 +182 72 0 color 168 +182 72 85 color 169 +182 72 170 color 170 +182 72 255 color 171 +182 109 0 color 172 +182 109 85 color 173 +182 109 170 color 174 +182 109 255 color 175 +182 145 0 color 176 +182 145 85 color 177 +182 145 170 color 178 +182 145 255 color 179 +182 182 0 color 180 +182 182 85 color 181 +182 182 170 color 182 +182 182 255 color 183 +182 218 0 color 184 +182 218 85 color 185 +182 218 170 color 186 +182 218 255 color 187 +182 255 0 color 188 +182 255 85 color 189 +182 255 170 color 190 +182 255 255 color 191 +218 0 0 color 192 +218 0 85 color 193 +218 0 170 color 194 +218 0 255 color 195 +218 36 0 color 196 +218 36 85 color 197 +218 36 170 color 198 +218 36 255 color 199 +218 72 0 color 200 +218 72 85 color 201 +218 72 170 color 202 +218 72 255 color 203 +218 109 0 color 204 +218 109 85 color 205 +218 109 170 color 206 +218 109 255 color 207 +218 145 0 color 208 +218 145 85 color 209 +218 145 170 color 210 +218 145 255 color 211 +218 182 0 color 212 +218 182 85 color 213 +218 182 170 color 214 +218 182 255 color 215 +218 218 0 color 216 +218 218 85 color 217 +218 218 170 color 218 +218 218 255 color 219 +218 255 0 color 220 +218 255 85 color 221 +218 255 170 color 222 +218 255 255 color 223 +255 0 0 color 224 +255 0 85 color 225 +255 0 170 color 226 +255 0 255 color 227 +255 36 0 color 228 +255 36 85 color 229 +255 36 170 color 230 +255 36 255 color 231 +255 72 0 color 232 +255 72 85 color 233 +255 72 170 color 234 +255 72 255 color 235 +255 109 0 color 236 +255 109 85 color 237 +255 109 170 color 238 +255 109 255 color 239 +255 145 0 color 240 +255 145 85 color 241 +255 145 170 color 242 +255 145 255 color 243 +255 182 0 color 244 +255 182 85 color 245 +255 182 170 color 246 +255 182 255 color 247 +255 218 0 color 248 +255 218 85 color 249 +255 218 170 color 250 +255 218 255 color 251 +255 255 0 color 252 +255 255 85 color 253 +255 255 170 color 254 +255 255 255 color 255 diff --git a/NEWFOL~1/GEC.JPG b/NEWFOL~1/GEC.JPG new file mode 100644 index 0000000..185a17f Binary files /dev/null and b/NEWFOL~1/GEC.JPG differ diff --git a/NEWFOL~1/LOWBATT.ICO b/NEWFOL~1/LOWBATT.ICO new file mode 100644 index 0000000..58a32c2 Binary files /dev/null and b/NEWFOL~1/LOWBATT.ICO differ diff --git a/NEWFOL~1/MAIL.ICO b/NEWFOL~1/MAIL.ICO new file mode 100644 index 0000000..fdc1839 Binary files /dev/null and b/NEWFOL~1/MAIL.ICO differ diff --git a/NEWFOL~1/PBRUSH.ICO b/NEWFOL~1/PBRUSH.ICO new file mode 100644 index 0000000..063b154 Binary files /dev/null and b/NEWFOL~1/PBRUSH.ICO differ diff --git a/NEWFOL~1/PROGRAM.ICO b/NEWFOL~1/PROGRAM.ICO new file mode 100644 index 0000000..6d1cd55 Binary files /dev/null and b/NEWFOL~1/PROGRAM.ICO differ diff --git a/NEWFOL~1/QUESTION.ICO b/NEWFOL~1/QUESTION.ICO new file mode 100644 index 0000000..5177ea4 Binary files /dev/null and b/NEWFOL~1/QUESTION.ICO differ diff --git a/NEWFOL~1/W95FA.otf b/NEWFOL~1/W95FA.otf new file mode 100644 index 0000000..153077a Binary files /dev/null and b/NEWFOL~1/W95FA.otf differ diff --git a/NEWFOL~1/gec.kra b/NEWFOL~1/gec.kra new file mode 100644 index 0000000..a48ec7b Binary files /dev/null and b/NEWFOL~1/gec.kra differ diff --git a/NEWFOL~1/w95fa.woff b/NEWFOL~1/w95fa.woff new file mode 100644 index 0000000..433ece2 Binary files /dev/null and b/NEWFOL~1/w95fa.woff differ diff --git a/NEWFOL~1/w95fa.woff2 b/NEWFOL~1/w95fa.woff2 new file mode 100644 index 0000000..730ddc4 Binary files /dev/null and b/NEWFOL~1/w95fa.woff2 differ diff --git a/base.css b/base.css new file mode 100644 index 0000000..44eece4 --- /dev/null +++ b/base.css @@ -0,0 +1,225 @@ +@import url(fonts/muller/muller.css); +@import url(fonts/noto/noto.css); + +:root { + /* + --gradient: + linear-gradient(135deg, + hsl(42deg, 92%, 70%), + hsl(348deg, 92%, 70%), + hsl(334deg, 100%, 80%), + hsl(234deg, 100%, 76%), + hsl(195deg, 100%, 67%), + hsl(155deg, 70%, 62%) + ); + */ + + --gradient: + linear-gradient(135deg, + oklch(93% 0.16 86), + oklch(84% 0.17 15), + oklch(78% 0.18 304), + oklch(78% 0.18 233), + oklch(78% 0.18 162) + ); + --size: 15pt; + --weight: 600; + --link-color: hsl(196deg, 100%, 85%); + --hover-color: hsl(50deg, 100%, 82%); + + background: + image-set(url(media/bg.png) 1x, + url(media/bg_2x.png) 2x) + top center fixed, + var(--gradient) fixed; + background-blend-mode: overlay; + + font-family: 'Muller'; + font-size: var(--size); + font-weight: var(--weight); + color: white; + text-shadow: + 1px 1px 0 black, + -1px 1px 0 black, + 1px -1px 0 black, + -1px -1px 0 black, + 4px 4px 4px hsla(0, 0%, 0%, 70%); + text-align: center; + margin: 2em 1em 0.5em; +} + +main { + --default-bg: hsla(316deg, 100%, 95%, 45%); + background: var(--default-bg); + 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; + + padding: 1em; + margin: 0 auto 1em; +} + +header p, h1, h2, h3, h4, h5, h6 { + font-weight: 700; + margin-top: 0; +} + +h1 { + font-size: 200%; +} + +h2, header p { + font-size: 150%; +} + +b { + font-weight: 800; +} + +hr { + height: 4px; + width: 75%; + 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; +} + +.ipa { + font-family: NotoSans; + font-weight: 900; + font-size: 90%; +} + +a[href] { + color: var(--link-color); + font-weight: 800; + text-decoration: none; + transition: color 0.2s ease-in-out; +} +a[href]:where(:hover,:focus) { + color: var(--hover-color); +} + + +dl { + display: grid; + grid-template-columns: repeat(4, auto); + grid-row-gap: 6px; + grid-column-gap: 1em; + justify-content: center; +} + +dt { + text-align: right; + margin: 0; +} +dd { + font-weight: 700; + text-align: left; + margin: 0; +} + + +: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); +} + +rt::before { margin-left: -1.25em; } +rt::after { margin-right: -1.25em; } + +/* hacky fix for firefox mobile 68 freaking out at blend modes ā˜¹ */ +@media (-moz-touch-enabled) { + :root { + background: var(--gradient) fixed; + background-blend-mode: initial; + } +} + +.emojo { + vertical-align: middle; + 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 */ +/******************************/ + +@media (prefers-reduced-motion: reduce) { + /* see also the alternate source in #mlem > picture */ + .mlem-text { + display: none; + } +} + + +@media (prefers-contrast: high), (prefers-color-scheme: dark) { + :root { + /* + --gradient: + linear-gradient(135deg, + hsl(42deg, 56%, 55%), + hsl(348deg, 56%, 55%), + hsl(334deg, 60%, 43%), + hsl(234deg, 60%, 40%), + hsl(195deg, 60%, 44%), + hsl(155deg, 60%, 55%) + ); + */ + + --gradient: + linear-gradient(135deg, + /* oklch(33% 0.16 86), */ + oklch(30% 0.17 15), + oklch(30% 0.18 304), + oklch(30% 0.18 233), + oklch(30% 0.18 162) + ); + + background: + image-set(url(media/bg_dim.png) 1x, + url(media/bg_2x_dim.png) 2x) + top center fixed, + var(--gradient) fixed; + background-blend-mode: multiply; + } + + main { + --default-bg: hsla(0, 0%, 0%, 60%); + --glow-col: hsla(0, 0%, 0%, 60%); + } + + :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after { + mix-blend-mode: screen; + } + + hr { + background: white; + } +} + +@media (prefers-reduced-transparency) { + :root { + background: var(--gradient) fixed; + background-blend-mode: initial; + } + + :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after { + mix-blend-mode: initial; + } +} diff --git a/fonts/noto/noto.css b/fonts/noto/noto.css new file mode 100644 index 0000000..c00338c --- /dev/null +++ b/fonts/noto/noto.css @@ -0,0 +1,8 @@ +@font-face { + font-family: NotoSans; + font-weight: 900; + src: + local('Noto Sans Black'), + url(NotoSans-Black.ttf) format('ttf'); +} + 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 new file mode 100644 index 0000000..1ef5343 --- /dev/null +++ b/index.css @@ -0,0 +1,59 @@ +@import url(base.css); + +:root { + width: 100vw; height: 100vh; + margin: 0; padding: 0; + display: grid; + align-items: center; + justify-content: center; +} + +main { + width: 35em; + padding: 2em; +} + + +#mlem { + margin: 36px auto -50px; + position: relative; + height: 219px; + width: 420px; + cursor-events: none; +} +.mlem-text { + font-size: 110%; + position: absolute; + font-weight: 700; + margin: 0; +} +.niss { bottom: 100%; left: 20px; } +.nisse { bottom: 85%; right: 0; } +#mlem img { + /* firefox doesn't support "pixelated" but does treat "crisp-edges" + * to mean that */ + image-rendering: crisp-edges; + image-rendering: pixelated; +} + + +#links img { + margin-right: 0.75em; + height: 1.5em; + width: 1.5em; + filter: drop-shadow(0 0 10px var(--glow-col)); + vertical-align: middle; +} + +menu { + display: grid; + gap: 1em; + grid-template-columns: 1fr 1fr; + + max-width: 85%; + margin: auto; + padding: 0; + font-size: 125%; +} + +li { list-style: none; } diff --git a/index.html b/index.html index ff1e2f1..59d2a62 100644 --- a/index.html +++ b/index.html @@ -1,435 +1,48 @@ - -the gec zone + + + - - + + - - - - - +šŸ¦Ž the gec zone šŸ¦Ž - - - - - - - - - - - - +
+
+

ā€œmlemā€

+

ā€œmlem alsoā€

+ + + ā€” the gecs + +
- - +
- -
-
-
-

hey

+
-

iā€™m niss. whatā€™s up +

+
-