diff --git a/ExoPlanets HTML/55Cancri-e.html b/ExoPlanets HTML/55Cancri-e.html index 65dece4..a2411d1 100644 --- a/ExoPlanets HTML/55Cancri-e.html +++ b/ExoPlanets HTML/55Cancri-e.html @@ -4,11 +4,16 @@ 3D 55 Cancri e - + + - - + +

Planet Name: 55 Cancri e

@@ -21,7 +26,8 @@

Planet Name: 55 Cancri e


Moons: 0
- 55 Cancri e is a rocky exoplanet orbiting very close to its host star. It is extremely hot with surface temperatures reaching over 2000°C. + 55 Cancri e is a rocky exoplanet orbiting very close to its host star. + It is extremely hot with surface temperatures reaching over 2000°C.

@@ -33,7 +39,10 @@

Planet Name: 55 Cancri e

Current: 55_Cancri_e637

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -43,8 +52,8 @@
2) Tap on the model to get info about the planet (For mobiles)
› - diff --git a/ExoPlanets HTML/GJ1214b.html b/ExoPlanets HTML/GJ1214b.html index febf92f..a7fcfcf 100644 --- a/ExoPlanets HTML/GJ1214b.html +++ b/ExoPlanets HTML/GJ1214b.html @@ -4,11 +4,16 @@ 3D GJ 1214 b - + + - - + +

Planet Name: GJ 1214 b

@@ -21,7 +26,8 @@

Planet Name: GJ 1214 b


Moons: 0
- GJ 1214 b is a "water world" or a "mini-Neptune" with a thick, steamy atmosphere. Its surface may be covered by water under high pressure. + GJ 1214 b is a "water world" or a "mini-Neptune" with a thick, steamy + atmosphere. Its surface may be covered by water under high pressure.

@@ -33,7 +39,10 @@

Planet Name: GJ 1214 b

Current: GJ1214b

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - diff --git a/ExoPlanets HTML/Gliese1132b.html b/ExoPlanets HTML/Gliese1132b.html index 667bdde..681fca2 100644 --- a/ExoPlanets HTML/Gliese1132b.html +++ b/ExoPlanets HTML/Gliese1132b.html @@ -4,11 +4,16 @@ 3D Gliese 1132 b - + + - - + +

Planet Name: Gliese 1132 b

@@ -21,7 +26,8 @@

Planet Name: Gliese 1132 b


Moons: 0
- Gliese 1132 b is a rocky exoplanet similar in size to Earth, but with much higher temperatures. It is located in the constellation Vela. + Gliese 1132 b is a rocky exoplanet similar in size to Earth, but with + much higher temperatures. It is located in the constellation Vela.

@@ -33,7 +39,10 @@

Planet Name: Gliese 1132 b

Current: Gliese1132b

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - diff --git a/ExoPlanets HTML/HD189733b.html b/ExoPlanets HTML/HD189733b.html index 3a27daf..53916f6 100644 --- a/ExoPlanets HTML/HD189733b.html +++ b/ExoPlanets HTML/HD189733b.html @@ -4,11 +4,16 @@ 3D HD 189733 b - + + - - + +

Planet Name: HD 189733 b

@@ -21,7 +26,8 @@

Planet Name: HD 189733 b


Moons: 0
- HD 189733 b is a gas giant, known for its violent, high-speed winds and a surface that may rain molten glass. + HD 189733 b is a gas giant, known for its violent, high-speed winds and + a surface that may rain molten glass.

@@ -33,7 +39,10 @@

Planet Name: HD 189733 b

Current: HD189733b

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - diff --git a/ExoPlanets HTML/Kepler-138c.html b/ExoPlanets HTML/Kepler-138c.html index 0f20495..f326525 100644 --- a/ExoPlanets HTML/Kepler-138c.html +++ b/ExoPlanets HTML/Kepler-138c.html @@ -4,11 +4,16 @@ 3D Kepler-138 c - + + - - + +

Planet Name: Kepler-138 c

@@ -21,7 +26,8 @@

Planet Name: Kepler-138 c


Moons: 0
- Kepler-138 c is a rocky planet slightly larger than Earth, found in the Kepler-138 system, which also has two other exoplanets. + Kepler-138 c is a rocky planet slightly larger than Earth, found in the + Kepler-138 system, which also has two other exoplanets.

@@ -33,7 +39,10 @@

