From 022a100e445661d078428a0dd4b5f68b37d879ab Mon Sep 17 00:00:00 2001
From: deaniebean <nadine.eunous@gmail.com>
Date: Fri, 8 Sep 2023 12:19:44 +0200
Subject: [PATCH] Fix

---
 index.css  | 33 +++++++++++++++++++++++----------
 index.html | 19 +++++++++++--------
 index.js   |  9 ++++-----
 3 files changed, 38 insertions(+), 23 deletions(-)

diff --git a/index.css b/index.css
index ac18238..ef548d2 100644
--- a/index.css
+++ b/index.css
@@ -87,16 +87,11 @@ body {
 }
 
 
-
-
-
-
-
 .fsfw-desc {
-  margin-top: 40px;
+  margin-top: 60px;
 }
 
-#fsfw-content {
+#fsfw-content, #sat-rs-content {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -106,19 +101,21 @@ body {
   transform: translateY(90px);
 }
 
-#fsfw-links {
+#fsfw-links, #sat-rs-links {
   display: flex;
   align-items: center;
 }
 
 .develop a,
-.master a {
+.master a,
+.links a {
   text-decoration: none;
   color: #000;
 }
 
 .develop li,
-.master li {
+.master li,
+.links li {
   list-style: none;
   border: 2px solid #000;
   margin: 20px;
@@ -151,3 +148,19 @@ body {
   padding-left: 170px;
   transform: translateY(90px);
 }
+
+
+#sat-rs-content.hidden {
+  display: none;
+}
+#sat-rs-content.visible {
+  display: none;
+}
+#fsfw-content.visable {
+  display:flex;
+}
+
+#fsfw-content.hidden {
+  display:none 
+ 
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 6ca545b..87fe9e8 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
       </ul>
     </div>
     <div class="content">
-      <div id="fsfw-content">
+      <div id="fsfw-content" class="visible">
         <img 
         src="FSFW_Logo.png" width="150" height="60" />
         <p class="fsfw-desc">FSFW blab la bl abla bla bl fff ff ff ff ffffff ffff ff ff fffff ffffs args dfd fg hdfh gdf tjgf kgi kkkkk kkkk kk kkfd sfd sfdsf dsfssr tzj hl zigfd fdsf fff ffff fff ff ff ff ff f ff fff f ff f ff ff ffff ff f </p>
@@ -42,19 +42,22 @@
             </ul>
           </div>
         </div>
+      </div>
+
+
         
-        <div id="sat-rs-content">
+        <div id="sat-rs-content" class="hidden">
           <h1>sat-rs</h1>
           <p>sat rs blablablablablabl</p>
+          <div id="sat-rs-links">
+            <div class="links">
           <ul>
-            <li><a href="link">Link</a></li>
-            <li><a href="link">Link</a></li>
-            <li><a href="link">Link</a></li>
+            <li><a href="link">Repository</a></li>
+           
           </ul>
         </div>
-        
-    </div>
-  
+          </div>
+        </div>
     </div>
   </body>
 </html>
diff --git a/index.js b/index.js
index cd2ff9f..38cc5aa 100644
--- a/index.js
+++ b/index.js
@@ -4,12 +4,11 @@ const sat_content = document.getElementById("sat-rs-content");
 const fsfw_content = document.getElementById("fsfw-content");
 
 fsfw_click.addEventListener("click", () => {
-  fsfw_content.style.display = "block"; // Show the fsfw content
-  sat_content.style.display = "none"; // Hide the sat content
+  fsfw_content.style.display = "flex";
+  sat_content.style.display = "none";
 });
 
 sat_click.addEventListener("click", () => {
-  fsfw_content.style.display = "none"; // Hide the fsfw content
-  sat_content.style.display = "block"; // Show the sat content
-
+  fsfw_content.style.display = "none";
+  sat_content.style.display = "flex";
 });