irs/sat-sw-website-legacy
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Nadine Eunuos 2023-09-11 21:28:07 +02:00
parent 022a100e44
commit 198d67762d
10 changed files with 191 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
FSFW_Logo_V3_bw.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
IRS_Uni_invers.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
cat.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 366 KiB

166
index.css
View File

@ -1,11 +1,15 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300&family=Rubik:wght@300&display=swap");
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: "Rubik", sans-serif;
} }
.top-nav { .top-nav {
padding: 10px 20px; padding: 10px 20px;
background-color: #2c2c2c; background-color: black;
color: white;
} }
.navbar { .navbar {
@ -14,48 +18,31 @@ body {
align-items: center; align-items: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-right:20px;
}
.navbar p {
font-weight: bold;
font-size: 20px;
} }
.navbar img { .navbar img {
width: 50px;
height: 60px; height: 60px;
display: inline-block; display: inline-block;
} }
.contact {
.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; text-decoration: none;
color: #f5f5f5; color: white;
transition: color 0.3s ease-in-out;
} }
.top-nav a:hover {
color: #ff6600;
}
.side-bar { .side-bar {
width: 200px; width: 280px;
height: 100%; height: 100%;
background-color: #f1f1f1; background-color: #f1f1f1;
padding: 0; padding: 0;
margin-top: 0; margin-top: 0;
margin-bottom: 0;
} }
.side-bar ul { .side-bar ul {
@ -65,8 +52,14 @@ body {
.side-bar li { .side-bar li {
display: block; display: block;
color: #000; color: #000;
padding: 8px 10px; padding: 17px 30px;
text-decoration: none; text-decoration: none;
text-size:16
}
#fsfw-click {
background-color: #555;
color: white;
} }
.side-bar li:hover { .side-bar li:hover {
@ -86,29 +79,56 @@ body {
gap: 20px; gap: 20px;
} }
.fsfw-desc { .fsfw-desc {
margin-top: 60px; margin-top: 60px;
text-align: justify;
} }
#fsfw-content, #sat-rs-content { .sat-rs-desc {
margin-top: 40px;
text-align: justify;
}
#fsfw-content,
div#sat-rs-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding-right: 170px; padding-right: 170px;
padding-left: 170px; padding-left: 170px;
transform: translateY(90px); transform: translateY(50px);
} }
#fsfw-links, #sat-rs-links { #fsfw-content img
{
width:50%;
object-fit:contain;
height:auto;
}
#sat-rs-content img
{
width:30%;
object-fit:contain;
height:auto;
}
#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 { .links a,
.repo-container a {
display: block;
text-align: center;
width: 100%;
height: 100%;
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
@ -130,9 +150,39 @@ body {
transition: color 0.3s; transition: color 0.3s;
} }
.develop li:hover, .links h1 {
.master li:hover { margin:0;
background-color: #00beff; margin-top:20px;
display:flex;
justify-content: center;
}
.repo-container {
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 ul,
.links ul {
padding-left: 0;
}
.develop li a:hover,
.master li a:hover,
.links li a:hover,
.repo-container a:hover {
background-color: black;
color: white;
} }
.develop li { .develop li {
@ -140,7 +190,7 @@ body {
} }
#sat-rs-content { #sat-rs-content {
display:none; display: none;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
@ -149,7 +199,6 @@ body {
transform: translateY(90px); transform: translateY(90px);
} }
#sat-rs-content.hidden { #sat-rs-content.hidden {
display: none; display: none;
} }
@ -157,10 +206,43 @@ body {
display: none; display: none;
} }
#fsfw-content.visable { #fsfw-content.visable {
display:flex; display: flex;
} }
#fsfw-content.hidden { #fsfw-content.hidden {
display:none display: none;
}
.footer {
background-color: black;
color: white;
text-align: center;
width: 100%;
display: flex;
left: 0;
bottom: 0;
display: flex;
justify-content:center
}
.footer li {
font-size: 14px;
margin: 0;
display: flex;
flex-direction
text-align: center;
}
}
.footer ul li:not(:last-child) {
margin-right: 150px;
}
.footer a {
text-decoration: none;
color: #f5f5f5;
transition: color 0.3s ease-in-out;
}

77
index.html
View File