Planet Name: Kepler-138 c

Current: Kepler-138

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - diff --git a/ExoPlanets HTML/Kepler10b.html b/ExoPlanets HTML/Kepler10b.html index acc8c61..ca0a48b 100644 --- a/ExoPlanets HTML/Kepler10b.html +++ b/ExoPlanets HTML/Kepler10b.html @@ -4,11 +4,16 @@ 3D Kepler-10 b - + + - - + +

Planet Name: Kepler-10 b

@@ -21,7 +26,8 @@

Planet Name: Kepler-10 b


Moons: 0
- Kepler-10 b is one of the first rocky exoplanets discovered, with a scorching surface temperature due to its proximity to its star. + Kepler-10 b is one of the first rocky exoplanets discovered, with a + scorching surface temperature due to its proximity to its star.

@@ -33,7 +39,10 @@

Planet Name: Kepler-10 b

Current: Kepler10b

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - diff --git a/ExoPlanets HTML/OGLE-2016-BLG-1928.html b/ExoPlanets HTML/OGLE-2016-BLG-1928.html index 9bea5d4..f6f5d26 100644 --- a/ExoPlanets HTML/OGLE-2016-BLG-1928.html +++ b/ExoPlanets HTML/OGLE-2016-BLG-1928.html @@ -4,11 +4,16 @@ 3D OGLE-2016-BLG - + + - - + +

Planet Name: OGLE-2016-BLG

@@ -21,7 +26,8 @@

Planet Name: OGLE-2016-BLG


Moons: Unknown
- OGLE-2016-BLG is a distant exoplanet discovered using gravitational microlensing, located near the center of the Milky Way. + OGLE-2016-BLG is a distant exoplanet discovered using gravitational + microlensing, located near the center of the Milky Way.

@@ -33,7 +39,10 @@

Planet Name: OGLE-2016-BLG

Current: OGLE-2016-BLG

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - - diff --git a/ExoPlanets HTML/PegasiB.html b/ExoPlanets HTML/PegasiB.html index c42be3a..9ac7a04 100644 --- a/ExoPlanets HTML/PegasiB.html +++ b/ExoPlanets HTML/PegasiB.html @@ -4,11 +4,16 @@ 3D 51 Pegasi b - + + - - + +

Planet Name: 51 Pegasi b

@@ -21,10 +26,11 @@

Planet Name: 51 Pegasi b


Moons: 0
- 51 Pegasi b is the first exoplanet discovered orbiting a Sun-like star. It's a gas giant and the prototype of the "hot Jupiter" class. + 51 Pegasi b is the first exoplanet discovered orbiting a Sun-like star. + It's a gas giant and the prototype of the "hot Jupiter" class.

- +
@@ -34,7 +40,10 @@

Planet Name: 51 Pegasi b

Current: Pegasi B

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -43,9 +52,9 @@
2) Tap on the model to get info about the planet (For mobiles)
›
- - diff --git a/ExoPlanets HTML/TOI-1452b.html b/ExoPlanets HTML/TOI-1452b.html index dcd1d45..9e7bfa8 100644 --- a/ExoPlanets HTML/TOI-1452b.html +++ b/ExoPlanets HTML/TOI-1452b.html @@ -4,11 +4,16 @@ 3D TOI-1452 b - + + - - + +

Planet Name: TOI-1452 b

@@ -21,7 +26,8 @@

Planet Name: TOI-1452 b


Moons: 0
- TOI-1452 b is believed to be a "water world," with an ocean covering much of its surface, located in a binary star system. + TOI-1452 b is believed to be a "water world," with an ocean covering + much of its surface, located in a binary star system.

@@ -33,7 +39,10 @@

Planet Name: TOI-1452 b

Current: TOI-1452

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - diff --git a/ExoPlanets HTML/WASP-76b.html b/ExoPlanets HTML/WASP-76b.html index 6eaebc9..f7da466 100644 --- a/ExoPlanets HTML/WASP-76b.html +++ b/ExoPlanets HTML/WASP-76b.html @@ -4,11 +4,16 @@ 3D WASP-76 b - + + - - + +

Planet Name: WASP-76 b

@@ -21,7 +26,8 @@

Planet Name: WASP-76 b


Moons: 0
- WASP-76 b is a gas giant with temperatures so extreme that iron condenses and rains down on its surface. + WASP-76 b is a gas giant with temperatures so extreme that iron + condenses and rains down on its surface.

