Made some progress on my Artemis website!

Below is the changelog, but the highlight I have to share is the addition of a “Blogs” page that organizes blogs into rows. These blogs will be more detailed Artemis Updates. It’s the first blog structure I’ve done, so wanted to try it out.

I also moved the left navigation bubble content to a bottom navigation bar.

Removed

• Removed the bubble navbar on left side (Got moved to newely added bottom navbar)

Added

• Bottom navigation bar
• Blog Page
• First Artemis Blog

I would encourage you to look around the repository because I made some additions to it. I added badges at the top of the README file to neatly display some information about the website such as its version, programming languages, etc.

Also added a CHANGELOG.md file so you can read every single change I’ve made to this website and read any future updates that are released. Created a Discussions tab at Top menu bar > Discussions so I can make announcements and updates about this project.

Completed Artemis II page

Completed the Artemis II page where I explained the flight profile, preparations, and its full flight timeline.

Artemis II Page Update!

Devlog Formatting

This is the first devlog that’s formatted nicely, I’ve been writing them on my phone and for some reason it doesn’t format there at all just displays as a large paragraph. But I’m writing this one on a computer allowing me to format paragraphs and headings.

Artemis II page

I’ve been working on the Artemis II page, I’m not quite finished but got the history of it and the preperations which explains the stacking timeline and the heatshield issue.

Artemis I Timeline

I added a timeline to the Artemis I page which you can see in the demo link. It shows major events that happened from stacking to reentry. Another thing I did was update the status of Artemis III below that countdown banner.

Hello It’s been a little while since my last devlog but I plan to make them more frequently. This is my first log sincemy first shipment and Ive been spending thelasst 5 hours trying to implement the feedback I got. 1. Someone said it would be nice to see some facts about the astronauts, so I did something like that. I made an array that displays a random fact about the missions every time the page loads. This one took me a while to do because I was running into an issue where the Artemis I facts would display but not the subsequent ones. I went onto Stack Overflow and problem is resolved. 2. Someone said it would be nice to read texts about the missions rather thaan rely on videos because some people have different preferences for how they learn information. So what I did is created a series of dropdowns on the very bottom that tells you information aout the mission. I chose a dropdown format so they dont take up as much space on the page if its not being read.

During this time, I have embedded two NASA simulations into the website for visualization. You can fine them by going to the Artemis II page and going to the moon base page under “Explore”. I also embedded some YouTube videos to #1 let people understand the idea of the Artemis Program and CLPS who aren’t familiar, and #2 you don’t have to search for multiple YouTube videos potentially on different channels. They all are here. And honestly, when you’re navigating a website, it’s more convenient to watch an embedded video than navigate to YouTube. The last thing I worked on a little bit was making the moon base section more mobile responsive. Still looks a little off, but better than it was before.

Quite afew things have been added since my first devlog. So far I’ve worked a little bit on responsive design to make it more viewable on mobile. I also created a little bubble menu which allows you to transition between Hubs. I created a moon basepage which will provide centralized infirmation on our moon base plans specifically. I’m currently inn the process of implementing some of the simulations NASA created within my website through embedding.

I did quite a few things during this 6 hours. First off, I moved the countdown to the top, andit sticks to the top. Secondly, I added a timeline to visually see each launch. The timeline I used is called JSTimrline which ises a spreadsheet you can embed to add a timeline. They also leave the option for you to create a JSON file ehich gives you more styling options. But I didn’t opt into that. Last thing, I’m leaarning how to use api’s. What you can see in the console is the bio for Cristina Koch provided by Launch Library II. I plan to create a bio for eaach of these astronauts only using the api, if the contents of the api change the web page should change automatically. Although I’m limited to 15 requests per hour which is annoying.

I started on a text based fame where you’re in charge of decisions NASA makes. Your goal is to expand the budget and gain political and public support. This era starts in 2011 during the retirement of the shuttle program. The point of this game is for users to learn about the transportation struggles NASA had after the shuttle.

What’s fun is I discovered the dropdown panel that I can use for future games. I also learned how to make a button perform different actions depending on what state the game is at. For example, these three buttons stay the entire game but they do different things based on what function is running.

Another thing I learned how to do was identify Godot nodes by its unique name (%moneyLabel). Before I was identifying them by their relativr path which gets annoying if you make any slight changes to the tree then you’d have to go back and change the paths. By identifying as a unique name I don’t have to do any of that, and makes the code look more clean.

I figured out how to make a countdown timer with JavaScript. This will count down the time left until the next Artemis launch. I also included a little tour of the website in the video.

In the video I wait fir about 20 seconds to see that number hit 0. You can skip about 20 seconds if you don’t want to wait for that. Then the bottom of the countdown I will input the status of the Artemis mission. I don’t spend a whole lot of time with JavaScript which is why it took me 2 hours to do. Most of my time was figuring out the milliseconds to years, months, days, etc. I wanted it to show 2 days and 4 hours instead of something like 4000 hours.

Another thing included in the video is a tour of some of my code.

Let me know if you have any feedback.

I’m creating a website that will provide centralized information about the Artemis Program. Demo is linked in the project for you to try out.

I still need to make the website more responsive.

What I did today was make the landing page for this website. This so far will include Artemis livestreams, videos, and information on specific missions.

Deploying this on Github was a big pain because I needed to restructure the entire website directory, so GitHub could find my index.html file, stylesheet, and images.

Let me know if you have any feedback, I’m probably going to make the carousels smaller.

I’m making a 3D Godot “Game”, the goal of the game is more of learning about Artemis mission milestones than playing.

You’ll be in a view od the Orion spacecraft in a predetermined path it will go. You will be prompted to make a certain menuver (And it will explain what it is and why) such as increasing your velocity to a certain amount by pressing a key if this makes sense. If not, feel free to ask questions.

Anyway, this update is me after setting up the Godot extension (Had some issues with the extension, but it’s resolved) and got my scene set up.

If you want to know the relative size of the moon compared to Earth, here it is!