Merge branch 'main' of https://github.com/Git21221/IBMSkillsBuild

Git21221 · Jul 25, 2023 · c90940f · c90940f
2 parents e5ef152 + d03a5be
commit c90940f
Show file tree

Hide file tree

Showing 4 changed files with 102 additions and 24 deletions.
diff --git a/FAQ/faq.html b/FAQ/faq.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>FAQ</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css">
     <link rel="stylesheet" href="css/faq.css" />
     <link rel="stylesheet" href="/css/style.css"  type="text/css"/>
     <link rel="stylesheet" href="/css/responsiveness.css"  type="text/css"/>
@@ -81,56 +82,126 @@
         <h2>FAQ's</h2>
       <div class="faq">
         <div class="question">
-          <h3>Question here ?</h3>
+          <h3>How big is the universe ?</h3>
           <i class="fa-solid fa-angle-down icon"></i>
         </div>
         <div class="answer">
           <p>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae
-            molestias corporis explicabo obcaecati magnam nemo minima ea autem
-            odio blanditiis.
+            The observable universe is estimated to be about 93 billion light-years in diameter, constantly expanding since the Big Bang.
           </p>
         </div>
       </div>
 
       <div class="faq">
         <div class="question">
-          <h3>Question here ?</h3>
+          <h3>What is a black hole ?</h3>
           <i class="fa-solid fa-angle-down icon"></i>
         </div>
         <div class="answer">
           <p>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae
-            molestias corporis explicabo obcaecati magnam nemo minima ea autem
-            odio blanditiis.
+            A black hole is an area in space with incredibly strong gravity that nothing, not even light, can escape from.
           </p>
         </div>
       </div>
 
       <div class="faq">
         <div class="question">
-          <h3>Question here ?</h3>
+          <h3>What causes the Northern Lights ?</h3>
           <i class="fa-solid fa-angle-down icon"></i>
         </div>
         <div class="answer">
           <p>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae
-            molestias corporis explicabo obcaecati magnam nemo minima ea autem
-            odio blanditiis.
+            The Northern Lights, or Aurora Borealis, are caused by charged particles from the sun colliding with Earth's atmosphere, creating beautiful light displays.
+          </p>
+        </div>
+      </div>
+
+      <div class="faq">
+        <div class="question">
+          <h3> Is there life on other planets ?</h3>
+          <i class="fa-solid fa-angle-down icon"></i>
+        </div>
+        <div class="answer">
+          <p>
+            The search for extraterrestrial life continues, but there is no definitive evidence yet. Scientists explore Mars and moons for potential habitability.
+          </p>
+        </div>
+      </div>
+
+      <div class="faq">
+        <div class="question">
+          <h3>What is a supernova ?</h3>
+          <i class="fa-solid fa-angle-down icon"></i>
+        </div>
+        <div class="answer">
+          <p>
+            A supernova is an explosive event that occurs when a massive star reaches the end of its life cycle, releasing an enormous amount of energy.
           </p>
         </div>
       </div>
-    </div>
 
-    <script>
-      const faqs = document.querySelectorAll(".faq");
+      <div class="faq">
+        <div class="question">
+          <h3>How do astronauts eat and drink in space ?</h3>
+          <i class="fa-solid fa-angle-down icon"></i>
+        </div>
+        <div class="answer">
+          <p>
+            Astronauts eat specially prepared and packaged food. They drink liquids from pouches with straws to prevent spills in microgravity.
+          </p>
+        </div>
+      </div>
 
-      faqs.forEach((faq) => {
-        faq.addEventListener("click", () => {
-          faq.classList.toggle("active");
-        });
-      });
-    </script>
+      <div class="faq">
+        <div class="question">
+          <h3> What are the hottest and coldest planets in our solar system ?</h3>
+          <i class="fa-solid fa-angle-down icon"></i>
+        </div>
+        <div class="answer">
+          <p>
+            Venus is the hottest planet, with surface temperatures around 900 degrees Fahrenheit (475 degrees Celsius), while Neptune is the coldest, with temperatures as low as -330 degrees Fahrenheit (-200 degrees Celsius).
+          </p>
+        </div>
+      </div>
+
+      <div class="faq">
+        <div class="question">
+          <h3>What is the Hubble Space Telescope used for ?</h3>
+          <i class="fa-solid fa-angle-down icon"></i>
+        </div>
+        <div class="answer">
+          <p>
+            The Hubble Space Telescope is used to observe distant galaxies, stars, and planets, providing valuable data for astronomers and space researchers.
+          </p>
+        </div>
+      </div>
+
+      <div class="faq">
+        <div class="question">
+          <h3>How are planets formed ?</h3>
+          <i class="fa-solid fa-angle-down icon"></i>
+        </div>
+        <div class="answer">
+          <p>
+            Planets form from gas and dust particles in a rotating disk around a young star, gradually accreting and growing over millions of years.
+          </p>
+        </div>
+      </div>
+
+      <div class="faq">
+        <div class="question">
+          <h3> Can humans survive in space without a spacesuit ?</h3>
+          <i class="fa-solid fa-angle-down icon"></i>
+        </div>
+        <div class="answer">
+          <p>
+            No, humans cannot survive in the vacuum of space without a spacesuit, as they need protection from extreme temperatures and lack of air.
+          </p>
+        </div>
+      </div>
+
+    </div>
     <script src="/js/script.js"></script>
+    <script src="js/faq.js"></script>
   </body>
 </html>
diff --git a/FAQ/js/faq.js b/FAQ/js/faq.js
@@ -0,0 +1,7 @@
+const faqs = document.querySelectorAll(".faq");
+
+faqs.forEach((faq) => {
+  faq.addEventListener("click", () => {
+    faq.classList.toggle("active");
+  });
+});
diff --git a/index.html b/index.html
@@ -13,8 +13,8 @@
     })(window, document, 'script', 'dataLayer', 'GTM-59R3T9Z9');</script>
   <!-- End Google Tag Manager -->
   <meta charset="UTF-8" />
-  <meta name="description" content="3d-solar-system" />
-  <meta name="keywords" content="earth, space, moon, 3d-images 3d-animation planets" />
+  <meta name="description" content="Explore our 3D virtual solar system and learn about planets in an interactive space exploration.">
+  <meta name="keywords" content="earth, space, moon, 3d-images 3d-animation, planets, Solar System, Virtual Solar System, Planet Models, Astronomy Visualization,Space Exploration, Educational Space Simulation, Celestial Bodies, Planetary Orbits,Astronomy App,Astronomical Visualization,Space Educational Tool,Learn About Planets,Outer Space Simulation,Solar System Exploration,Astronomical Models,Space Learning Experience,Planetary System Viewer"  />
   <meta name="author" content="GOAT Elitte Coders(Rahul Das, Saikat Das)" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Virtual Galaxy - Explore planets</title>

diff --git a/sec-page/css/styles.css b/sec-page/css/styles.css
@@ -157,7 +157,7 @@ body {
 #galaxy {
   position: relative;
   width: 100%;
-  height: 100%;
+  height: 120%;
   /*perspective: 4000;*/
 }