CTRL-T has started!
This seemed like a cool mission so I decided to try knock this out in a few hours.
-
I’ve started by adding some styling from the beginning of the project so I don’t have to do it later.
-
I ALSO added APOD and NASA.lib connectivity through their respective NASA APIs, so you can switch backgrounds to either the picture of the day, or a random image from NASA.lib, where it chooses a random query out of nebula, galaxy, supernova, mars, black hole, aurora, and picks a random image out of that category.
Setting this up wasn’t too hard as I have worked with NASA’s APIs before multiple times, specifically the Neows and SBDB. -
One thing i did have to consider, is that APOD sometimes returns videos, so I added a bail script:
infoText.textContent = `MODE: APOD — TODAY IS A VIDEO (${data.title.toUpperCase()}), NO IMAGE`;
so rather than failing it tells the user that no image is available… maybe I will change this to integrate vids or gifs though who knows.
The real hard part which I spent a while on was the CSS, as while it looks simple it took a log of adjustment to get the true brutalist look I wanted.
Most astro-related sites are eloquent and fancy, I plan for this one to be quite a harsh and concrete style page.
What next? I’ll probably make the search bar and maybe add a quick links section.
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.