A homepage to serve all of my needs (This is v3 of it)
ChatGPT for debugging
Github copilot for making the 404 page
A homepage to serve all of my needs (This is v3 of it)
ChatGPT for debugging
Github copilot for making the 404 page
Okay updated with a readme and a ātutorialā (well idk itās not exactly a tutorial either) to allow for a better understanding of the website since we fumbled the ship last time š¤©š¤©
Okay, I said I would be done with this project but we fumble the last ship! So this time around, I made the readme better and made the website actually, more easily explorable for people to understand the project better. um, yea thatās pretty much it :)
Log in to leave a comment
Itās a homepage built in solidJS with solidstart. This is the third iteration using actual proper classes and stuff. Looks nice, was far easier to update than my previous versions (written very very poorly in jank manner in react). š
NOTE FOR PEOPLE: THIS THE DEMO SHOWS THE WEBSITE IN THE MOST BASIC FORMAT. OPEN THE SETTINGS USING CTRL + PERIOD. IMPORT THIS FILE TO MAKE IT LOOK LIKE THE ONE IN THE IMAGES (https://pastebin.com/uT1Ah0XS). If youāre using this, then it only looks nice for dark mode, you gotta change the custom css to work for light. Also no mobile support (Iām too lazy)
.
Okay, I said I would add weather⦠I kinda got lazy and did the news instead (Straight up stole the code from my previous version⦠Thank god for react and solid for being so similar)
Anyways, this should be the final commit to this for flavourtown. I will continue to update this project on my own time (but with heavy use of AI whereas before was just debugging since itās not going to flavourtown anymore). Anyways, looks pretty cool now, pretty happy with it. Have fun with this :) The widget data are hard coded so you donāt need a url.
Log in to leave a comment
I⦠am really bad a UI/UX design⦠This should not have taken me 1h50min to complete⦠and yet it did⦠Who knows, who knows. Cool system info widget now. I think I will add one more (weather) and then call it feature complete and ship itā¦
Beautiful grids⦠thatās all I have to say⦠Editing the position of any widget now works, including resizing. Would have been quicker but I refused to read the actual documentation for the library I was using. Ah well. Time to add widgets now.
Log in to leave a comment
Interesting⦠Widgets are mostly working⦠You can now add, remove and modify the settings of the widgets. Yea, not much else to say. Itās pretty much just the settings template modified to become the setting.
Also first widget complete. The Time Progress Widget, which is just a big counter on how much of the year has been completed. Simple, easy, stolen from my v2.
Fun :) Anyways, next steps are to make it so that I can order my widgets and reposition them.
Log in to leave a comment
Okay Iām back and this time Iām actually remembering to like, well update the dev logā¦.
Yes this took me two whole hours to complete⦠Two blue square blocks⦠Did some jank stuff in solid to make it so that it rerenders whenever an array updates without making the array itself a signal (I added another signal and forced it to rerender whenever that gets update and update that whenever I update the array). Yes that was kinda not smart. It is what it is though.
So that was fun. But this paves the way for actual proper widgets (I still need to make an UI for the settings tho š)
Lowkey forgot about I had this project set up for this so I think Iām losing out on quite a bit of hours (unfortunate but ah well what can you do, figured might as well just try to get some stuff ā although it amount of hours it says it will log is right⦠also oh no em dash! clearly this is written by ai /j (Donāt know if this is even the right use of it))
This is the third iteration of my homepage. The second one was finished during last yearās summer of making. This time itās being built in Solid instead of React (Thank god for that because I had to do some jank stuff with React). Also why the time is higher than what it probably should, had to learn Solid along the way. Stumbled my way through some stuff (Turns out stores are a thing, did not know that before) but itās working quite well and the codeās looking clean (relative to the React version).
Pretty much same features as last time. Search bar with custom search prefixes to change url destination (see search tab under settings to have a better understanding on how it works). Settings menu (Open with ctrl + period) contains four tabs. Appearance allows for theme change, background image and custom css. Search is mentioned previously as well as changing the search engine. Data management allows export/import of data (which is entirely stored in your localstorage).
However, this time around it actually has decent UI (although last time wasnāt that bad). Still need to port over the widgets. That will be the next thing I do.