website/index.html
2024-03-06 15:19:33 +01:00

83 lines
4.5 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.svg" 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 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 the conversation! Our forum is your go-to destination for all things TBZ.</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. Powered by Forgejo.</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>
<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>