.png)
Personal Website :)
- 4 Devlogs
- 9 Total hours
Making a website for my projects and stuff I think is cool.
Ship #1
@fish-in-a-puddle
on
Personal Website :)
I have made a website to display my projects, to write reviews of books that I’ve read, and to share stuff I think is cool or might be helpful to other Hack Clubbers. This website is my first shipped software project, as I usually stick to hardware, but using the guide I was able to make something that I’m proud of. Right now there is no JS in the project, but I may ship it again later with more features.
There are the three main sections (My projects, Book reviews and Cool stuff), a short “About Me”, an embedded Spotify playlist with some of my favorite music, some GIFs to add some movement to the page and a “Contact Me” section at the very bottom of the page.
.png)
@fish-in-a-puddle
on
Personal Website :)
2h 45m 59s logged
Personal Website is done!! I finished adding some GIFs, a “cool stuff” section and fixed a few final issues with the formatting. I’m very happy with how this project has turned out, and I hope that others find it interesting or at least okay to scroll through. I learned a lot about how a website is built and how insanely difficult it is to get anything to go where you want it to, but it got a lot easier over time. Once I finish writing the README (not much to say, just open the link) it’ll be ready to ship.
.png)
@fish-in-a-puddle
on
Personal Website :)
1h 42m 36s logged
After taking a break from this project to focus on finishing my hackpad, I embedded a Spotify playlist next to the “About Me” section. I also decided to add a “Book reviews” section instead of recommendations or inspiration. For some unknown reason, the book reviews refuse to be formatted like my projects, so I changed it so each individual review takes up the width of the page. The website is getting close to done. I just need to decide what to do with the header, expand the “About Me” section and finish reformatting the book reviews.
.png)
.png)
@fish-in-a-puddle
on
Personal Website :)
4h 22m 13s logged
I played around with some different ideas, themes and layouts. It took me a while to decide on one, but eventually the look of the site started to come together. I decided to cut out the media recommendations for now, since I want to website to be focused on projects. I’m thinking about replacing that section with an “Inspiration”section with links to projects I think are cool. I also removed the non-electronic projects. There wasn’t really anything I could show for them. So far I have four projects: three have pictures, two have links and they are all formatted the way I wanted. I also have a small “About me” section written. It doesn’t have a picture of the logo I’m working on yet, though. I am also thinking of embedding a Spotify playlist on the site. The next step for this project is to improve the header (not exactly sure how yet - pictures? One big image as the header?) and to change the color of the hyperlinks so they don’t get lost with the background color.
.png)
@fish-in-a-puddle
on
Personal Website :)
34m 46s logged
Started working on a personal website! So far I have a vague idea of how it should look and am slowly making it happen. There’s a header with a welcome message, an “about me” section and a section at the bottom with links to my Stardance and github. I’m playing around with flex to get everything in the right place, but it’s pretty ugly right now. I’ll make everything look more put together once everything’s actually there.
.png)