Custom Startpage!!

@chaosgoat and @xandra got me thinking about a custom starpage/homepage for my browser, to have a list of websites I want to check up on and various other daily reminders, sorta like a more fancy version of my bookmarks. It’s something I’ve wanted to do for a while but since the semester started up again I finally got the motivation to do so…


behold, my startpage. featuring https://haveagood.today/ as an embed to show me a blingee every day, a <textarea> form to type my mealplanning in (because I often struggle to figure out what to eat), my local weather, my current pokemon team I’m playing with, and of course 4 links I need to check every day!

I recommend everyone to make their own custom startpage if they wanna practice some coding without the stress of it being live on their website. It’s ONLY for you! Nobody else has to see it. Except for right now, when I am asking those with a custom startpage to please share your designs if you want :D

11 Likes

First off: It looks amazing. Well done.

Second: Guess I gotta make one now too. Gosh darnit. I mean yay!

2 Likes

I’m definitely making one too. This seems like a great little project to just have some fun and learn new stuff at the same time!

1 Like

This is really cool! Definitely makes me want to make my own startpage now

2 Likes

omg YESSS. going to make my own too! can’t wait to see everyone’s!

1 Like

This is such a cool idea! Love the look of the cellophane tape.

1 Like

Man I haven’t done much vanilla HTML in a while. Probably a good time to try this then! :smirk:

1 Like

oh, this is a neat idea! i think i will try and make one for myself, it seems like it’d be grounding and useful for me! i’ll definitely post a screenshot when i’m done with it.

1 Like

really loved this idea, thanks for sharing it! here’s my version. i’ll work on it more in the future but i think it’s serviceable for now :}

6 Likes

ta-daaa! i just showed it to my housemate and they were so impressed they asked for my code and are gonna make one too! they do actual work with computers and code so i feel pretty good about that :^)
i definitely want to add more clutter, a div with a textarea for jotting down notes, links to more stuff to do (daily puzzles like wordle, murdle, crosswords, etc…), probably more things that i often forget and need to write down that i am forgetting right now… but! for now it is done! jay linked the codepen they used for their tape on discord so i used that too.

the “clicks” header and the green “bored” are animated so they’ll draw my attention!

4 Likes

Would you be willing to share the code here, as well? I love the way this turned out!

1 Like

Wahh I love the corkboard and the silly characters and such<3 Its so cute!!! I should put more little decorations on mine…

omg the email embed…genius. I love the color palette!!! I’m totally stealing some of the ideas shown here lmaoo. A dropdown for games in progress is so smart… I love seeing everyones ideas and starpages keep em coming im totally gonna upgrade mine sometime soon >:)

1 Like

thank you!! i’m happy to share! a lot of absolute positioning haha! https://codepen.io/xixxii/pen/VwJdNqx

the weather embed is here, the time/date embed is here (both customizable!)

the “bored” css animation is swiped and modified from melonland’s “tossing” animation, the “clicks” css animation is swiped and modified from this codepen, the rainbow gradient text is swiped from this, the box shadows are swiped from this… and i forget where i got the little star for the list bullet points.

the colors are mostly eyedropped from the background using this color picker, the tiled background is public domain edited + uploaded by me and the “clicks” frame is clipart also edited + uploaded by me! both are on my graphics pages !

thank you thank you!! the embed is a google calendar of interesting events and things happening in my area that i could do outside of the house. i’m not great at keeping up with it (i have a Lot of places i check and manually enter all the info into my calendar for, it’s a pain), but i’m hoping having it prominently displayed like this will help me to keep it in mind! same with the video games… i keep forgetting that i’m in the middle of a bunch of stuff…
i’m looking forward to seeing your upgrade!