Revamped version of hacklyn.city/oskar; easier way to view Hackatime hours for projects submitted to YSWS programs. This is a tool primarily meant for YSWS organizers.
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
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
Log in to leave a comment
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
Log in to leave a comment
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.
Log in to leave a comment
Added in trust levels
Log in to leave a comment
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
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment