Major Update

• When I first began this project, it was a really basic idea. I felt no motivation to continue after the initial structure was created. For the past few days, I was brainstorming on how I could possibly make it better. I finally found something that made me excited to work on, and decided to integrate it here. So here goes-
• Most of us would all agree that space is cool. Satellites, rockets so on and so forth. I for one would love to learn more about them if it wasn’t so intimidating. Take the ISS-when I downloaded an official NASA guide about it, I got overwhelmed by the disjointed diagrams, had no clue where everything was and took away a vague understanding of what I read.
• This is where this project comes in- a rotatable and zoomable model of the ISS, with interesting, bite-sized information that you get by clicking around. When you’re done exploring, you can take a quiz if you so wish.

What I did

• When I first downloaded the model from the official site, I thought I would begin with renaming all the parts. That didn’t work out, as most parts were joined together and had overlapping sections. I then found out about google model-viewer.
• Once I found out about that, I realised I could import the mode there, create hotspots and copy the coordinates of the dots to create buttons. I would highly recommend model-viewer by google, as it was so much easier to navigate as a newbie.
• I then put my quiz structure in a comment to deal with later and began marking hotspots. The first one went beautifully, but the second button did not deign to show up. I sat there troubleshooting for so long, trying everything I could- importing new coordinates, cutting my code, changing visibility. Nothing seemed to work. The best I managed to do was this:-
• I was frustrated beyond belief, it had been hours. I disabled my waketime, at that point it felt like it was taunting me. Went to bed, before school I looked up the official instructions and finally found what my sleep-deprived head was missing. I had my buttons in the div container, but the hotspot coordinates in the buttons container. My hotspot was meant to be in the main container, the div one. Once I fixed that, the button finally showed up. I felt sooo dumb but so relieved too. Here’s what it looks like now:

And….yeah. #Gotobedontime #Ithelpsyoucodebetter #regretovermylackofintellect