diff --git a/images/FSFW_Logo.png b/images/FSFW_Logo.png deleted file mode 100644 index 0dd2b80..0000000 Binary files a/images/FSFW_Logo.png and /dev/null differ diff --git a/images/IRS_Uni_invers.jpg b/images/IRS_Uni_invers.jpg deleted file mode 100644 index 5e309ff..0000000 Binary files a/images/IRS_Uni_invers.jpg and /dev/null differ diff --git a/images/unilogo_ institutsschriftzug_en.png b/images/unilogo_ institutsschriftzug_en.png new file mode 100644 index 0000000..c5df88b Binary files /dev/null and b/images/unilogo_ institutsschriftzug_en.png differ diff --git a/images/unilogo_schriftzug_white.png b/images/unilogo_schriftzug_white.png new file mode 100644 index 0000000..652a7bd Binary files /dev/null and b/images/unilogo_schriftzug_white.png differ diff --git a/index.css b/index.css index a453a1d..8506826 100644 --- a/index.css +++ b/index.css @@ -1,15 +1,20 @@ -@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300&family=Rubik:wght@300&display=swap"); +@font-face { +font-family: 'univers'; +src: url('/fonts/UniversforUniS55Rm-Regular.ttf') format('truetype'); +} body { margin: 0; padding: 0; - font-family: "Rubik", sans-serif; + font-family: "univers"; + color:#323232 } .top-nav { - padding: 10px 20px; - background-color: black; + padding: 15px 20px; + background-color: #323232; color: white; + } .navbar { @@ -49,20 +54,33 @@ body { .side-bar li { display: block; - color: #000; - padding: 17px 30px; + color: #323232; text-decoration: none; text-size: 16; } +.side-bar li a { + display: block; + height: 100%; + width: 100%; + box-sizing: border-box; + padding:17px 30px; + text-decoration: none; + color: black + +} -#fsfw-click { + + +#fsfw-click +#sat-click { background-color: #555; color: white; } -.side-bar li:hover { - background-color: #555; +.side-bar li a:hover { + background-color: #606060; color: white; + } .side-bar-container { @@ -74,11 +92,17 @@ body { .container { display: flex; flex-direction: row; - gap: 20px; + +} + +.logo { + margin-top:60px; + margin-bottom: 60px; + width : auto } .fsfw-desc { - margin-top: 60px; + margin-top:60px; text-align: justify; } @@ -87,15 +111,14 @@ body { text-align: justify; } -#fsfw-content, -div#sat-rs-content { +.content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-right: 170px; padding-left: 170px; - transform: translateY(50px); + //transform: translateY(50px); } #fsfw-content img { @@ -105,8 +128,8 @@ div#sat-rs-content { height: auto; } -#sat-rs-content img { - width: 30%; +.content img { + width: 40%; object-fit: contain; height: auto; } @@ -119,21 +142,29 @@ div#sat-rs-content { .develop a, .master a, -.links a, +.sat-doc a, .repo-container a { display: block; text-align: center; width: 100%; height: 100%; text-decoration: none; - color: #000; + color: white; + background-color: #004191 +} + +.img-container { + + width: 100%; + display: flex; + justify-content: center; + align-items: center; } .develop li, .master li, -.links li { +.sat-doc li { list-style: none; - border: 2px solid #000; margin: 20px; padding-left: 0; padding-right: 0; @@ -153,8 +184,8 @@ div#sat-rs-content { justify-content: center; } -.repo-container { - border: 2px solid #000; +.repo-container p { + //border: 2px solid #000; margin: 20px; padding-left: 0; padding-right: 0; @@ -168,15 +199,17 @@ div#sat-rs-content { } .develop ul, -.links ul { +.links ul, +.sat-doc ul, +.repo-container p { padding-left: 0; } .develop li a:hover, .master li a:hover, .links li a:hover, -.repo-container a:hover { - background-color: black; +.repo-container p a:hover { + background-color: #323232; color: white; } @@ -185,31 +218,16 @@ div#sat-rs-content { } #sat-rs-content { - display: none; + display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-right: 170px; padding-left: 170px; - 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; } .footer { - background-color: black; + background-color: #323232; color: white; text-align: center; width: 100%; @@ -218,6 +236,7 @@ div#sat-rs-content { bottom: 0; display: flex; justify-content: center; + } .footer li { diff --git a/index.html b/index.html index b6c72a7..7ec71f2 100644 --- a/index.html +++ b/index.html @@ -1,164 +1,78 @@ - + -
-