This commit is contained in:
deaniebean 2023-09-08 12:19:44 +02:00
parent d55070c3ad
commit 022a100e44
3 changed files with 38 additions and 23 deletions

View File

@ -87,16 +87,11 @@ body {
} }
.fsfw-desc { .fsfw-desc {
margin-top: 40px; margin-top: 60px;
} }
#fsfw-content { #fsfw-content, #sat-rs-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
@ -106,19 +101,21 @@ body {
transform: translateY(90px); transform: translateY(90px);
} }
#fsfw-links { #fsfw-links, #sat-rs-links {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.develop a, .develop a,
.master a { .master a,
.links a {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
.develop li, .develop li,
.master li { .master li,
.links li {
list-style: none; list-style: none;
border: 2px solid #000; border: 2px solid #000;
margin: 20px; margin: 20px;
@ -151,3 +148,19 @@ body {
padding-left: 170px; padding-left: 170px;
transform: translateY(90px); 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
}

View File

@ -24,7 +24,7 @@
</ul> </ul>
</div> </div>
<div class="content"> <div class="content">
<div id="fsfw-content"> <div id="fsfw-content" class="visible">
<img <img
src="FSFW_Logo.png" width="150" height="60" /> 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> <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> </ul>
</div> </div>
</div> </div>
</div>
<div id="sat-rs-content">
<div id="sat-rs-content" class="hidden">
<h1>sat-rs</h1> <h1>sat-rs</h1>
<p>sat rs blablablablablabl</p> <p>sat rs blablablablablabl</p>
<div id="sat-rs-links">
<div class="links">
<ul> <ul>
<li><a href="link">Link</a></li> <li><a href="link">Repository</a></li>
<li><a href="link">Link</a></li>
<li><a href="link">Link</a></li>
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div> </div>
</body> </body>
</html> </html>

View File

@ -4,12 +4,11 @@ const sat_content = document.getElementById("sat-rs-content");
const fsfw_content = document.getElementById("fsfw-content"); const fsfw_content = document.getElementById("fsfw-content");
fsfw_click.addEventListener("click", () => { fsfw_click.addEventListener("click", () => {
fsfw_content.style.display = "block"; // Show the fsfw content fsfw_content.style.display = "flex";
sat_content.style.display = "none"; // Hide the sat content sat_content.style.display = "none";
}); });
sat_click.addEventListener("click", () => { sat_click.addEventListener("click", () => {
fsfw_content.style.display = "none"; // Hide the fsfw content fsfw_content.style.display = "none";
sat_content.style.display = "block"; // Show the sat content sat_content.style.display = "flex";
}); });