@@ -33,7 +39,10 @@

Planet Name: WASP-76 b

Current: WASP-76b

Instructions:
-
1) Hold and move around to explore the 360 view of the planet (For desktops)
+
+ 1) Hold and move around to explore the 360 view of the planet (For + desktops) +
2) Tap on the model to get info about the planet (For mobiles)
@@ -42,9 +51,9 @@
2) Tap on the model to get info about the planet (For mobiles)
› - - diff --git a/Media/exo.png b/Media/exo.png new file mode 100644 index 0000000..1abe2f5 Binary files /dev/null and b/Media/exo.png differ diff --git a/Media/main.png b/Media/main.png new file mode 100644 index 0000000..9d8f416 Binary files /dev/null and b/Media/main.png differ diff --git a/Media/planets.png b/Media/planets.png new file mode 100644 index 0000000..9035138 Binary files /dev/null and b/Media/planets.png differ diff --git a/NasaTerminal.html b/NasaTerminal.html index 785d900..7d0c145 100644 --- a/NasaTerminal.html +++ b/NasaTerminal.html @@ -4,6 +4,7 @@ NASA Port + @@ -153,9 +158,11 @@

NASA Space

Explore - + -
Ready to Jump?

+
+ Ready to Jump?
+
@@ -345,12 +352,14 @@

NASA Space

}); function openNav() { - document.getElementById("myNav").style.width = "100%"; + document.getElementById("myNav").style.width = "100%"; } function closeNav() { - document.getElementById("myNav").style.width = "0%"; + document.getElementById("myNav").style.width = "0%"; } + + diff --git a/index.html b/index.html index 45bbab0..7a539b5 100644 --- a/index.html +++ b/index.html @@ -1,61 +1,73 @@ - - - - - - NASA Space - - + + + + + + + Galactic TrailBlaze + +
-

Welcome to Space Jumpers, explore the exo-planets with visual information

+

+ Welcome to Space Jumpers, explore the exo-planets with visual + information +

-
-
-
- Sign Up -
- - -
-
- - -
-
- - -
-
-
- -

Already have an account? Sign In

-
-
-
-
-
- -
+
+
+
+ Sign Up +
+ + +
+
+ + +
+
+ + +
+
+
+ +

+ Already have an account? + Sign In +

+
+
+
+
+
+ +
@@ -63,22 +75,35 @@

Welcome to Space Jumpers, explore the exo- - + diff --git a/signin.html b/signin.html index 4352ed5..e9f9a0d 100644 --- a/signin.html +++ b/signin.html @@ -1,57 +1,69 @@ - - - - - - NASA Space - - + + + + + + + Galacti TrailBlaze + +
-

Welcome to Space Jumpers, explore the exo-planets with visual information

+

+ Welcome to Space Jumpers, explore the exo-planets with visual + information +

@@ -59,22 +71,35 @@

Welcome to Space Jumpers, explore the exo- - - \ No newline at end of file + + diff --git a/styles.css b/styles.css index d4f6741..42682b0 100644 --- a/styles.css +++ b/styles.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); :root { --primary-color: #000000; @@ -170,7 +170,7 @@ legend { font-family: var(--font-one); } - button { +button { display: block; width: 100%; padding: 15px 20px; @@ -188,7 +188,7 @@ button > a { color: var(--quaternary-color); } - button:hover { +button:hover { background-color: var(--secondary-color); border-left: 2px solid var(--quaternary-color); border-right: 2px solid var(--quaternary-color); @@ -300,6 +300,13 @@ canvas { margin: 20px; } +/* Add this to your styles.css */ +.earth { + width: 100%; + height: 500px; /* Adjust the height as needed */ + position: relative; +} + .form, .earth { flex: 1 1 45%; /* 45% of the width, adjusts for space between them */ @@ -329,7 +336,6 @@ canvas { } } - /* Styles for the hover box */ .hover-box { position: absolute; @@ -356,4 +362,4 @@ canvas { ul li a { color: white; -} \ No newline at end of file +} diff --git a/transition1.html b/transition1.html deleted file mode 100644 index c067d0c..0000000 --- a/transition1.html +++ /dev/null @@ -1,231 +0,0 @@ - - - - - - Transition_1 - - - - rocket - cloud-1 - cloud-2 - - -
- - plane-left - - -
-
- rocket -
-
- - - plane-right -
- - - -