143 lines
5.7 KiB
HTML
143 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ .Lang }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ .Title }}</title>
|
|
<meta name="description" content="{{ .Params.description }}">
|
|
<link rel="stylesheet" href="/style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="container">
|
|
<div class="hamburger" onclick="toggleHamburger()">
|
|
<span></span><span></span><span></span>
|
|
</div>
|
|
<a href="#" class="logo">🏗 Ground Zero Lab</a>
|
|
|
|
<div class="nav-right">
|
|
<ul class="nav-links" id="navLinks">
|
|
<li><a href="#about">{{ .Params.menu_about }}</a></li>
|
|
<li><a href="#projects">{{ .Params.menu_projects }}</a></li>
|
|
<li><a href="#tech">{{ .Params.menu_tech }}</a></li>
|
|
<li><a href="#demo">{{ .Params.menu_demo }}</a></li>
|
|
<li><a href="#community">{{ .Params.menu_community }}</a></li>
|
|
</ul>
|
|
<div class="theme-header-btn">
|
|
<button class="lang-btn" id="langBtn">
|
|
{{ if eq .Lang "de" }}🇩🇪{{ end }}
|
|
{{ if eq .Lang "en" }}🇬🇧{{ end }}
|
|
{{ if eq .Lang "fr" }}🇫🇷{{ end }}
|
|
{{ if eq .Lang "es" }}🇪🇸{{ end }}
|
|
{{ if eq .Lang "ru" }}🇷🇺{{ end }}
|
|
</button>
|
|
<div class="lang-dropdown" id="langDropdown">
|
|
{{ range .Site.Languages }}
|
|
<a href="#" class="theme-option" data-lang="{{ .Lang }}">
|
|
{{ if eq .Lang "de" }}🇩🇪 Deutsch{{ end }}
|
|
{{ if eq .Lang "en" }}🇬🇧 English{{ end }}
|
|
{{ if eq .Lang "fr" }}🇫🇷 Français{{ end }}
|
|
{{ if eq .Lang "es" }}🇪🇸 Español{{ end }}
|
|
{{ if eq .Lang "ru" }}🇷🇺 Русский{{ end }}
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="theme-header-btn">
|
|
<button class="theme-btn" id="themeBtn" title="Design wählen">
|
|
<span class="theme-icon-active">🌓</span>
|
|
</button>
|
|
<div class="theme-dropdown" id="themeDropdown">
|
|
<button class="theme-option" data-theme="setlight">☀️ Hell</button>
|
|
<button class="theme-option" data-theme="setdark">🌙 Dunkel</button>
|
|
<button class="theme-option" data-theme="setauto">🌓 Auto</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<div class="hero-content">
|
|
<p>{{ .Params.hero_subtitle }}</p>
|
|
<h1>{{ .Params.hero_title }}</h1>
|
|
<p>{{ .Params.hero_text | safeHTML }}</p>
|
|
<a href="#demo" class="cta-button">{{ .Params.cta_button }}</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about" class="container">
|
|
<h2>{{ .Params.about_title }}</h2>
|
|
<div class="text">{{ .Params.about_text }}</div>
|
|
</section>
|
|
|
|
<section id="projects" class="section-dark">
|
|
<div class="container">
|
|
<h2>{{ .Params.projects_title }}</h2>
|
|
<div class="projects">
|
|
{{ range .Params.projects_list }}
|
|
<div class="project-card">
|
|
<h3>{{ .title }}</h3>
|
|
<p>{{ .description }}</p>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="tech" class="container">
|
|
<h2>{{ .Params.tech_title }}</h2>
|
|
<div class="tech-features">
|
|
{{ range .Params.tech_list }}
|
|
<div class="tech-card">
|
|
<h3>{{ .title }}</h3>
|
|
<p>{{ .description }}</p>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</section>
|
|
|
|
<section id="demo" class="section-dark">
|
|
<div class="container">
|
|
<h2>{{ .Params.demo_title }}</h2>
|
|
<div class="demo-section">
|
|
<p class="text">{{ .Params.demo_text }}</p>
|
|
<div class="demo-buttons">
|
|
<a href="#" class="demo-button">🚧 {{ .Params.demo_btn1 }}</a>
|
|
<a href="#" class="demo-button">🚧 {{ .Params.demo_btn2 }}</a>
|
|
<a href="#" class="demo-button">🚧 {{ .Params.demo_btn3 }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="community" class="container">
|
|
<h2>{{ .Params.community_title }}</h2>
|
|
<div class="community">
|
|
<p class="text">{{ .Params.community_text }}</p>
|
|
<div class="demo-buttons">
|
|
<a href="https://cloud.gzl.lan64.de" class="demo-button">{{ .Params.comm_btn1 }}</a>
|
|
<a href="https://git.gzl.lan64.de" class="demo-button">{{ .Params.comm_btn2 }}</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p>{{ .Params.footer_text }}</p>
|
|
<div class="footer-links">
|
|
<a href="#about">{{ .Params.menu_about }}</a>
|
|
<a href="#projects">{{ .Params.menu_projects }}</a>
|
|
<a href="#tech">{{ .Params.menu_tech }}</a>
|
|
<a href="#demo">{{ .Params.menu_demo }}</a>
|
|
<a href="#community">{{ .Params.menu_community }}</a>
|
|
</div>
|
|
<p>© {{ now.Format "2006" }} Ground Zero Lab</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/script.js"></script>
|
|
</body>
|
|
</html> |