mary website - Stardance

Ship #1

i made a personal website for the stardance mission :) i have used html and css a lot years ago, but i have forgotten most of it, so it was challenging having to review how to use html and css. it led me to use a lot of time just going over the basics and getting stuck on the simple mistakes, like how and when to use div to group different elements together, or how to move the image onto the right side of the paragraph box, which i used claude to guide me in the right direction. i chose this project because i wanted to review html and css, and to also make a quick project before i go onto a project that interests me more.

im proud that i have successfully made a nice little website that has some information about me, and i like the simple blue aesthetic it has. i also like the images being next to the text, i think it adds a nice visual!

its a pretty simple website, mostly just words but there are different sections that you can go to: home, facts, and the credits page. overall this has been fun to get back into html and css a bit and i might go back to this website or completely start over and make a new one someday! :)

3 devlogs
2h
Personal Site

Try project → See source code →

Open comments for this post

@marygoat on mary website · 2 days ago

1h 14m 29s logged

did some formatting, struggled a LOT with making the text look centered and neat, as well as trying to get the image onto the right side. i was able to fix it with flex-direction: reverse row, display: flex, and all of those flex box adjustments. i had to go onto a learning app (mimo) to remember all of the css flexbox stuff which helped a LOT

Open comments for this post

@marygoat on mary website · 3 days ago

51m 17s logged

added two pages: facts and credits, and stylized the webpage a bit. i couldnt figure out how to add the image as the background, so i asked claude for help: my issue was that the image link was trying to find a path, but it didnt need to find a path since the image was already in the same folder.

Open comments for this post

@marygoat on mary website · 3 days ago

21m 54s logged

making my own website huzzah! a lot of paragraphs on the website so far, trying to remember the html and css knowledge i used have years ago. nothin much so far but i am referencing old works (they were pretty basic but helpful) and it’s helping me get into a flow and kinda guide me on what i should do next, such as reminding me that you can add links