larger buttons

This commit is contained in:
Nadine Eunuos 2023-09-21 23:37:29 +02:00
parent 8e6ef07aad
commit 823a598d41
3 changed files with 22 additions and 29 deletions

View File

@ -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 {

View File

@ -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

View File

@ -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