update
This commit is contained in:
Nadine Eunuos
parent
022a100e44
commit
198d67762d
BIN
FSFW_Logo_V3_bw.png
Normal file
BIN
FSFW_Logo_V3_bw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
IRS_Uni_invers.jpg
Normal file
BIN
IRS_Uni_invers.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
166
index.css
166
index.css
@ -1,11 +1,15 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300&family=Rubik:wght@300&display=swap");
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Rubik", sans-serif;
|
||||
}
|
||||
|
||||
.top-nav {
|
||||
padding: 10px 20px;
|
||||
background-color: #2c2c2c;
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
@ -14,48 +18,31 @@ body {
|
||||
align-items: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-right:20px;
|
||||
}
|
||||
.navbar p {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.contact {
|
||||
text-decoration: none;
|
||||
color: #f5f5f5;
|
||||
transition: color 0.3s ease-in-out;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.top-nav a:hover {
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
.side-bar {
|
||||
width: 200px;
|
||||
width: 280px;
|
||||
height: 100%;
|
||||
background-color: #f1f1f1;
|
||||
padding: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.side-bar ul {
|
||||
@ -65,8 +52,14 @@ body {
|
||||
.side-bar li {
|
||||
display: block;
|
||||
color: #000;
|
||||
padding: 8px 10px;
|
||||
padding: 17px 30px;
|
||||
text-decoration: none;
|
||||
text-size:16
|
||||
}
|
||||
|
||||
#fsfw-click {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.side-bar li:hover {
|
||||
@ -86,29 +79,56 @@ body {
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
|
||||
.fsfw-desc {
|
||||
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;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
padding-right: 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;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.develop a,
|
||||
.master a,
|
||||
.links a {
|
||||
.links a,
|
||||
.repo-container a {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
@ -130,9 +150,39 @@ body {
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.develop li:hover,
|
||||
.master li:hover {
|
||||
background-color: #00beff;
|
||||
.links h1 {
|
||||
margin:0;
|
||||
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 {
|
||||
@ -140,7 +190,7 @@ body {
|
||||
}
|
||||
|
||||
#sat-rs-content {
|
||||
display:none;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
@ -149,7 +199,6 @@ body {
|
||||
transform: translateY(90px);
|
||||
}
|
||||
|
||||
|
||||
#sat-rs-content.hidden {
|
||||
display: none;
|
||||
}
|
||||
@ -157,10 +206,43 @@ body {
|
||||
display: none;
|
||||
}
|
||||
#fsfw-content.visable {
|
||||
display:flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#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
77
index.html
@ -1,19 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>The IRS doc website</title>
|
||||
<title>IRS Software Projects</title>
|
||||
<link rel="stylesheet" href="index.css" />
|
||||
<script src="index.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="top-nav">
|
||||
<div class="navbar">
|
||||
<img src="cat.jpg" width="50" height="60" />
|
||||
<ul>
|
||||
<li><a href="#">The IRS documentation website</a></li>
|
||||
<li><a href="#">imprint</a></li>
|
||||
<li><a href="#">protection of privacy</a></li>
|
||||
</ul>
|
||||
<img src="IRS_Uni_invers.jpg" clas="navbar-logo"/>
|
||||
|
||||
<p>IRS Satellite Software Projects</p>
|
||||
<a href="#" class="contact">Contact</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
@ -24,40 +22,75 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<div id = "homepage" class="hidden">
|
||||
<p> </p>
|
||||
</div>
|
||||
<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>
|
||||
src="FSFW_Logo_V3_bw.png"/>
|
||||
<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">
|
||||
</h1>
|
||||
<div class="develop">
|
||||
|
||||
<ul>
|
||||
<li><a href="link" id="fsfw-click">develop</a></li>
|
||||
<li><a href="link">→ coverage</a></li>
|
||||
<li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/development/" target="_blank">develop</a></li>
|
||||
<li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/coverage/development/" target="_blank">→ coverage</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="master">
|
||||
<ul>
|
||||
<li><a href="link">master</a></li>
|
||||
<li><a href="link">→ coverage</a></li>
|
||||
<li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/master/" target="_blank">master</a></li>
|
||||
<li><a href="https://documentation.irs.uni-stuttgart.de/fsfw/" target="_blank">→ coverage</a></li>
|
||||
</ul>
|
||||
|
||||
</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 id="sat-rs-content" class="hidden">
|
||||
<h1>sat-rs</h1>
|
||||
<p>sat rs blablablablablabl</p>
|
||||
<img
|
||||
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 class="links">
|
||||
<ul>
|
||||
<li><a href="link">Repository</a></li>
|
||||
|
||||
</ul>
|
||||
<h1>Repository</h1>
|
||||
<div class="repo-container">
|
||||
<a href="https://egit.irs.uni-stuttgart.de/rust/sat-rs" target="_blank" class="repo">Gitea</a>
|
||||
|
||||
</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>
|
||||
<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>© 2023 Website by Nadine Eunous</li>
|
||||
</ul>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
12
index.js
12
index.js
@ -6,9 +6,21 @@ const fsfw_content = document.getElementById("fsfw-content");
|
||||
fsfw_click.addEventListener("click", () => {
|
||||
fsfw_content.style.display = "flex";
|
||||
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", () => {
|
||||
fsfw_content.style.display = "none";
|
||||
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
BIN
sat-rs_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
8
test.css
8
test.css
@ -1,8 +0,0 @@
|
||||
/* CSS */
|
||||
#sat-rs-content.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fsfw-content.visible {
|
||||
display: block;
|
||||
}
|
||||
45
test.html
45
test.html
@ -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">→ coverage</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="master">
|
||||
<ul>
|
||||
<li><a href="link">master</a></li>
|
||||
<li><a href="link">→ 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
25
test.js
@ -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
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user