The Zoo Main Site

I will update the site further from here however I want to put this to vote before the end of August certification takes a bit.

(Hours are from me writing the guide, before I just transferred it to an untracked slack canvas, its not code anymore anyway so)

Added in a page for international participants that can't order from ikea, and failed many navbar concepts before finalizing this one for desktop (one in the pic). Will make mobile next, I'll make that simpler from the get-go because I need to move onto the guide.

Added in all project requirements onto a dedicated page. Might try and put in a graphic instead of an icon later.

Site is finally deployed (v1.0)! Turns out I forgot how to setup the adapter so it took a bit, but thankfully not as long as the first time around with Kitsu.. so I'm learning :)

Everything should be done for Ship 1. Finished fraud and privacy pages, added and reorganized the FAQ (ids are out of order, but it's fine). Next I need to hookup the static adapter for GitHub pages deploy.

Devlog time :D Finished the footer (once I have the pages I can link them properly) and now I'm working on the mynts page. I wanted to make an auto calculator but its too hard given my timeframe so maybe later.

Did some polishing and also edited the additional plushies to match the theme of the rest. Wrangling the octopus took a bit :sob:

Added in a functional FAQ panel, which uses buttons to cycle through the different FAQs w. This should be mostly it for the main page.

Site is finally coming together w^ (the homepage at least). Example project links to lynn89-sudo.github.io/red-panda (which is another SOM project fyi)

Added preloading for the panels so when the site is loaded the first time it doesn't look super bad and visibly loading each layer. Also added in the Mynt panel on homepage with a link to the about mynts page which will list ways to earn mynts

After painstakingly making everything individual layers, they are all layered on top of each other and the bees animate. Im just using position: relative for the container and position: absolute for the rest, setting left and right margin to 0

Finally got it to work, forgot I can't make it responsive by media window until after onMount with Svelte. Now I'm going to try and make the bees fly/float, we'll see what happens...

Redoing alot of the site:

Made the rotating banner a Svelte component + smaller, so I'll put it on every page besides the guide.

Worked on new branding incorporating the new prize: Ikea Plushies w^ (:D)
Also got rid of the pure green, it was more than triggering my OCD looking through the site and it needed a refresh.

Made overall improvements to the panel (background changes color) and made the navbar less transparent. Also ironed responsive design errors and made the buttons bigger. Now working on project requirements.

Added in functional YSWS panel, with YS and WS buttons which change the text using runes.

Neglected the logs so about time I make one. (Some time was spent configuring my new (super old, but not used) PC so I can use Hackatime)

Added in the header (debating the slight transparency I added for the background). Spent alot of time (more than I would like to admit) making an animated banner which shifts between what you ship and what we ship (visible in the image)

Also added in a simple panel about what Svelte is. Throughout, I'm testing the site on my laptop, PC and iPhone to focus on RS Design throughout the dev process.