MyPersonalSite
By
@rosandrox
- 3 Devlogs
- 16 Total hours
MY personal page.GET TO KNOW ME! CONTACT ME! READ MY BLOGS!
Ship #2
Visit my portfolio. I’m really excited. I put a lot of work into it. I researched a lot to find the specific CSS for frontend, like the donut chart and everything. It was pretty fun. I look forward to creating more projects like this. Please support me. Feel free to point out any improvements you would make.
5h 23m 8s logged
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
3h 26m 23s logged
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.
Ship #1
I used HTML, CSS and JS. The repo is public but I submited everything at once because of working on it localy and It has a readme with contents and what I learned plus a small description of the site.The site is fully deployed with github pages as the guide suggested.
I have in total 6 sections and 4 extra css and js features the guide didn’t cover. My css is custom, you’ll notice the stardance and hackclub words are in the color of the hackclub logo.Didn’t use AI, I am part of the boycott chatgpt group.
7h 23m 26s logged
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.
