@TheTurboVerse

SMALLER FEATURES,BIGGER NAVIGATION 🧭
#DEVLOG-8

ADDED A BACK-TO-TOP BUTTON

• previously i worked on the floating navigation,but something was still missing,so i researched and got to know back to top is an essential.
  -So i added a back-to-top button just at the corner of the side,had to do some settings,had some bugs,fixed it and now it works.

ALSO
I fixed some ERRORS that i had in the Code,like i forgot semicolons,correct spellings duhhh…
DONE!!!
I have more to work,
So stay with Me for now-> Bye Bye…

SMALLER FEATURES,BIGGER NAVIGATION 🧭
#DEVLOG-8

ADDED A BACK-TO-TOP BUTTON

• previously i worked on the floating navigation,but something was still missing,so i researched and got to know back to top is an essential.
  -So i added a back-to-top button just at the corner of the side,had to do some settings,had some bugs,fixed it and now it works.

ALSO
I fixed some ERRORS that i had in the Code,like i forgot semicolons,correct spellings duhhh…
DONE!!!
I have more to work,
So stay with Me for now-> Bye Bye…

#DEVLOG-6
GLOWUP w/ CSS✨
-Moved all the CSS styles that were in the HTML (#inline CSS in Html),
-Added Hell Yeah! Cards, so,the text is visible that was trafficking with the glitchy background.
Headings are now gold-orange colored
[like my playlist cover text has].
-Added more to my learning list as,
Programming and Physically training within that card.

Page feels way cleaner and easier to navigate than before 🔥

MAKING THE SITE MAJESTIC✨

#DEVLOG-7
I had to Grind Up the CSS and HTML,aswell the background.

ELEMENTS UPGRADED/ADDED:

1. BACKGROUND:
   -previously i had a very distracting background that messed with each and every color composition,i felt i had everything clustered together.
   -So now, I have a CRT Gradient background.
   (Because of any copyright issues, i generated it using an AI image model -shoutout to KREA)

2. ICON:
   -I made a custom logo of myself,basically a mascot logo of myself.
   -It now resides in the header/banner.

3.FLOATING NAV-BAR:
-I had put a nav bar before,but i wasnt able to explore other sections while i was on a different section.
-So I added a custom floating nav-bar that stays at the top.[Ease in naigation]

1. HOME:
   -I upgraded the Home section so it actually introduces me and THE TURBO VERSE instead of just being a baic welcome page.

2. LEARNING SECTION:
   -I cleaned up the Learning section and separated what im learning and training.

Made 3 commits in the process.
They helped me clean up the header,navigation bar, improve the home/introduction and organize the learning section.

still grinding on it…
Then onwards I’ll continue enhancing the site and see where this goes 👀

MAKING THE SITE MAJESTIC✨

#DEVLOG-7
I had to Grind Up the CSS and HTML,aswell the background.

ELEMENTS UPGRADED/ADDED:

1. BACKGROUND:
   -previously i had a very distracting background that messed with each and every color composition,i felt i had everything clustered together.
   -So now, I have a CRT Gradient background.
   (Because of any copyright issues, i generated it using an AI image model -shoutout to KREA)

2. ICON:
   -I made a custom logo of myself,basically a mascot logo of myself.
   -It now resides in the header/banner.

3.FLOATING NAV-BAR:
-I had put a nav bar before,but i wasnt able to explore other sections while i was on a different section.
-So I added a custom floating nav-bar that stays at the top.[Ease in naigation]

1. HOME:
   -I upgraded the Home section so it actually introduces me and THE TURBO VERSE instead of just being a baic welcome page.

2. LEARNING SECTION:
   -I cleaned up the Learning section and separated what im learning and training.

Made 3 commits in the process.
They helped me clean up the header,navigation bar, improve the home/introduction and organize the learning section.

still grinding on it…
Then onwards I’ll continue enhancing the site and see where this goes 👀

#DEVLOG-6
GLOWUP w/ CSS✨
-Moved all the CSS styles that were in the HTML (#inline CSS in Html),
-Added Hell Yeah! Cards, so,the text is visible that was trafficking with the glitchy background.
Headings are now gold-orange colored
[like my playlist cover text has].
-Added more to my learning list as,
Programming and Physically training within that card.

Page feels way cleaner and easier to navigate than before 🔥

#DEVLOG-5
STARTED WORKING ON THE CSS
what i did in here ⚒️⚒️⚒️
-Added a basic reset and body styles-(font,text color,background) so my layout is how i want it,not the default browser one…
-Also did add the glitchy background,in CSS fixed its position,so it stays full screen while scrolling.

i know there are problems in it next time i gotta fix it,i’m working on it,the svg icons,the colors, etcetera this is all making it messy for now,but i’ll try to fix it.

#DEVLOG-4
⚒️
Added button-style nav bar and a footer.
-Gave each link a class,in the Html itself,i stylized the to have a button like look by making them rounded and adding a color.
-Added a footer with a copyright under my name and as it’s structure must be.

i haven’t touched the CSS so far as of now seperately,
next step,would be to make the website look like
–>woooooooooooooooooooooooooooooooooow!!!🤩
So,ill be moving the styles into the CSS file properly the next time.

#DEVLOG-3
Continued rebuilding the HTML structure.

Added a header with navigation that jumps to each section (Home,About,Learning,Music,socials).
Fixed the section ids so the links actually work.
Added the SVG icons for Instagram,Github and Reddit.
The Structure is much cleaner now.
Next i gotta work on the CSS part.

#DEVLOG-2
REBUILDING MY HTML STRUCTURE!!!

i decided to clear my previous code-HTML and CSS both and rebuilt the HTML from scratch.😭
My previous structure was pretty messy because I was still learning the basics of HTML and never Thought of organizing it.
talking abt.
the previous structure which = “hell nahh”🙅‍♂️
Structure Now = “wooooowwwwwwwww’🤩

what i did is,⚒️

1. clear the files to build from scratch,
2. wrote the HTML code for now,
   3.structured the content into sections and divisions.
   [like for-about me, socials and spotify}
   4.Added ‘noopener’ and ‘noreferral’ to my socials or external links
   [as i learnt a bit abt. it as noopener helps prevent the new tab from accessing my page as my links opened even in new tabs and also which equals no page open in new window,hehehe…
   And the noreferral for unnecessary sharing of my information,hehehe…

#DEVLOG-1
I was experimenting myself, learning HTML and CSS, i know that i have a very limited time, but why not tryout,I’ve created my own website,
this includes my social links and My spotify playlist too, that you can checkout, please let me know the fixes if so, Newbie here…