85 lines
4.8 KiB
HTML
85 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title data-i18n="title">TBZ Community</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/chota@latest">
|
|
<link rel="stylesheet" href="/assets/css/main.css" />
|
|
<link rel="stylesheet" href="/assets/css/home.css" />
|
|
<link rel="icon" href="/assets/img/favicon.svg" />
|
|
</head>
|
|
|
|
<body>
|
|
<nav id="navbar">
|
|
<div class="nav-container">
|
|
<a href="/" class="nav-logo">
|
|
<img src="/assets/img/nav-logo.png" alt="TBZ Community Logo">
|
|
</a>
|
|
<a data-i18n="nav.links.git" id="navButton" class="button outline light">Git</a>
|
|
<a data-i18n="nav.links.forum" id="navButton" class="button outline light">Forum</a>
|
|
</div>
|
|
<div class="language-switcher">
|
|
<a data-i18n="nav.links.signup" class="button primary" href="/signup/">Sign Up</a>
|
|
<select id="languageSelect" onchange="changeLanguage(this.value)">
|
|
<option value="en">🇬🇧 English</option>
|
|
<option value="de">🇨🇭 German</option>
|
|
</select>
|
|
</div>
|
|
</nav>
|
|
<div class="header">
|
|
<div class="header-container">
|
|
<h1 data-i18n="home.header.welcome">Welcome to the TBZ Community!</h1>
|
|
<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>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
<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>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
<script src="/assets/js/dark-mode.js"></script>
|
|
<script src="/assets/js/nav-scroll.js"></script>
|
|
<script src="/assets/js/i18n.js"></script>
|
|
</html>
|