Style changes and cleanup

This commit is contained in:
Stelian Tsekov 2024-03-06 16:04:17 +01:00
parent 70eb1056a1
commit 63fa3f899f
3 changed files with 47 additions and 49 deletions

View file

@ -6,14 +6,8 @@ body {
margin: 0;
padding: 0em;
height: 100%;
/* overflow: auto; */
/* width: 100vh; */
}
/* button.button {
padding: 0.5em 1em 0.5em 1em;
} */
nav {
display: flex;
gap: 1em;
@ -21,6 +15,7 @@ nav {
padding: 0.5em;
width: 100%;
transition: all 0.2s ease;
overflow: auto;
z-index: 99;
}
@ -28,10 +23,6 @@ nav .button#navButton {
margin: 0;
}
/* nav .button.primary {
margin-left: auto;
} */
nav > .language-switcher {
display: flex;
justify-content: flex-end;
@ -45,8 +36,8 @@ nav > .language-switcher > select {
}
nav.scrolled {
background: var(--bg-color); /* Change as needed */
box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Example shadow, adjust as needed */
background: var(--bg-color);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
nav a.nav-logo {
@ -72,11 +63,17 @@ nav .nav-container {
color: white;
}
.content-container {
padding: 1em;
width: 100%;
display: flex;
justify-content: center;
}
.content {
display: flex;
flex-direction: column;
/* height: 100vh; */
padding: 1em;
max-width: 70%;
}
div.notice {
@ -87,7 +84,6 @@ div.notice {
flex-direction: column;
align-items: center;
text-align: center;
/* background-color: gray; */
}
div.notice p {

View file

@ -3,7 +3,7 @@
"links": {
"git": "Git",
"forum": "Forum",
"signup": "Sign Up"
"signup": "Signup"
}
},
"home": {

View file

@ -33,6 +33,7 @@
<p data-i18n="home.header.description">A student-driven hub for the students of the Technische Berufsschule Zürich to collaborate and innovate.</p>
</div>
</div>
<div class="content-container">
<div class="content home">
<section class="services">
<h2 data-i18n="home.services.title">Services</h2>
@ -70,6 +71,7 @@
</div>
</section>
</div>
</div>
<footer>
<div class="notice">
<p data-i18n="home.notice.content">This is an unofficial community platform run by students, for students of the TBZ. For inquiries and support, please contact us <a href='/contact'>here</a>.</p>