fix styling and add address env vars

This commit is contained in:
2025-07-08 02:23:16 +02:00
parent edbb6cb6a6
commit c8d1549c94
11 changed files with 523 additions and 130 deletions

View File

@ -8,32 +8,7 @@
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<h1><a href="/">{{.CompanyName}}</a></h1>
</div>
<div class="nav-links">
<a href="/" class="active">Home</a>
<a href="#voordelen">Voordelen</a>
<a href="#distros">Linux Keuze</a>
<a href="#diensten">Diensten</a>
<a href="/contact">Contact</a>
</div>
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
<span></span>
</button>
<div class="mobile-menu" id="mobile-menu">
<a href="/" class="active">Home</a>
<a href="#voordelen">Voordelen</a>
<a href="#distros">Linux Keuze</a>
<a href="#diensten">Diensten</a>
<a href="/contact">Contact</a>
</div>
</div>
</nav>
</header>
{{template "header" .}}
<main>
<section id="home" class="hero">
@ -149,7 +124,7 @@
<div class="distro-logo">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="48" height="48" viewBox="0 0 48 48">
<path fill="#c5e1a5" d="M21.5,44C13.492,44,7,37.508,7,29.5V18H2V4h29.031C39.298,4,46,10.702,46,18.969V44H21.5z"></path><path fill="#689f38" d="M30.031,8H6v6h2c1.657,0,3,1.343,3,3v0v11.5C11,34.851,16.149,40,22.5,40H38c2.209,0,4-1.791,4-4 V19.969C42,13.359,36.641,8,30.031,8z"></path><path fill="#fff" d="M33.5,15c-1.577,0-2.996,0.672-4,1.74c-1.004-1.069-2.423-1.74-4-1.74c-3.033,0-5.5,2.473-5.5,5.512 V28h3v-7.488c0-1.381,1.122-2.505,2.5-2.505S28,19.13,28,20.512V28h3v-7.488v0c0-1.381,1.122-2.505,2.5-2.505S36,19.13,36,20.512 V28.5c0,1.93-1.57,3.5-3.5,3.5h-12c-1.93,0-3.5-1.57-3.5-3.5V12h-3v16.5c0,3.584,2.916,6.5,6.5,6.5h12c3.584,0,6.5-2.916,6.5-6.5 v-7.988C39,17.472,36.533,15,33.5,15z"></path>
</svg>
</svg>
</div>
<div class="distro-header-content">
<h3>Linux Mint</h3>
@ -368,29 +343,7 @@
</section>
</main>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>{{.CompanyName}}</h3>
<p>Specialist in Linux migratie en duurzame computing oplossingen.</p>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>Email: {{.Email}}</p>
<p>Telefoon: {{.Phone}}</p>
<p>KVK: {{.KVK}}</p>
</div>
<div class="footer-section">
<h3>Ondersteuning</h3>
<p>Wij ondersteunen de <a href="https://endof10.org" target="_blank">End of 10</a> beweging voor duurzame computing.</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; {{.CurrentYear}} {{.CompanyName}}. Alle rechten voorbehouden.</p>
</div>
</div>
</footer>
{{template "footer" .}}
<script>
function toggleMobileMenu() {