larger buttons
This commit is contained in:
parent
8e6ef07aad
commit
823a598d41
45
index.css
45
index.css
@ -90,12 +90,17 @@ body {
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo-fsfw {
|
||||||
margin-top: 60px;
|
width: 60%;
|
||||||
margin-bottom: 60px;
|
object-fit: contain;
|
||||||
width: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo-sat-rs {
|
||||||
|
width: 40%;
|
||||||
|
object-fit: contain;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
.fsfw-desc {
|
.fsfw-desc {
|
||||||
margin-top: 60px;
|
margin-top: 60px;
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
@ -113,22 +118,10 @@ body {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
padding-right: 170px;
|
padding-right: 170px;
|
||||||
padding-left: 170px;
|
padding-left: 170px;
|
||||||
|
padding-top: 20px;
|
||||||
//transform: translateY(50px);
|
//transform: translateY(50px);
|
||||||
}
|
}
|
||||||
|
|
||||||
#fsfw-content img {
|
|
||||||
width: 50%;
|
|
||||||
object-fit: contain;
|
|
||||||
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content img {
|
|
||||||
width: 40%;
|
|
||||||
object-fit: contain;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fsfw-links,
|
#fsfw-links,
|
||||||
#sat-rs-links {
|
#sat-rs-links {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -147,7 +140,6 @@ body {
|
|||||||
color: white;
|
color: white;
|
||||||
background-color: #004191;
|
background-color: #004191;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-container {
|
.img-container {
|
||||||
@ -162,13 +154,13 @@ body {
|
|||||||
.sat-doc li {
|
.sat-doc li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
padding:0;
|
padding: 0;
|
||||||
width: 160px;
|
width: 200px;
|
||||||
height: 60px;
|
height: 70px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
line-height: 60px;
|
line-height: 70px;
|
||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -184,12 +176,12 @@ body {
|
|||||||
margin: 20px;
|
margin: 20px;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
width: 160px;
|
width: 200px;
|
||||||
height: 60px;
|
height: 70px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
line-height: 60px;
|
line-height: 70px;
|
||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -219,7 +211,8 @@ body {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
padding-right: 170px;
|
padding-right: 170px;
|
||||||
padding-left: 170px;
|
padding-left: 170px;
|
||||||
padding-bottom: 120px
|
padding-bottom: 120px;
|
||||||
|
padding-top: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
|
@ -25,7 +25,7 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<div id="sat-rs-content">
|
<div id="sat-rs-content">
|
||||||
<div class="img-container">
|
<div class="img-container">
|
||||||
<img class="logo" src="images/FSFW_Logo_V3_bw.png" />
|
<img class="logo-fsfw" src="images/FSFW_Logo_V3_bw.png" />
|
||||||
</div>
|
</div>
|
||||||
<p class="fsfw-desc">
|
<p class="fsfw-desc">
|
||||||
The Flight Software Framework is a C++ Object Oriented Framework for
|
The Flight Software Framework is a C++ Object Oriented Framework for
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
<body>
|
<body>
|
||||||
<nav class="top-nav">
|
<nav class="top-nav">
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="images/unilogo_schriftzug_white.png" clas="navbar-logo" />
|
<img src="images/unilogo_schriftzug_white.png" class="navbar-logo" />
|
||||||
|
|
||||||
<p>Software Projects</p>
|
<p>Software Projects</p>
|
||||||
<a href="#" class="contact">Contact</a>
|
<a href="#" class="contact">Contact</a>
|
||||||
@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div id="sat-rs-content">
|
<div id="sat-rs-content">
|
||||||
<img class="logo" src="images/sat-rs_logo.png" />
|
<img class="logo-sat-rs" src="images/sat-rs_logo.png" />
|
||||||
<p class="sat-rs-desc">
|
<p class="sat-rs-desc">
|
||||||
sat-rs is a framework with the primary goal to provide re-usable
|
sat-rs is a framework with the primary goal to provide re-usable
|
||||||
components to write on-board software for remote systems like rovers
|
components to write on-board software for remote systems like rovers
|
||||||
|
Reference in New Issue
Block a user