Ghost of L87

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.

V1.0 is released... and yet I made no devlogs! (yay)

Alright, what is this thing? The premise is simple, make the SOM voting page great again. Fix broken UI and improve the overall look (+ make it customizable).

This mini-project (I mean mini) will contain a single-page static site with a collection of userscripts (javascript code pasted into the web inspector console).

Alot of improvement to the site and the addition of new themes will come in future ships, but that's most of what this thing is and everything you need to know for V1.0!!

Special credit/thanks to Neon for his SOM Share Voting user script, which has both been integrated into this project and facilitated much of this project's existence!

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.

In the process of integrating slack signing, because I'm realizing a simple email check is VERY weak. Also added some UI changes which will provide as the base for all the updates I'm working on now.

Added in more responsive updates. Before I had just tested up to what size my Mac window could go, but I was able to iron all the issues pretty quickly once I ran it on my phone. Should have ran it on the port im realizing now but it's shapable now so we learn and move on w^

Site is officially deployed at lynn89-sudo.github.io/red-panda

Just need to iron out responsive design bugs and I'll ship

everything is done!

Completed a quick Endangered Status page. For a demo it's more than fine, but if the program gets accepted I'll probably make it a bit better.

Kitsu Page is complete!!

Both night (sleeping) and day (eating) sequences work, might have to squash some bugs but I think I got them all.

Final part is making the endangered status page then shipping! w^

Kitsu now attacks when you disturb her too much while sleeping.

Now you may be asking, what does Kitsu do to attack? I can't tell you... I can only say she doesn't give up easily...

You can now over-pet Kitsu. She has 3 phases for more angry: normal, annoyed, very annoyed, angry.

I plan to make it so that when she reaches peak angry you get redirected from the page before she gets aggressive.

Added in the Angry Face, will work more on this at a later time

Added in a Splash Text label that dynamically updates

• If sleeping, just leave Kitsu alone
• If awake, either feed or play with her depending on a random generated hunger level

Added in sleepy Kitsu!!

Kitsu automatically wakes up around dawn and dusk, and sleeps the rest of the day. Red Pandas sleep the majority of the day away! Quite lucky, but they are an endangered species so maybe not a great survival strategy.

Otherwise in love with this site, one of my favorite projects in a long time.

Working really well so far. Using position relative on the container and position fixed on the images, they stack on top of each other. I made the images so that they have the exact same dimensions and the placements of the parts are relative to the whole body. Also added an infinite CSS tail wagging animation.

Unfortunately the time spent making the art assets didn't get tracked >:(

Panel unlocks properly and button links to the page, need to build the kitsu page now

Started working on Red Panda art for the Meet Kitsu page, also decided to eventually make a page on the endangered status of Red Pandas.

Facts Panel is complete and unlocks the other pages when you go through all 5 facts, may add a timer minimum to this but still deciding

Got the arrows to work, had to use a button instead of plain span.

Also tried using the preload feature on Svelte to load the json, but kept running into issues. I might try again later, but it's presentable as is.

Got the icons to work properly now, the issue was related to how I used google icons on the banner.

First fact works properly, now I need to create back and forth arrows to cycle through.

facts.json is working mostly properly now, I have no clue why google fonts icon isn't working right now, given it's working for the banner :|

Forgot runes existed in Svelte 5 so I am using those now instead of the Svelte 3/4 syntax

Added in a Svelte component that participants will import, which will link to the main site when it exists

Started the app, going a bit smoother given I know more of what I'm doing. SvelteKit makes it much easier.

Debating between Kitsu and Mochi for the names, but that's beside the point.

IT WORKS!!!!!!!!!!!!!!!!!!!!

Finally figured out how to connect the database. Only took like 12 hours...

Reinstalling Prisma now, not sure if I was using SQLite before but I'm making a point of using it now. Mainly, I think there were mixups between Typescript documents and JS, when I'm only trying to use JS

Added in animated title screen!

Was unable to figure out setting up the server API endpoints yesterday, but that was at 3 am so I'm going to try again now.

Added in the database and got GitHub to sync, will add in the repo soon.

I'm keeping the club the same, and will just ignore the lack of verification because I can't access that database. Custom badges for hackathons and YSWSs can be created as well, and there will be a special env code given to add badges into the system. Club leaders still assign them individually.

Working on setting up the database now, hoping it'll work with Nest

I'm set on how I want to do clubs:
- I store the club name (search and display)
- I store a GitHub repo (has a json or some jsons where I can just fetch data, saves tons of storage)

It's also concerning me that I commit my changes and it doesn't connect to the repo...

Decent flow now, few hiccups but way better now than before. Need to add something extra to the background, like a pattern or some floating elements

Was initially trying to run this on Vite, which was just not working. I wish I had discovered SvelteKit like 2 hours ago cause it literally did everything for me. Oh well..

It's starting to come together now.