SpaceSign - Stardance

Ship #1

# SpaceSign
Get signs from Space (or rather from NASA) that update every day. This website fetches nasa's astronomy picture of the day and displays its title, image and a short description/explenation.

Other than the guide, I implemented that you can select previous dates to get the information about them. Also the .css styling is different to the guide because I wanted to try out some .css styling that I learned from doing the WebOS Mission.

What I noticed: Its sooo much faster to properly make a sketch beforehand of how you want to get the layout than doing it on the fly.

Try project → See source code →

Open comments for this post

@Gabl on SpaceSign · 21 days ago

1h 21m 5s logged

Started customisation by making by own favicon – not sure if
displaying it works correctly tho rn. Also implemented the calendar that I
tried to already do last time, but I couldn’t get it to work, which was because
I set the date to the future where NASA obviously didn’t have something in the
api lol. Thats why I also made it so that you can’t select dates in the future
to avoid confusion. Then I started on the css, found a website that did let me make
nice gradients, fits pretty well imo. Also used some css styling I found out
while doing the WebOS mission, such as backdrop-filter, box-shadow and hover. Important lesson I learned: Its sooo much faster to properly make a sketch beforehand of how you want to get the layout then doing it on the fly.

Open comments for this post

@Gabl on SpaceSign · 21 days ago

1h 12m 51s logged

Following the tutorial I managed to connect the API to my .js even tho I had some dfficulties getting Node.js to work because my device just wouldn’t register it. But now that I got it working, the site simply displays the information from Nasa same as the image and title.