Fix
This commit is contained in:
parent
d55070c3ad
commit
022a100e44
33
index.css
33
index.css
@ -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
|
||||||
|
|
||||||
|
}
|
19
index.html
19
index.html
@ -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>
|
||||||
|
9
index.js
9
index.js
@ -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";
|
||||||
|
|
||||||
});
|
});
|
||||||
|
Reference in New Issue
Block a user