Activity

Ghost of L87 (Lynn)

Finished the layout of the shop. Nothing can be purchased yet, but this will make up the base.

Attachment
Attachment
1

Comments

chefpenguino
chefpenguino 2 days ago

the art in the banner of this project is so cute, did you make it? v cool stuff if so :)

Ghost of L87 (Lynn)

Requirements page is just about finished!

Attachment
Attachment
0
Ghost of L87 (Lynn)

Added the privacy policies page and the footer

Attachment
Attachment
0
Ghost of L87 (Lynn)

Added in sugar rush! Worked a bit on sugar rush orpheus and used grids for the sugar rush bonuses!

Attachment
Attachment
0
Ghost of L87 (Lynn)

Finished ready to submit. Still battling a weird white part at the bottom of the box; the white is presumably the background

Attachment
0
Ghost of L87 (Lynn)

Everything is starting to come together

  • Finished the WS section
  • Working on the submission section
  • Added more CSS to the button (See photo 3)
Attachment
Attachment
Attachment
Attachment
0
Ghost of L87 (Lynn)

We’re getting somewhere now.. I need to learn more flex stuff it’s really useful

Attachment
0
Ghost of L87 (Lynn)

This is taking too long ;-;

  • Imported some fonts
  • Playing around with grids
Attachment
0
Ghost of L87 (Lynn)

This took a lot longer than I thought it would… apparently I forgot how to overlay images. I’ve worked on the following

  • All images are overlayed
  • Alternate images exist for mobile
  • Coeur title has parallax
  • Wave at the bottom is animated and occilates up and down
Attachment
Attachment
1

Comments

chefpenguino
chefpenguino 5 days ago

those mascot things at the bottom are so cute, nice stuff

Ghost of L87 (Lynn)

Form for input works now; next, I need to process the requests. I’ve setup another repo to store articles

Attachment
0
Ghost of L87 (Lynn)

Shipped this project!

Hours: 7.47
Cookies: 🍪 82
Multiplier: 10.95 cookies/hr

Base features for Aftonsparv are now complete! Aftonsparv is a Hackatime viewer that makes it easier for both YSWS organizers and even individuals to view Hackatime statistics, without having to look at JSON from the API. This is a revamped version of Oskar (hacklyn.city/oskar), and it includes a better UI; ability to add multiple sessions; ability to share link directly (Oskar used the localStorage API for Slack ID and session name); and, check trust level. Like Oskar, this is made using SvelteKit. I hope to add more features, such as the ability to turn the statistics into a PDF :P

Ghost of L87 (Lynn)

Multiple sessions finally works, and it combines as it should! Weirdly, though, instead of the normal error detection I setup for non-existent session names, it just sets the time for that session to 0h0m0s… and I’m not sure why

Attachment
0
Ghost of L87 (Lynn)

Site now splits apart the slug value with multiple sessions and doesn’t freak out with one session. Now, I need to figure out how to process each session

Attachment
0
Ghost of L87 (Lynn)

Added in hours information and time by language. Learned CSS grids for the first time, and it actually wasn’t too hard! I was also able to do it just using documentation, and didn’t need AI.

Attachment
0
Ghost of L87 (Lynn)

Started basic UI for the page; also added in esc key shortcut to exit adding sessions for efficiency an also added a 404 page for missing users

Attachment
Attachment
0
Ghost of L87 (Lynn)

Still working on slug stuff, but also decided to add in a footer (it’s not Aftonsparv until we put in an actual Aftonsparv). I’ll probably add some links to the footer as well.

Attachment
0
Ghost of L87 (Lynn)

Adding Slack ID works now. Currently, it redirects to a 404 page; however, that will be fixed soon. I decided that, for multiple sessions, the slug value would be a single string of all sessions divided by a keyword “[x]” so that I can parse that slug value easily. This also makes it easier to share links between people without having to go through the UI multiple times, which wouldn’t happen if I used localStorage like Oskar.

Attachment
0
Ghost of L87 (Lynn)

Interface for adding sessions is mostly complete. All that’s left is adding auto-focus for the form field. After confirming the list of sessions, a new panel opens up which will ask for Slack ID. After I get Slack ID, I can process the information and get data from the API.

Attachment
Attachment
Attachment
0
Ghost of L87 (Lynn)

Setup initial CSS and background; took a bit to work out a color scheme that is easy on the eyes. Starting to work on setting up the session selection UI. Additionally, I’m being more conscious about - body tag hierarchy and using CSS to modify text size rather than choosing tags.

Attachment
0
Ghost of L87 (Lynn)

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.

Attachment
0