~ resize window
~ Ctrl +/- (Cmd +/- on Mac)
~ change browser. best viewed on Chromium based browsers and Safari
| stats for nerds : this page weights 53 KB and is JavaScript-free
What do computers and the forest floor have in common?
!7~
#@B
B@G
.#@#.
^&&&:
~&&&^
!&&&^
7&&&!
P&&&Y
.B&&&G.
7#&&&#~
.^^. P#&###5 .^:
~PG5. 7GBBBBBG~ .PGP^
!PBG^..:!J~.... .~YGGP5PGGY^. ....~J!:..~BB5~
.....!YGPBJ.. .:.7YJ77?J5555YJ?77JY! :. ..YBPPY~.....
:5GPGG55Y5:....... .7GPY??!~!?J?!~!??YPG!. ...... :PY55GGPGY.
:P5P55GGG?:...::^^!JYJP55Y?77?J?7!!7?Y55P?YJ!^^.:...:JGGGY5P55.
:YYYGGP?. .~:JY5BG#5JP5PPP5PYJJ?7!?JY55PJPBBGYY?:~. :JPGPYYY.
:5JYJJPP?!::!?J55YPGB##BBGGGBBBGP5YY55YJY55PGGBGG5YJY5J7~::7JGPJJJJ5.
JYJ7JJYJJY?7!!!77JY5GGBBBGGBBGG5YJ5YY5J?JJJJJ7!~^^^^^^!?JYJJYJJ7JY?
.:!!7JY5YY?~^^~!!7JY5GB#####BBBPP##B5JYYJJJJJJJ7!~^::.....^!JYY5JJ7!!:
^Y~!JPP5?!^~~~YBP???Y5PPGGGGPPGGPB#B5JJ!!!!!!!!!~~^~JGY:...:^~?5P5?~~Y:
:!!5P555YJ?JJYG#&B5Y5555YYJJJJ5PGGBGP??~^:::^^~!?JJP#&P~:^^:^^~7J5PY~7.
.!7PP5Y55YY5YY5G#&PP55PPP5YJJJYGGPPP5?JJ?7!~!77?YY5PPGGY!^^^^~^~^7?Y5P7!
JPJ7JYP5PP55GGB##G5BGGGGGPGPPPPPP55Y!?JYYYYYJJYYPGGJ55J7!~~~~~~^^:~7Y5?
.::..^?!^:.^Y?~^:^^ :P55JJPGGGGPGBB####PPGBGGGGGPPP55YJYY??JJJJYYY555PG55YJJ7!!~~!~~~^:~?Y5P: ^^^^~JY^.^^!?^..::.
.:::.^~:. .. ..~?J!. YPP5Y5PGBGBBB#####BBPPGGGGPPPP5YYYY5YYYYY555555555Y?????77!!~^~~~~:~?5P5J .!J?~.. .. .^~^.:::.
^5Y^. :JG&B55!~?JYY?YYGBBB####&#&##GGYJJYYYYYJJ??777?77???JJYJJ?7!~~!!!77!?7!^^^~~^^!?JYJ?~75PB&G?. .^Y5:
:&! P@@@&&&BG#G!7J55PBBB###&&&&&&BBG?~^::^~~^^::::::^:::::^^:.....^~~~~77?7!!~^~~^!7J?77BBPB&&&@@@Y 7&.
7 :Y^.^#&&BPG5!^JY5GBB##&&&&&&&&&#PJ7:....... .... .:^~~!!!?7!!!~~!!!7J?^7PPPB&&#^.^Y. 7
^#@@&#GP5J^7YPBB##&&&&&&&&&&&B?^::^:.. ....:.. .:^~7!?7???Y?777?J?!^J5GB#&@@B.
.BBP??YGGY?~^?5G##&&&&&&###&&##7:^!!!!~^:....::^~~!777!^.. ...:^~!?JYY55YJJJJ7^~?5GPJ??P#P
?#B5??77J5G###&&&&&##BBB577?JJJJ??77!!7J?????7??7!^:........:^!?5PPP5YJJ?77??PB#!
.::~5J5PGPPPB#&&#####BBGGGPPPP555YJJJJJYYJ7777?JJ??7!!777777?JYPGGPYJY5PGP5JY^::.
.^JGBB#BBBB#&&&&#####BBGGGGP5YJ?Y5PPGPJ??JJJYYY555PGGGGBBBBGP555PGBBBGJ^.
.Y#P#&&&&######&&&&####BBBBBGGGPGGGBBGPPPPPPP5PPGB#BBBBBBBGGGGGGB#GB#PBY.
:B&PJB&@&&&&&&&&##&&&&&&&###BBBBBBBBBBBB#B5JJJ5PBB###BBBGGGGGB#&&&#Y7JYG#G.
.B#5?B&&&&&&@@@&&&#BBB####&&&&&&###BGP##BP??5G##B#BGGPGPG##&&&&#B5YGB?^7JP#G
?&G7G&&&#B#&&&&&&&@@@&&##BBBBBBB#&&&#BGPGGGBGGP55GGB#&&&&&&##G5?~::~PG!:?JP#!
G#J?B&&&&&&&#&&#B###&&&&@@@@&&&&######BPG55B#&&&&&&&&#BGG5YYJ?~~!?YPBB?:^JJBP
:#GJJG&@&&&&&&&#B#BBGP5PGBB##&&&&&&&&&&&&&&&&&#BBGPPY?7!!!^^!?JJJYPPGBG?::?JGB.
~&YYYB&@@@&&&&&&###BGYJYJ777YGP5YJY5555555YY5PG57!~~!~^~~JJJJ555Y5GGBBP7:^~YY#:
~&?55G#&@@&&&&&&##BBBGPP555J7Y###GPPGGGGGGB#&&G??55JJYYYYJYYYY55PPGBBGJ!^~^J?#:
?&?5PGB&&&&&&&&&###BGPPPPP5PPPP#&&#BBB###&&@&BPPP5YYYYYYYJYYYY555PGGB57~~~^J7&!
:&JYGPB&&&&&&&&&##BBGPPGGGPPPPPG#&&#####B5&&#BGP5555Y?JJYYY555555PGGGY!~!^^Y?B.
GPJGGB#&&&&&&&&&#BBGPGGGPGPPGPGB#&&&&&&5G#BBBP5J?Y5Y?JY5JYY5YY555PGGJ7~!^!JYY
JBJGBB#&&&&&&&&&#BBBGGGGGGPPPPG5GGGG#&#BBGBGPYYJ~?5Y!JY5JYY55555PPG5?!!!:7?P!
:GJGBB##&&&&&&&&###BBGBGGGPPP5Y7PPY?G##G55BP577J.7YY~YY5YY5Y55Y5PPPY?!7~^!!5.
.JJGBB##&&&&&&&&####BBBBGGPPP5J^GGJ~PB#GJ7GPJ.~J ^JJ!YY5Y55555555P5J?7!~^~~7
.!PYPBB###&&&&&&&####BBBBBBGBPPY~PPY^GB#PJ.GP! 7!.!J7!YY5YYYYYY55P5J??7~^^^75~
:G#&B5BB###&&&&&&&&###BBB#BBBBGGY^GG5:P#BPY:PP7:5!:7Y?JYYYYYYY55555YJ?7!~~~!P&#P.
Y&@&&PGB####&&&&&&&&&###B##BBBBG57GP5~P##GPJPPYJ5??Y5JJJY5555555P55J??7!~!?5&&@#?
5&&@&&#BBB###&&&&&&&&&&######B##BGPBGPYG&#GP5GP5Y5YYY5JJYY555555PP5Y?7?7775B#&&&&&Y
^##&&?:.P#B####&&&&&&&&&#########BBBBGGPB&&GPPGPYY5YYY5YYY5555555P55J????JP#5.:J@&##:
?&##&~. .5#BB####&&&&&&&&&#&&#####B##BBG&&&BGPG5Y55YY5555555555P5P5YJ??JYP#Y ..7&##&!
.P####! YBBBB###&&&&&&&&&&&&##&###&#B#&@&BGPG5Y5P55555555555PP555YJJY5GB? ?####5
YB###J .G#BGGBB###&&&&&&&&&&&&&&&&&##&@&#GPG555P55P5555555PPPP55YY55B#P Y###BJ
:P####G. :~5BGPGBBB###&##&&&&&&&&&&&&&&&&#BGGPPPP555PP55P55P5555YY5PBY^. .G####P:
~B###B! ^5BGPGGBBBB#B#####&#&&&#&&&&&#BGGG55P555P55P555555Y55PGY: 7B###B^
:G####B^ :YGGPPGGGBBGBBBB#########&#G5YPYJY5YY55Y55YYYYYYYPPJ: ~B####G.
^PB#####B^ .^?5GGPPGGGGGGGBGGBBGBB#BPYJY??JJJJYJJJ??JYYYJ7^. ^B#####BP:
7G55####B#~ :~7JY555PPPPPPPPPPGBGPYJY??J??J????777~^. !#B####55G!
!&##B##? .:^^~!!77?J??JP55J??7!!!~~^::.. J&#B###^
J###&&&P. .G&&&###7
~##B#&&&B! 7#&&&#B##^
^5#B#&&G5B5!. .75BYB&&#B#Y:
^BGJ^PG^ .:^^^:. .:^^^:. ^B5^YGB:
.. !P7. . . .?P~ ..
.?GJ: :YP7
^7YJ: :YY7:
^5J. .YY:
!!: :7~
.^^. .^^
:!: :!.
:^. .^:
~: .:^
.:. .:.
:~: :~.
:. .:
Bugs!
No but seriously, do send me insect pics, I'd love to identify them.
I major in environmental engineering, it's at odd with my computer tinkering habit but I like to keep the things I do for money apart from what I do for fun.
25/09/21
Finally renovated the index. Removed the "Under Construction" sign, it's now forever under destruction </3
21/11/21
So I saw Sadgrl's new updates including their own Yesterweb Radio, and I was hooked. As a frequent listener of aNONradio, I was very tempted to learn how to stream my own radio station through icecast (as if I have anything good to stream) but apparently I didn't have any time at the moment. So next "goal" is to figure out the whole icecast thing. Shouldn't be rocket science.
26/11/21
Made a Go Back and Refresh button just so I can edit and preview the page easier locally. Added Picrew page & changed the Microblog layout completely. Enjoy Microblog 2.0!
03/12/21
Changed the font to Arial. Good ol' sans-serif Arial. At first I didn't expect to do a lot of writing so this whole page was set in Menlo, Roboto Mono or monospace (there was a lot of ASCII art around here so setting all the texts to monospace saved me a lot of formatting). But after some long ass blog (rant) entries I realized that:
- Monospace fonts make it easier to recognize letters, but not words.
- Serif fonts make it easier to recognize words, but not letters. Also they give me visual fatigue.
- Sans-serif fonts are perfect for reading, and Arial is the best sans-serif font ever made.
A bit of letter-spacing and line-height magic and Arial becomes the most readable font ever.
Readable monospaced fonts like Monaco is on thin ice (and it's also used in the code editor of Neocities I believe?). But hey Monaco isn't one of the default fonts in some browsers. So, boo.
Courier should be used very sparingly for it is a reading nightmare, as it is both monospaced AND serif. I get tired looking at all the nooks and crannies of it and if I need to read a wall of text in Courier I'll just hang myself.
That said, if the text was formatted properly (i.e it has hierarchy and moderate paragraph spacing, unlike mine) and if the content was well-written (unlike mine), then I honestly don't mind reading it in Times New Roman.
21/01/22
Happy New Year. I played around with CSS and changed everything again in terms of design. There's no such thing as a microblog anymore. Added more multimedia content. Added my diary so you can use it to bully me in the future.
22/02/22
Added the Shrine, which for now includes picrews and some Advance-Garbage fashion brands. Added the Inventory, which includes Bookmark & Web tools. So far just functional stuff for my use.
02/04/22
God I've spent months fixing a bunch of small things that I was too lazy to fix. The devil's in the details. Reformatted this whole page because I changed the font and realized I can't just get away with white-space: pre-wrap; everything to save tags.
I'm really trying to make this page as lightweight as possible with all the styling I'm putting into it. I discovered some post-processors that can format my HTML and CSS files, but I'll only run it when I've already perfected the markup.
13/04/22
Rewritten the copying page. Rewritten the whole style of the index page, really. Changed background color to silver ( #c0c0c0 in hex, I was this close to go with #e0e0e0 to be meta) because after hours of staring at the screen, black on white doesn't seem like a good idea anymore. I can't decide on an off-white color, and white on black or a "dark mode" scheme is kind of gloomy and makes me want to sleep, so now we have black on grey. I unironically think it looks good.
More note on color palette: it's not like I want to go grayscale, but I have to put a limit on colors because i'm so indecisive and if I have too many options my brain will explode and I will stop functioning. I learned that when I started using TIC-80 and realized it's much, much easier to work with a limited palette. It goes the same for drawing, making powerpoint presentations etc, I'd always have to start from b&w or a gray scale, get all the base done, and then I'll consider colors. If I start with colors I'll get NOTHING done. With this page I think I'm limiting it to the hex grayscale ( #fff - #000), dark blue #000080, blue, and red.
17/04/22
no: create smaller flexboxes to allow line breaks between flex sections
yes: create one huge flexbox then hijack it with horizontal rules
tell me now am I insane.
also, found a new tip: from now on whenever I need to link to a Youtube video I'll just
24/04/22
Added Winamp player, and of course I have changed my whole layout to adopt the Winamp. Haha. Oops. The skeuomorphic y2k computer screen was cute but I don't want to seem nostalgic (since I'm not) and honestly I don't like useless skeuomorphism. The pseudo-screen was functional, it served to limit viewport to ~750px, but now I don't need it anymore. I still have the old layout here in case I change my mind lol.
Also, moved main navigators to the side. They used to be at the bottom of every page, and looked cute with the whole computery aesthetic but it required extra padding and I had to paste it to every page. Silly me. Also? It's a shame that the <frame> element is obsolete, really. No more bottom navigations.
25/04/22
Added Winamp player cheatsheet. Switched to pure CSS modals (alert boxes). Why? because javascript:alert() and similar JS methods block the Winamp player, and because I can. I always wanted to
I previously learned to make modals with anchor links and div:not(:target) { display: none}, but this changes the URL and writes more into the browsing history, so it doesn't really behave like a modal. My new CSS modals are based on <input type="checkbox"> and <label>, inspired by this. Shoutout to Tonic Funks for including this in their Links page.
27/04/22
Got access to a Lenovo ThinkCentre at school, I think e0x0e0 works well in Edge, except that it looks tiny. I work on a Mac Pro, but I have scaled screen so the viewport looks like 1280 x 800, which is smaller than most nowadays' computer screen. Maybe I'll put a note on my front page telling people to Ctrl＋ to see things properly.
I changed the cursor from inline SVG (the cursor is an ASCII character, the ✸) to PNG the other day because it broke on Safari. Now I change it back to SVG again because the PNG cursor looks fugly and pixelated on Safari. The SVG looked crisp for a few days and now it's pixelated again, and occasionally breaks into random strings. Works fine on Chrome/Edge tho. Tried image-rendering: pixelated, base64-ing the picture, clearing Safari's cache, nothing works. Might be Apple's font smoothing but I'm not sure, it looks like a bad resize job using sips. God damn. So much for having a custom cursor.
Who knows 90% time spent making a website is just trying to make it look the same on every browser.
28/04/22
FILTERS!!!
I DID IT. I made a filter system using only CSS. We are a no scripts society >:) Right now the devlog is a sandbox for filter (the tags - very Tumblr, ik),
The very first idea of a filter came to me last year
*** future note from 15/11/22: this design is now obsolete, see previous design of the devlog here
17/09/22
I love coding on TiddlyWiki, it really forces me to try a different approach to CSS, as in, trying to reuse as many classes as possible. I think I can apply this to my website to make the code more systemic and manageable. TW's codebase is like a masterclass about using classes (lol).
Things I'm trying out: base color palette consists of:
- general background
- page background
- general foreground
- general primary
This basic palette pretty much covered all colors in the "Hacker" palette I made in TW (black-black-white-green, monospace font, terminal style). More colors can be specified for borders & other elements:
- tiddler border
- table border
- code foreground
- ....
And then every other elements' color will be defined using these relative values.
All tiddlers in TW are wrapped in the class .tc-tiddler-frame. This is used to display not only tiddlers, but also other frame-based elements of my macros. I might steal that for my site too, for example a .e0-frame class as a generic frame style, or .e0-flex for flexbox elements, since I also use that a lot.
One thing I'm still not sure about is the layout for my site. The early 2000s frame-y layout is cool and retro and probly plays nice with CSS classes, but it "passes" too well as a regular website while I wanted to think outside of the... frame.
it's hyperlink. what you're looking for is a link-based navigation. sleepy writer.
One thing ppl did on YWOT was railways, or roads, or breadcrumbs that lead to another closed area. I can try to do that with HTML, ex:
_____ _____
| | anchor AB anchor BA | |
| A |============||============| B |
!_____! portal !_____!
when user scrolls to the far left of (B) they can take a train to the far right of (A) then scroll left to centre of (A)
,-------[map]
___/_
| / |
==| B |==
!_____!
if user travels to (B) using the map, they'll always end up in the centre of (B)27/10/22
Couldn't sleep. e0x0e0 rework idea, total reconstruction.
- LANDING PAGE (index.html): contains Low-tech Webring widget, some note from the dev and an "Enter" sign.
-
ART PAGE: should be named "art.html" bc it's understandable to non-tech ppl (read: art ppl). If I wanted this page to be obscure I would've named it hgjfkdhskjdgturrgehdsbjkfhdsjkahturaytklfdjjfjfff.net. (I still stand on the fact that ~369 did all the artwork / art talks and fandom rambles, it just won't show in the URL). Art page is comprised of:
-
Meta section: a bunch of
<input>elements before the main container. Serves customization.- Dark mode toggler
-
added 30/10/22 , toggle color mode (on by default) - Language toggler (I barely think it's needed) (default to EN, switch to VI to see random patches of vietglish rambles)
-
added 30/10/22 , the spoiler widget is also generated using TW
-
Main container: aka what the viewer sees
-
Navigator: using the anchor mechanism (
article:not(:target) {display:none}). cons: cannot anchor anything else, for example headings. But not like I need it tbh.- Navigator links can be arranged in a tree model, a timeline, or filtered by tags (type, theme, categories or whatever, I call all of them tags)
- filter uses checkbox mechanism. inclusive is better (
#tagname:checked~.tagname {display:block}instead of using#tagname:not(:checked)) - This can be a toll on CSS, so restrict the amount of tags
- Required tag: masterpost.
- filter uses checkbox mechanism. inclusive is better (
- Should I call this "Browse"?
- Because navigation is text-based, I have to make the titles funny / make the most out of emojis
-
No breadcrumb, unfortunately. Only direct URL to each article- Can be solved with "masterpost" articles which contain links to other articles, a sort of sub-navigation. Breadcrumb is possible.
- Masterposts can also enable tag-like mechanism, ex: an article tagged "TOH" can have a tag pill linking back to the "TOH masterpost".
- Navigator links can be arranged in a tree model, a timeline, or filtered by tags (type, theme, categories or whatever, I call all of them tags)
-
Article zone: padded, in case empty?
- Contains
<article>elements,display:noneby default - Media allowed in articles: text, link, image and iframe (embed external content or image sequence). This is to ensure that everything will change color on dark mode, except for iframes & images
- image sequence is special media from ./sequence.html. uses anchor mechanism.
- iframe background should be transparent, if possible
- Contains
-
Copywrong footer: preferably at the bottom of the page
- is a link titled "2021-2022 by e0x0e0. All wrongs reserved." redirects to ./copywrong.html#art
- "copy.html" will be renamed "copywrong.html" bc I could never rmb if it's "copy" or "copying"
- is a link titled "2021-2022 by e0x0e0. All wrongs reserved." redirects to ./copywrong.html#art
- No "Back to top" button, but yes Close button, as in closing an article. Which would also bring you back to top. Lmao.
-
<a href="#">, position should be fixed or sticky.
-
-
Guestbook link: if you're a guest then it's for u
- Got anonymous / pseudonymous questions?
on the forest floor? Drew fanart? Wrote love letters? send them all to the Guestbook. I check it often enough and you can't find me personally by any other way.
- Got anonymous / pseudonymous questions?
-
Navigator: using the anchor mechanism (
-
Meta section: a bunch of
- DEVNOTE PAGE, aka this (done)
Future concerns:
-
Page bloat: images are heavy. Too many images can bloat a webpage. Best I could do is index-coloring my stuff, but I'm not willing to mod my images further than that.
- the kind of behavior I want is that an image will load only when its parent is displayed. Some browsers have this by default, some others support
loading="lazy"and some others doesn't support this at all without JavaScript. Would be a hit or miss bc I intended this to be a script-free page. Maybe I'll just put a sign saying that it's best viewed on Chromium / Firefox or whatever
- the kind of behavior I want is that an image will load only when its parent is displayed. Some browsers have this by default, some others support
-
Hosting change: Talking about future plans to upload a noticeable amount of images, I'm also hesistant to have Neocities as my host since they've limited the "download entire site" feature to a certain page weight. Which sucks, I need that feature for archiving purpose. Idk how to find a more reliable media host that wouldn't cost me my soul. Catbox.moe is dead (fuck) and imgur is unstable and full of trackers.
- maybe it's time to look into the Tildeverse or some shared UNIX computer, or https://leprd.space . I thought Leprd was a bit too robust but now that I realize my project needs a guestbook... maybe I could use that as an opportunity to learn SQL.
- but !!! I want to prevent link rot so maybe I will A. keep staying at Neocities and move my media to another host or B. change my website host, but also buy a domain name so that I don't have to care about link rot even if I switch to other hosts in the future. The latter sounds more like a longterm plan. But how long do I need to keep this shit up anyways.
29/10/22
Rethinking some stuff for e0x0e0 rework
-
ART PAGE:
- Name: mayyyybe it's not a good idea to call it "art.html" after all because it contains also art talks & fandom rambles of ~369, which, at one point, will probably outnumber the art (lol). Maybe I'll go with "u3s6e9r.html" as previously intended. People won't remember the URL so they'll have to bookmark my page <3
- Embed: I've been thinking that maybe I'll allow iframes to load content from (god forbid) mAiNsTrEaM SoCiAl mEdIa as well, but idk....... I kinda hate the idea of having cross-domain cookies and scripts on my pristine script-free site.
-
Image sequence: so image sequence is just a mechanism using iframes to pull images from "sequence.html". When you click on an image it'll jump to the next. The problem is there's no way to jump back to the previous image? Since this is script-free, I wouldn't want to use the "previous" and "next" arrows bc it'd be too much markup.
- solution 1: carousel. make it an infinite loop, last picture linked to first picture
- solution 2: mini-gallery. make a list of mini thumbnails of all images in order, each thumnail is a link to respective image with
target="[IFRAME NAME]". Just like the image picker macro in TW. this requires a unique name for the iframe tho - solution 1 is less markup —> more favourable, but as I go I might have to use both.
-
Spoilers: yet another checkbox in the Meta section. We also need
- Spoiler toggler (DONE)
-
Spoiler rules,
update 31/10/22: done
-
Media host: I think I found the culprit eating up disk space on this Neocities acc, it's the EEAAO music videos I've made. They're only about 200MB, which means that I'll receive the warning again when I break the upload limit w images
- (DONE) solution: create another child website (ex. e0x0e0-media) just for dumping heavy files like videos and music. Kind of a neat trick for now, because content can still be loaded from the same domain (Neocities) and not too much disk space is used on one site.
- I think infrequently used resources can also be purged / dumped on e0x0e0-media, I don't want to see the rest of my 83902435 abandoned projects on the main site anymore.
15/11/22
e0x0e0 update:
- Index: I still want the enter sign on index, but maybe remove everything else.
-
Launch page:
-
Nav bar: similar to the one on Mister Dizzy's site.
- all anchors. Link to sections of the launch page: Objects (what?), People (who?) and Exit (where?).
-
Objects (what?): my version of a site map. Contain links to all other pages of e0x0e0 but it's a bit of a mystery meat nav.
- u3s6e9r.html : a drawer
- u1s4e7r.html: the main computer
- u2s5e8r.html: coming soon, but it should be some sort of toy, like a clown plushie or sth.
- copywrong.html: ??? (I still need to write this first)
- devnote.html: a plastic stag beetle
- not_found.html: idk man, an error sign?
- I also intended to change not_found.html to include "nothing to see here, get away", a drawing, and a button to go back.
- e0x0e0 is a website, a room, a shared computer, a shared apartment, it's all of the above.
-
People (who?):
- The e0x0e0 crew. Bios, pictures, trading cards and links to respective person's pages at e0x0e0 and elsewhere.
-
Exit (where?):
- Thank you for visiting us! Check out these locations on your way out:
- Friends: ft dearest friends of us. They may not have their own website so I'll try to link their carrrd / linktree / notion / anything they're proud of. This section will have custom headshot art.
- Neighbors: Neocities buttons. Maybe descriptions if I feel like it.
- Webring: should include: the explanation of what is a webring, and then the Null-ring widget.
-
Nav bar: similar to the one on Mister Dizzy's site.
-
u3s6e9r.html: minor updates
-
Reinforced spoiler: changed the way spoilers are styled.
- Previously all I did was turning both bg & fg of the text to
gray– which means if you highlight the spoiler text you can still read it – and swap out the url for images to a dummy image. - But now I found a much cleaner, more elegant and less peek-able solution:
filter: invert(50%); background: gray;. That will render any element into a gray block, regardless of content and without changing its size. Perfect.
- Previously all I did was turning both bg & fg of the text to
- Language switch: no longer on topbar, only show up in articles that contain vnmese text.
- "Leave a comment" footer, redirects to the Guestbook.
-
X•D
8-(
%`)
Leave a comment !!!
B,\
:~()
=o3
-
X•D
-
sequence.html: was probly a bad idea, unless I draw comics someday then I can use it. But for now I created this
.image-galleryclass to display vertical scrolls of images.
-
Reinforced spoiler: changed the way spoilers are styled.
17/02/23
e0x0e0 update:
- Index: Layout is completely changed but content is more or less the same.
- Again with the mystery meat navigation. That is intentional, I like to just let people struggle to find a way in.
- Added the JavaScript stars background (code stolen), I just think it looks chill and it's fun to poke around. But if it's a toll on page performance then I'll take it down, or make it smaller maybe.
- The rest of functions are pure CSS. I also removed all the inline CSS because it's better practice.
- I still want to include more 32x32 icons into the page, but maybe I'll make custom ones.
- Dev's notes (summary): will probably include accessibility notes in the future.
- ・゜.゜・✧･ﾟ¸. * •: sometimes I come here and just vibe. same with the "write something" page, it's for personal use.
- Exit page: this is just for external links. I want to make a link directory in the future, so when that is done I will also leave a link to it on this goodbye page.
- DEV PAGE (user147) in progress!! I have the skeleton of the page which I'm already quite happy with, but still constantly rewriting the content.
- added dark mode button
- ART PAGE (user369) to-dos:
- Navigation: a navigation sidebar, and the article list is its own article. On mobile the sidebar is stacked on top of the main frame by default.
- CSS Spoiler macro: I'VE DONE THIS IN TIDDLYWIKI SINCE 5EVER but still haven't updated it on this page </3 now you can click on a spoiler to reveal it, and then click again to remask it. Built from dead simple CSS checkbox mechanism.