Add a cozy little pond !

theres now a little pond site! theres a couple of different creatures and you can change the weather and time of day.
it also tracks how long youve spent at the pond which is also saved to local storage. you can see total time spent in the bottom left corner.

(press me^)

Joined the No-AI webring :>

this is a really active webring that i see everywhere and ive always wanted to join, and now i have! this site is now part of the two webrings, the no-ai webring, and hackclub’s own “pages” webring.
Also added some new buttons to the site’s button collection

Gave froggy more braincells

Gave froggy some new responses and knowledge. froggy is still reeally stupid but i think its fun to perpetually add more and more knowledge to it.

1. Removed .html from all links on the published website

so links that previously went to …/projects.html now would go to …/projects. this is done by the build script though, so its only applied on the published website, and viewing the site locally still uses .html and therefore still works.

2. Set up github actions!

previously, the build script was ran on my local machine which built the site and published the results to the specific github pages branch. now however, i have a github action that does it instead (on github’s servers), that i can run by pressing a button

Added FROGGY!!!

i added a clippy-like little frog in the corner of the main page! you can press it to chat with it. it uses a simple javascript algorithm to respond, both recognizing phrases, and recognizing sentence structure like if the user is asking for its opinion on something, tied to a small knowdledge bank of opinions and facts.

really quite simple but i think its charming ! froggy ftw

Improved BEANS screensaver

made the DVD screensaver thingy only change color when it bounces, like the real deal! the previous version of this was just a gif, where the logo changed color every second or so. this old version is still whats shown if you dont have JavaScript enabled, but this new version uses JS to change the hue of the logo on each bounce.

Added playable minesweeper!!

for funsies i added an entire playable game of minesweeper at the bottom of the main page! i really like minesweeper and this isnt the first time ive written an implementation of it :>

check it out !

Styled text at projects page to look win98-y

previously, only the project cards themselves were styled like this but i figured i might as well do the effect for the full page. i had to rework several parts of the drag window code since windows can now vary in size, but i got it working fast enough.
i also fixed support when dragging a window and scrolling at the same time, previously the window stayed at the same spot but now it perfectly follows.

i think it looks lovely! for the next devlog, im considering perhaps writing a minesweeper game to put on the main page because i really like minesweeper, but not sure.

Display projects in windows 98 style !??

made project cards be themed like windows on windows 98 and draggable!

the most of the time was spent on the code for making them draggable, since i need the elements structure to stay the same even when you drag one of them, and to prevent overflow when dragging a card off-screen.
i solved this by having a position=absolute div that fills the entire body, that has overflow=hidden, that dragged cards are moved to. their active position is also noted and used as an offset for dragging. because this would ordinarily cause all other cards to shift, i also add a “ghost”-card (with visibilty=hidden) to fill its space on the main div.

i think it works really well, but there may be some bugs still that i havent found

Added emoji support to my website!!

i need to be able to write :yay: and have the yay emoji render, regardless of where i am- so i decided to add it to my website so i can freely :yay: where i so please!! this is also handled by the build.py script, since i didnt want this being ran by the frontend since it doesnt have to be.

Add microblog!

i moved the DVD screensaver thingy to a new block to make space for a little microblog ! its going to be really simple, short messages or status updates that i post there. pretty cool!!

next up: i kind of want to add support for (some) slack emojis on my website, so i could type ։yay։ and have the build.py script replace it with an inline img of the :yay: emoji

Made projects grow on hover

I made them smaller by default but sort of grow when hovered to make them a bit more fun i think

Added custom link buttons

Again, this was just for fun, and to make the links stand out. I have many links on my website to other websites, but these navigation links i wanted to be visibly distinct, so therefore i drew these buttons (visible in the gif, ‘projects’ and ‘home’).

Added DVD screensaver thingy

Ever since moving projects to its own dedicated page, ive had this unused block on the main site. For now i just slapped a knockoff dvd screensaver there. Did you know that that screensaver thingy can be done with just pure HTML? Checkout the element

Added dedicated projects page!

Previously, I didnt have a dedicated page for all my projects and you could only scroll through a carousel of the games ive made. Now i have a page where you can see all my projects spread out, both videogames and non-videogame projects.
The games are scraped from my itch.io page by the build script mentioned in last devlog!

Worked on a build script that scrapes my itch.io and compiles it into an HTML file that is rendered through an iframe on the main page. The reason I chose to do it like this is because I want my site to be completely static so that:
A) it is easily hostable with github pages
B) anyone can use the website, even without Javascript enabled
I also joined the Hackclub “page” webring!!