tbz/website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style changes and cleanup

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

26
assets/css/main.css
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 {

2
assets/i18n/en.json
View file

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

68
index.html
View file

@ -33,42 +33,44 @@
<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 home">
<section class="services">
<h2 data-i18n="home.services.title">Services</h2>
<p class="subtitle" data-i18n="home.services.subtitle">Services hosted by students, for students, at the TBZ.</p>
<div class="row">
<div class="col-4 service">
<h3 data-i18n="home.services.forum.title">Forum</h3>
<p data-i18n="home.services.forum.description">Join in on the conversation! Our forum is your go-to destination for all things TBZ. Here, we can exchange problems and issues we're facing, and help each other out!</p>
<div class="button-container">
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
<div class="content-container">
<div class="content home">
<section class="services">
<h2 data-i18n="home.services.title">Services</h2>
<p class="subtitle" data-i18n="home.services.subtitle">Services hosted by students, for students, at the TBZ.</p>
<div class="row">
<div class="col-4 service">
<h3 data-i18n="home.services.forum.title">Forum</h3>
<p data-i18n="home.services.forum.description">Join in on the conversation! Our forum is your go-to destination for all things TBZ. Here, we can exchange problems and issues we're facing, and help each other out!</p>
<div class="button-container">
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
</div>
</div>
<div class="col-4 service">
<h3 data-i18n="home.services.git.title">Git Forge</h3>
<p data-i18n="home.services.git.description">Collaborate on projects with our Git repository and ditch Gitlab and Github. Powered by Forgejo, you get a massive featureset and maximum reliability.</p>
<div class="button-container">
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
</div>
</div>
<div class="col-4 service">
<h3 data-i18n="home.services.sso.title">SSO</h3>
<p data-i18n="home.services.sso.description">One Account for all things TBZ Community! Log in with a singular account, and forget to re-set passwords individually (because you don't have to, anymore).</p>
<div class="button-container">
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
</div>
</div>
</div>
<div class="col-4 service">
<h3 data-i18n="home.services.git.title">Git Forge</h3>
<p data-i18n="home.services.git.description">Collaborate on projects with our Git repository and ditch Gitlab and Github. Powered by Forgejo, you get a massive featureset and maximum reliability.</p>
<div class="button-container">
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
</div>
</section>
<section class="join">
<h2 data-i18n="home.join.title">What're you waiting for?</h2>
<p class="subtitle" data-i18n="home.join.subtitle">Ready to dive in? Join us now and start contributing to the TBZ Community Hub.</p>
<div class="button-container">
<a class="button primary" href="/signup/" data-i18n="home.buttons.join">Join us</a>
<a class="button secondary" href="#" data-i18n="home.buttons.explore">Explore Projects</a>
</div>
<div class="col-4 service">
<h3 data-i18n="home.services.sso.title">SSO</h3>
<p data-i18n="home.services.sso.description">One Account for all things TBZ Community! Log in with a singular account, and forget to re-set passwords individually (because you don't have to, anymore).</p>
<div class="button-container">
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
</div>
</div>
</div>
</section>
<section class="join">
<h2 data-i18n="home.join.title">What're you waiting for?</h2>
<p class="subtitle" data-i18n="home.join.subtitle">Ready to dive in? Join us now and start contributing to the TBZ Community Hub.</p>
<div class="button-container">
<a class="button primary" href="/signup/" data-i18n="home.buttons.join">Join us</a>
<a class="button secondary" href="#" data-i18n="home.buttons.explore">Explore Projects</a>
</div>
</section>
</section>
</div>
</div>
<footer>
<div class="notice">