You are browsing as a guest. Sign up (or log in) to start making projects!

52m 24s logged

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.

0
3

Comments 0

No comments yet. Be the first!