Homepage banner

Homepage

7 devlogs
30h 32m 14s

A homepage to serve all of my needs (This is v3 of it)

This project uses AI

ChatGPT for debugging
Github copilot for making the 404 page

Demo Repository

Loading README...

Bob

Shipped this project!

Hours: 1.5
Cookies: šŸŖ 9
Multiplier: 6.2 cookies/hr

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 🤩🤩

Bob

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 :)

Attachment
0
Bob

Shipped this project!

Hours: 29.04
Cookies: šŸŖ 430
Multiplier: 14.81 cookies/hr

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). šŸ‘

Bob

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.

Attachment
Attachment
0
Bob

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…

Attachment
1

Comments

Bob
Bob 12 days ago

I just realized all of the image quality degrade so much 😭

Bob

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.

Attachment
0
Bob

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.

Attachment
Attachment
0
Bob

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 😭)

Attachment
1

Comments

Bob
Bob 18 days ago

Huh they implemented a proper edit button for these now…. that’s good to know :)

Bob

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.

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
2

Comments

Bob
Bob 20 days ago

Intersting…. it seems that it did log everything…? That’s… new?

Bob
Bob 20 days ago

Also flash bang :)