You are browsing as a guest. Sign up (or log in) to start making projects!

Personal site

  • 6 Devlogs
  • 8 Total hours

My Personal Site Inspired By Old Windows And Frutiger AerošŸ’«šŸƒ

Ship #1 Pending review

🌐 Project Highlights: I made a custom personal website from scratch designed around an early-2000s desktop aesthetic inspired by the Frutiger Aero design. šŸ’”The most heartbreaking and difficult part of the project was managing all the code from scratch, wrestling with the curly brackets, and building the desktop boxes. It was a massive challenge to make all those components layout correctly while ensuring the text contrast stayed readable against the vibrant background elements.šŸ—’ļø Please note that the first view of the site is just for the desktop window aesthetics, while all of my personal sections are neatly organized as you scroll down.šŸ””To test my project, simply open the live link and scroll down to explore my three custom sections: the About Me introduction, the Projects area featuring this website, and the My Favourites section highlighting my hobbies like DIY paper crafts, sketching, and coding.

Try project → See source code →
Open comments for this post

1h 43m 12s logged

Last Devlog… Today I finally polished up my website to make it look clean. I updated the wording in my projects and favorites sections so they aren’t just empty placeholders anymore. Since the text was hard to read against the bright grass and cloud background, I changed it to a soft white color. Then I added a nice dark text shadow behind the letters so they stand out perfectly and anyone can read them easily on mobile or computer screens

0
0
14
Open comments for this post

1h 4m 46s logged

Devlog 5… šŸ’« Today I added a new section called ā€œMy Favouritesā€ with this quirky blue emoji I found on Pinterest idk why I did that. Anyways I will add the things I like tomorrow cuz I couldn’t think on any at the moment🫠

0
0
22
Open comments for this post

2h 24m 59s logged

Devlog 4..Today I updated my website layout. I fixed some broken code blocks and made a clean grid system. Now, my text and custom pictures sit perfectly side-by-side inside the Notepad window. It makes the site look much more organized and gives it a cool tech style.

0
0
75
Open comments for this post

1h 20m 21s logged

Devlog 3… I couldn’t wait to fix my chopped website Now atleast it looks fine.first i fixed all my broken code typos like accidental double semicolons and missing brackets that were breaking everything. then i threw away the boring white layout and added the windows xp hills wallpaper to the background. i also changed my old plain blue gaming icon to a much cooler pfp and added a cool cloud image lower down finally i made the main text float right on top of a realistic retro notepad box instead of sitting underneath it, and made all the images perfect circles. btw here’s how it looks now

0
0
46
Open comments for this post

52m 55s logged

Devlog 2…. So basically at the start I got this live server extension in VS Code so I can see my site updates right away in Chrome. Then I made some boxes usingĀ Ā andĀ Ā tags so my page can have columns like a real layout. I went on Picrew and made my own avatar from scratch then downloaded it and put it in my sidebar folder. It was way too HUGE at first and the code had some typos, but after I fixed the spelling, After that I shrink it and added a radius thingy that made the square image into a perfect circle icon. Then I put my text into aĀ Ā box and used Flexbox so the heading sits right next to my profile picture instead of under it. Finally I fixed some broken brackets and changed the background color to light cyan bcz it looked way too basic. It still looks very basic thoughšŸ„€ā€¦. Still there are way too many things to add. Anyways I like doing it

0
0
33
Open comments for this post

23m 2s logged

What I did today :) so today I started my personal website! ngl i got stuck for a second trying to get git and my github folders set up, so I used to an ai tool guide me on how to get unblocked. but after that was sorted I literally wrote all the HTML myself from the stardance guide .I started by setting up the first few lines with the tag so the browser uses the newest version and doesnt glitch out. tbh coding HTML is so much easier than making a slackbot. with my bot, literally one missing comma would crash the whole entire thing, but HTML is super chill and nothing explodes if you mess up. I will move on to the next thing soon but I can’t be consistent because i have my exams this week :(

2
0
55

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…