@ -1,19 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>The IRS doc website</title> <title>IRS Software Projects</title>
<link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="index.css" />
<script src="index.js" defer></script> <script src="index.js" defer></script>
</head> </head>
<body> <body>
<nav class="top-nav"> <nav class="top-nav">
<div class="navbar"> <div class="navbar">
<img src="cat.jpg" width="50" height="60" /> <img src="IRS_Uni_invers.jpg" clas="navbar-logo"/>
<ul>
<li><a href="#">The IRS documentation website</a></li> <p>IRS Satellite Software Projects</p>
<li><a href="#">imprint</a></li> <a href="#" class="contact">Contact</a>
<li><a href="#">protection of privacy</a></li>
</ul>
</div> </div>
</nav> </nav>
<div class="container"> <div class="container">
@ -24,40 +22,75 @@
</ul> </ul>
</div> </div>
<div class="content"> <div class="content">
<div id = "homepage" class="hidden">
<p> </p>
</div>
<div id="fsfw-content" class="visible"> <div id="fsfw-content" class="visible">
<img <img
src="FSFW_Logo.png" width="150" height="60" /> src="FSFW_Logo_V3_bw.png"/>
<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">
The Flight Software Framework is a C++ Object Oriented Framework for unmanned, automated systems like Satellites.<br>
The initial version of the Flight Software Framework was developed during the Flying Laptop Project by the University of Stuttgart in cooperation with Airbus Defence and Space GmbH.
</p>
<h1>Documentation and Coverage</h1>
<div id="fsfw-links"> <div id="fsfw-links">
</h1>
<div class="develop"> <div class="develop">
<ul> <ul>
<li><a href="link" id="fsfw-click">develop</a></li> <li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/development/" target="_blank">develop</a></li>
<li><a href="link">&#8594; coverage</a></li> <li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/coverage/development/" target="_blank">&#8594; coverage</a></li>
</ul> </ul>
</div> </div>
<div class="master"> <div class="master">
<ul> <ul>
<li><a href="link">master</a></li> <li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/master/" target="_blank">master</a></li>
<li><a href="link">&#8594; coverage</a></li> <li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/" target="_blank">&#8594; coverage</a></li>
</ul> </ul>
</div> </div>
</div>
<h1>Repository</h1>
<div class="repo-container">
<a href="https://egit.irs.uni-stuttgart.de/fsfw/fsfw" target="_blank" class="repo">Repository</a>
</div> </div>
</div> </div>
<div id="sat-rs-content" class="hidden"> <div id="sat-rs-content" class="hidden">
<h1>sat-rs</h1> <img
<p>sat rs blablablablablabl</p> src="sat-rs_logo.png"/>
<p class="sat-rs-desc">sat-rs is a framework with the primary goal to provide re-usable components
to write on-board software for remote systems like rovers or satellites. It is specifically written for the special requirements for these systems.
A lot of the architecture and general design considerations are based on the
<a href="index.html">FSFW</a>
C++ framework which has flight heritage through the 2 missions <a href="https://www.irs.uni-stuttgart.de/en/research/satellitetechnology-and-instruments/smallsatelliteprogram/flying-laptop/" target="_blank">FLP</a>
and <a href="https://www.irs.uni-stuttgart.de/en/research/satellitetechnology-and-instruments/smallsatelliteprogram/EIVE/" target="_blank">EIVE</a>.</p>
<div id="sat-rs-links"> <div id="sat-rs-links">
<div class="links"> <div class="links">
<ul> <h1>Repository</h1>
<li><a href="link">Repository</a></li> <div class="repo-container">
<a href="https://egit.irs.uni-stuttgart.de/rust/sat-rs" target="_blank" class="repo">Gitea</a>
</ul>
</div>
<div class="repo-container">
<a href="https://github.com/us-irs/sat-rs" target="_blank" class="repo2">Github (Mirror)</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<footer class="footer">
<ul>
<li><a href="https://www.uni-stuttgart.de/impressum" target="_blank">imprint</a></li>
<li><a href="https://info.irs.uni-stuttgart.de/datenschutz/datenschutzWebmit.html" target="_blank">protection of privacy</a></li>
<li>&copy; 2023 Website by Nadine Eunous</li>
</ul>
</footer>
</body> </body>
</html> </html>

12
index.js
View File

@ -6,9 +6,21 @@ const fsfw_content = document.getElementById("fsfw-content");
fsfw_click.addEventListener("click", () => { fsfw_click.addEventListener("click", () => {
fsfw_content.style.display = "flex"; fsfw_content.style.display = "flex";
sat_content.style.display = "none"; sat_content.style.display = "none";
fsfw_click.style.backgroundColor = "#555"
fsfw_click.style.color = "white"
sat_click.style.backgroundColor = "#f1f1f1"
sat_click.style.color = "#000"
}); });
sat_click.addEventListener("click", () => { sat_click.addEventListener("click", () => {
fsfw_content.style.display = "none"; fsfw_content.style.display = "none";
sat_content.style.display = "flex"; sat_content.style.display = "flex";
fsfw_click.style.backgroundColor = "#f1f1f1"
fsfw_click.style.color = "#000"
sat_click.style.backgroundColor = "#555"
sat_click.style.color = "white"
}); });

BIN
sat-rs_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

8
test.css
View File

@ -1,8 +0,0 @@
/* CSS */
#sat-rs-content.hidden {
display: none;
}
#fsfw-content.visible {
display: block;
}

45
test.html
View File

@ -1,45 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>The IRS doc website</title>
<link rel="stylesheet" href="test.css" />
<script src="test.js" defer></script>
</head>
<body>
<div class="side-bar-container">
<ul class="side-bar">
<li id="fsfw-click">FSFW</li>
<li id="sat-click">sat-rs</li>
</ul>
</div>
<div class="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>
<div id="fsfw-links">
<div class="develop">
<ul>
<li><a href="link">develop</a></li>
<li><a href="link">&#8594; coverage</a></li>
</ul>
</div>
<div class="master">
<ul>
<li><a href="link">master</a></li>
<li><a href="link">&#8594; coverage</a></li>
</ul>
</div>
</div>
<div id="sat-rs-content" class="hidden">
<h1>sat-rs</h1>
<p>sat rs blablablablablabl</p>
<ul>
<li><a href="link">Link</a></li>
<li><a href="link">Link</a></li>
<li><a href="link">Link</a></li>
</ul>
</div>
</body>
</html>

25
test.js
View File

@ -1,25 +0,0 @@
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
});