ChickenSite
By
@Adammm
- 3 Devlogs
- 2 Total hours
ChickenSite
Ship #1
Hi! This is my project. It's a simple HTML, CSS, and JS site that I made for a hackathon project!
This project is open source, so feel free to use this as a template! Be warned, though, there are no comments or anything so it will be hard to figure out if you have no coding experience.
I made the main framework of the website using HTML and the style using CSS, and connected those files together. On my website, there are buttons that you can press to redirect to different pages.
There are 3 pages right now: the about me page, the portfolio page, and the chickens page. The about me page is, well, about me, the portfolio page has images and links to some projects that I have made, and finally, the chickens page includes images that I took of my chickens.
I also added a APOD page for fun! you can see random APOD dates from the official NASA API! Every day, it automatically loads to the new APOD so you can see what the new information and picture is!
26m 57s logged
debugged the key using google gemini
49m 24s logged
Made the site the theme of my favorite show, squid game. I used a free image online for the backdrop and some basic js code for debugging that I got from anthropic AI. There was a bug where the font color kept being off and again, I had to use AI to debug it as I did not understand what was wrong. I also added a dark and light theme toggler and added the squid game logo as text on the main info bar and reworked the navigation bar to be more smooth so that when hovering above the buttons they float a little. I fixed the APOD page not showing the images by using Claude code and modifying the code where the key is recieved and making a new JS file to help with recieving the key from the .env file.
49m 35s logged
Added a new font using .css and importing it from the url https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap for a font that is more clean
