MyPersonalSite

Hello just a lil fix here! Nothing I can actualy work with to write a qualitative devlog! Basically because I was told TOO many times the sizing was messed up on laptops I changed every size metric on my site to rem so it is scalable and remains asthetiacly appealing across all browsers… Thats all… I got the 3D printer I wanted as a prize for my projects and I am so jolly that is y I log less! me:

GUYS I DID IT! SO my last addition was:
A listening to widget just cuz music is such a big part of my personality (it was a headache to implement, I ended up usin last.fm). As a final summary Before shipping here are all the features:

1. BG music I MADE (no AI slop point +1) + a mute/unmute button
2. A hub interface HUD for the most important parts of my personal page
3. Sections: MyName, AboutMe,Skills,Achievements,Dev Stats,MyArtsySide,ContactMe,Visitor Log, A projects page , A blogs page w/ 2 blogs)
4. Interactive UI: click arround😉😉
   The content on my page is TOO MUCH, TRUST ME I KNOW BUT it is a PERSONAL SITE after all and I believe it represents me best. It is way better than using UI palletes I found on Instagram. Also mind u all the artwork and UI is hand painted and I think I did preety good plus no mean water jugging UI, EVEN THO I drank 5L in one day so I am basically replacing AI (Yeah!) Pls star my repo or support me if u can and want. ADMIT IT. this is the coolest website known to man 💀💀. I am off to polish the rest, see you on shipping!

I polished up some things and added stats section cuz Y NOT?LOWK TS is peak! When I mma gonna get super Project? This Might be the finest work of art the frontend word has ever seen!Like PROVE ME WRONG!BTW for the devlog I was about to post an AI slop gif saying peak but my pattern recognition kicked in and I found a human made (I hope it is) Akso PLS MAKE this NO. 1 on the explore page 😭😭💀💀
More about the session :

1. My mom bought me a bathroom duck from the supermarket(Thx mom)
2. I used a github readme activity/commit graph for my github stats
3. The Leetcode and codedex are hardcoded I have NOT found an API yet or any stat form…
4. My next project might be creating a dev stats api if you’d like that idea like and comment “banana” below
5. Also can you guys pls follow me and star my github repos
   Sry for yapping I didn’t have much to say on the session itself (MY HTML slop Bores me)

I made a mute button for the music to achieve the best UX! JUST LOOK AT IT! No outline for the red line cause IT WOULDNT BE COOL!I also made t so you cant have it open on a small screen with a mice waning! And LAST BUT CERTAINLY NOT LEAST I made an oppinion logger for anyone to share their opinion abt my site,me,my projects and my so called art!

I cleanedup the css cause it was a mess and I replaced the white boring div card with my pixelated fun super cool yellow version: This WAS NOT as eay as it seems. I was stuck for a WHOLE HOUR trying to figute out why it is still overflowing after all the padding I added… So after adding some borders, sprinkling in some exceptions and hating myself for not understanding css grids earlier I made it! YAY! I think this is one of my finak devlogs on this project cause literally what more could you ask for?! Btw this is me after realising it was not a padding problem but a background clip and origin problem!

Drew all network links: https://lapse.hackclub.com/timelapse/tVeIk_5bqSzo
and fixed them to 50 by 50 with css. Now I am off to the github repository selector where I basically need to draw one arrow and flip it upside down once so it will be very easy! Then I don’t know what else I could! However I am very happy by how it has turned out cause it expresses me better than any previous version!

I added a my artsy side section in which you can click a polaroid photo and get teleported to my creation. I am thinking of adding custo contact links and game selector controls skip previous and play and then implement them in this site! I also updated the bg music to all the pages of my site except blogs cause thay gotta be read in seriousness. second screenshot is hover animation!

I spent 3 hrs to make my own music track ro bg music to my personal website and I had to learn sonic pi from ground up so I can show it in my personal site as a coding achievement and I think it is rly solid if you want to mute it u can mute the whole page.

Fixed some sizing issues and text overflow! I added some more details!Previous devlog mostly describes this!

This site I finally feel is something that represents me + it has a better UX/UI overall! It is quite Neet SO here is what I added:

1. EVERYTHING changed
2. Here is WHAT CHANGED

• New Landing page features pixelart I made
• 2 types of content bgs: one for serius staff blank white 👌👌 and one for more silly and myself stuff pixelated letter paper Ig or smth (it is just yellowish and has black outline like wow)
• H for a very cool menu/hub inspired by playstation mid game dropdown activated by the ps button.
• SCROLL DOWN prompt to signify there is more to see
• I was told the colour pallete was not optimal to say the least so now it is much simpler paler and themed altho there are some hints from the previous one (i love purple)
• Now the screen is actually snap screen so 2
• categories won’t overlap
• Replaced Spotify copycat w/ a game selection menu where more info are only available by tapping the middle button (github icon)
• Plus a small pixelated version of me gliding on your screen

Brooooooooooooooo! I rebranded again! Now it is the best version yet! It is a retro game console super mario inspired site. Most work was doing the css it was DREADFULL tbh. now I am designing the images!!

I started from zero. I started from zero, but not really, because now I had all the foundations I needed to create a perfect, full-on, very good app that represents me and is my personal website. So I started with the same boilerplate code for all three HTML files. Then I added icons from Auto Icons pack in Figma package that GitHub gave me. Thank you, GitHub, for giving me the chance to subscribing to your GitHub Developer Student Pack. I also created a nice embedded JS script in the projects.html that finds repositories, public repositories on my GitHub and stores them as projects. That’s very easier, more easier than what I have done previously, type everything manually onto the HTML, hard-coded, essentially. I’m very pleased with the result. It took me around four hours plus two hours for debugging and searching CSS designs.Also the color pallete i took from a ui optimization instagram post

I changed most of the site. I added in the Javascript, 100 lines of Javascript. I basically created a more soul casing and flashy portfolio, if you will, that I certainly liked. Here is a small example. You can go see it. Everything is uploaded.

So I started off like the guide suggests by making a title for the page and a description of this site and its purpose. Subsequently, I made the Header (top navigation bar) and added only the About Me, Portfolio, and Contact Me links and sections.And then ADDED 3 EXTRA SECTIONS A STARDANCE ONE, A SITE DESCRIPTION ONE and A BLOGS SECTION. I ALSO MADE A CURSOR HIGHLIGHT with javascript and A LIVE TAB where anyone can see WHAT I AM ON CURRENTLY. ALSO I ADDED A DROPDOWN FOR BETTER APEARANCE ON THE NAV BAR.