commit b35f937a56631decdd57101bb2c58321b298b633 Author: Nadine Eunuos Date: Wed Sep 6 19:02:58 2023 +0200 first commit diff --git a/IRS-website/FSFW_Logo.png b/IRS-website/FSFW_Logo.png new file mode 100644 index 0000000..0dd2b80 Binary files /dev/null and b/IRS-website/FSFW_Logo.png differ diff --git a/IRS-website/cat.jpg b/IRS-website/cat.jpg new file mode 100644 index 0000000..9b7106b Binary files /dev/null and b/IRS-website/cat.jpg differ diff --git a/IRS-website/index.css b/IRS-website/index.css new file mode 100644 index 0000000..ac18238 --- /dev/null +++ b/IRS-website/index.css @@ -0,0 +1,153 @@ +body { + margin: 0; + padding: 0; +} + +.top-nav { + padding: 10px 20px; + background-color: #2c2c2c; +} + +.navbar { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + padding: 0; +} + +.navbar img { + width: 50px; + height: 60px; + display: inline-block; +} + +.top-nav ul { + list-style: none; + display: flex; + margin: 0; + padding: 0; +} + +.top-nav li { + font-size: 14px; + margin: 0; + display: flex; + align-items: center; +} + +.top-nav ul li:not(:last-child) { + margin-right: 40px; +} + +.top-nav a { + text-decoration: none; + color: #f5f5f5; + transition: color 0.3s ease-in-out; +} + +.top-nav a:hover { + color: #ff6600; +} + +.side-bar { + width: 200px; + height: 100%; + background-color: #f1f1f1; + padding: 0; + margin-top: 0; +} + +.side-bar ul { + list-style-type: none; +} + +.side-bar li { + display: block; + color: #000; + padding: 8px 10px; + text-decoration: none; +} + +.side-bar li:hover { + background-color: #555; + color: white; +} + +.side-bar-container { + display: flex; + flex-direction: column; + height: 100vh; +} + +.container { + display: flex; + flex-direction: row; + gap: 20px; +} + + + + + + + +.fsfw-desc { + margin-top: 40px; +} + +#fsfw-content { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + padding-right: 170px; + padding-left: 170px; + transform: translateY(90px); +} + +#fsfw-links { + display: flex; + align-items: center; +} + +.develop a, +.master a { + text-decoration: none; + color: #000; +} + +.develop li, +.master li { + list-style: none; + border: 2px solid #000; + margin: 20px; + padding-left: 0; + padding-right: 0; + width: 160px; + height: 60px; + display: flex; + align-items: center; + justify-content: center; + line-height: 60px; + transition: color 0.3s; +} + +.develop li:hover, +.master li:hover { + background-color: #00beff; +} + +.develop li { + margin-right: 60px; +} + +#sat-rs-content { + display:none; + flex-direction: column; + justify-content: flex-start; + align-items: center; + padding-right: 170px; + padding-left: 170px; + transform: translateY(90px); +} diff --git a/IRS-website/index.html b/IRS-website/index.html new file mode 100644 index 0000000..6ca545b --- /dev/null +++ b/IRS-website/index.html @@ -0,0 +1,60 @@ + + + + The IRS doc website + + + + + +
+
+
    +
  • FSFW
    • +
  • sat-rs
    • +
+
+
+
+ +

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

+ + +
+

sat-rs

+

sat rs blablablablablabl

+ +
+ +
+ +
+ + diff --git a/IRS-website/index.js b/IRS-website/index.js new file mode 100644 index 0000000..cd2ff9f --- /dev/null +++ b/IRS-website/index.js @@ -0,0 +1,15 @@ +const fsfw_click = document.getElementById("fsfw-click"); +const sat_click = document.getElementById("sat-click"); +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 +}); + +sat_click.addEventListener("click", () => { + fsfw_content.style.display = "none"; // Hide the fsfw content + sat_content.style.display = "block"; // Show the sat content + +}); diff --git a/IRS-website/test.css b/IRS-website/test.css new file mode 100644 index 0000000..3776ae0 --- /dev/null +++ b/IRS-website/test.css @@ -0,0 +1,8 @@ +/* CSS */ +#sat-rs-content.hidden { + display: none; +} + +#fsfw-content.visible { + display: block; +} diff --git a/IRS-website/test.html b/IRS-website/test.html new file mode 100644 index 0000000..ea606aa --- /dev/null +++ b/IRS-website/test.html @@ -0,0 +1,45 @@ + + + + The IRS doc website + + + + +
+
    +
  • FSFW
    • +
  • sat-rs
    • +
+
+
+
+ +

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

+ + + + + \ No newline at end of file diff --git a/IRS-website/test.js b/IRS-website/test.js new file mode 100644 index 0000000..c30c38d --- /dev/null +++ b/IRS-website/test.js @@ -0,0 +1,25 @@ + + const fsfw_click = document.getElementById("fsfw-click"); + const sat_click = document.getElementById("sat-click"); + const sat_content = document.getElementById("sat-rs-content"); + const fsfw_content = document.getElementById("fsfw-content"); + + fsfw_click.addEventListener("click", () => { + console.log("Clicked on FSFW"); + fsfw_content.classList.remove("hidden"); + fsfw_content.classList.add("visible"); + + sat_content.classList.remove("visible"); + sat_content.classList.add("hidden"); + }); + + sat_click.addEventListener("click", () => { + console.log("Clicked on sat-rs"); // Check if the click event is triggered + fsfw_content.classList.remove("visible"); + fsfw_content.classList.add("hidden"); + + sat_content.classList.remove("hidden"); + sat_content.classList.add("visible"); + console.log("fsfw_content.classList:", fsfw_content.classList); // Check the class changes + }); + \ No newline at end of file