[c] Fixes and style tweaks
- fix links - tweak styling - fix translations
This commit is contained in:
parent
84c091f8bd
commit
2b0c25156a
6 changed files with 26 additions and 14 deletions
|
@ -10,7 +10,7 @@ section {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 2em;
|
margin: 2.8em;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -76,9 +76,14 @@ section {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
/* height: 2.5em; */
|
||||||
/* margin: 1em; */
|
/* margin: 1em; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section.join > .button-container .button {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
.row {
|
.row {
|
||||||
/* margin: 0 16em 0 16em; */
|
/* margin: 0 16em 0 16em; */
|
||||||
margin: 0 auto 0 auto;
|
margin: 0 auto 0 auto;
|
||||||
|
@ -93,6 +98,7 @@ section {
|
||||||
padding: 0.8em;
|
padding: 0.8em;
|
||||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
|
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
|
||||||
transition: all ease-in-out 0.2s;
|
transition: all ease-in-out 0.2s;
|
||||||
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service h2 {
|
.service h2 {
|
||||||
|
|
|
@ -15,15 +15,20 @@ button.nopadding {
|
||||||
|
|
||||||
.signup.form {
|
.signup.form {
|
||||||
/* width: fit-content; */
|
/* width: fit-content; */
|
||||||
|
padding-bottom: 3em;
|
||||||
|
padding-top: 3em;
|
||||||
max-width: 70%;
|
max-width: 70%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.signup.container {
|
.signup.container {
|
||||||
padding: 2em;
|
height: 100vh;
|
||||||
|
padding: 0 2em 0 2em;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.signup.banner {
|
.signup.banner {
|
||||||
|
@ -53,6 +58,7 @@ button.nopadding {
|
||||||
.button-container {
|
.button-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
|
margin-bottom: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
@media screen and (max-width: 800px) {
|
||||||
|
|
|
@ -35,10 +35,10 @@
|
||||||
"content": "Dies ist eine inoffizielle Community-Plattform, betrieben von Lernenden für Lernende der TBZ. Für Anfragen und Unterstützung, bitte kontaktiere uns <a href='/contact'>hier</a>."
|
"content": "Dies ist eine inoffizielle Community-Plattform, betrieben von Lernenden für Lernende der TBZ. Für Anfragen und Unterstützung, bitte kontaktiere uns <a href='/contact'>hier</a>."
|
||||||
},
|
},
|
||||||
"footer": {
|
"footer": {
|
||||||
"source": "Diese Webseite wurde mit dem <a href='https://jenil.github.io/chota/'>chota</a> CSS Framework erstellt. Den Quellcode dieser Seite findest du <a href='https://git.tbz-it.com/community/website'>hier</a>."
|
"source": "Diese Webseite wurde mit dem <a href='https://jenil.github.io/chota/'>chota</a> CSS Framework erstellt. Den Quellcode dieser Seite findest du <a href='https://git.tbz.community/community/website'>hier</a>."
|
||||||
},
|
},
|
||||||
"buttons": {
|
"buttons": {
|
||||||
"visit": "Besuchen",
|
"visit": "Unter Wartung",
|
||||||
"join": "Beitreten",
|
"join": "Beitreten",
|
||||||
"explore": "Projekte erkunden"
|
"explore": "Projekte erkunden"
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"links": {
|
"links": {
|
||||||
"git": "Git",
|
"git": "Git",
|
||||||
"forum": "Forum",
|
"forum": "Forum",
|
||||||
"signup": "Signup"
|
"signup": "Register"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"home": {
|
"home": {
|
||||||
|
@ -35,10 +35,10 @@
|
||||||
"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>."
|
"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>."
|
||||||
},
|
},
|
||||||
"footer": {
|
"footer": {
|
||||||
"source": "This website's been made using the <a href='https://jenil.github.io/chota/'>chota</a> CSS framework. You can find this site's source code <a href='https://git.tbz-it.com/community/website'>here</a>."
|
"source": "This website's been made using the <a href='https://jenil.github.io/chota/'>chota</a> CSS framework. You can find this site's source code <a href='https://git.tbz.community/community/website'>here</a>."
|
||||||
},
|
},
|
||||||
"buttons": {
|
"buttons": {
|
||||||
"visit": "Visit",
|
"visit": "Under Construction",
|
||||||
"join": "Join us",
|
"join": "Join us",
|
||||||
"explore": "Explore Projects"
|
"explore": "Explore Projects"
|
||||||
}
|
}
|
||||||
|
|
12
index.html
12
index.html
|
@ -21,7 +21,7 @@
|
||||||
<a data-i18n="nav.links.forum" id="navButton" class="button outline light">Forum</a>
|
<a data-i18n="nav.links.forum" id="navButton" class="button outline light">Forum</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="language-switcher">
|
<div class="language-switcher">
|
||||||
<a data-i18n="nav.links.signup" class="button primary" href="/signup/">Sign Up</a>
|
<a data-i18n="nav.links.signup" class="button primary" href="/signup/">Register</a>
|
||||||
<select id="languageSelect" onchange="changeLanguage(this.value)">
|
<select id="languageSelect" onchange="changeLanguage(this.value)">
|
||||||
<option value="en">🇬🇧 English</option>
|
<option value="en">🇬🇧 English</option>
|
||||||
<option value="de">🇨🇭 German</option>
|
<option value="de">🇨🇭 German</option>
|
||||||
|
@ -44,21 +44,21 @@
|
||||||
<h3 data-i18n="home.services.forum.title">Forum</h3>
|
<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>
|
<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">
|
<div class="button-container">
|
||||||
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
|
<button disabled class="button primary" data-i18n="home.buttons.visit">Visit</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4 service">
|
<div class="col-4 service">
|
||||||
<h3 data-i18n="home.services.git.title">Git Forge</h3>
|
<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>
|
<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">
|
<div class="button-container">
|
||||||
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
|
<button disabled class="button primary" data-i18n="home.buttons.visit">Visit</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4 service">
|
<div class="col-4 service">
|
||||||
<h3 data-i18n="home.services.sso.title">SSO</h3>
|
<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>
|
<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">
|
<div class="button-container">
|
||||||
<a class="button primary" href="#" data-i18n="home.buttons.visit">Visit</a>
|
<button disabled class="button primary" data-i18n="home.buttons.visit">Visit</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -68,7 +68,7 @@
|
||||||
<p class="subtitle" data-i18n="home.join.subtitle">Ready to dive in? Join us now and start contributing to the TBZ Community Hub.</p>
|
<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">
|
<div class="button-container">
|
||||||
<a class="button primary" href="/signup/" data-i18n="home.buttons.join">Join us</a>
|
<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>
|
<button disabled class="button secondary" data-i18n="home.buttons.explore">Explore Projects</button>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
|
@ -76,7 +76,7 @@
|
||||||
<footer>
|
<footer>
|
||||||
<div class="notice">
|
<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>
|
<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>
|
||||||
<p data-i18n="home.footer.source">This website's been made using the <a href='https://jenil.github.io/chota/'>chota</a> CSS framework. You can find this site's source code <a href='https://git.tbz-it.com/community/website'>here</a>.</p>
|
<p data-i18n="home.footer.source">This website's been made using the <a href='https://jenil.github.io/chota/'>chota</a> CSS framework. You can find this site's source code <a href='https://git.tbz.community/community/website'>here</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
|
|
||||||
<div class="signup content container">
|
<div class="signup content container">
|
||||||
<div class="signup form">
|
<div class="signup form">
|
||||||
<button data-i18n="signup.header.back" class="button clear nopadding" onclick="window.history.back()">← Back</button>
|
<button data-i18n="signup.header.back" class="button clear nopadding" onclick="window.location.href = '/'">← Back</button>
|
||||||
<h2 data-i18n="signup.header.title">TBZ Community Signup Form</h2>
|
<h2 data-i18n="signup.header.title">TBZ Community Signup Form</h2>
|
||||||
|
|
||||||
<div class="notice">
|
<div class="notice">
|
||||||
|
|
Loading…
Reference in a new issue