bdnugget/linuxservice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix styling and add address env vars

Browse Source
This commit is contained in:
bdnugget
2025-07-08 02:23:16 +02:00
parent edbb6cb6a6
commit c8d1549c94
11 changed files with 523 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
templates/contact.html
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="/">Home</a>
<a href="/#voordelen">Voordelen</a>
<a href="/#distros">Linux Keuze</a>
<a href="/#diensten">Diensten</a>
<a href="/contact" class="active">Contact</a>
</div>
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
<span>☰</span>
</button>
<div class="mobile-menu" id="mobile-menu">
<a href="/">Home</a>
<a href="/#voordelen">Voordelen</a>
<a href="/#distros">Linux Keuze</a>
<a href="/#diensten">Diensten</a>
<a href="/contact" class="active">Contact</a>
</div>
</div>
</nav>
</header>
{{template "header" .}}
<main>
<section class="contact-hero">
@ -48,6 +23,14 @@
<div class="contact-grid">
<div class="contact-info">
<h2>Contactgegevens</h2>
<div class="contact-item">
<div class="contact-icon">📍</div>
<div>
<h3>Adres</h3>
<p>{{.Street}}</p>
<p>{{.PostalCode}} {{.Village}}</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">📧</div>
<div>
@ -65,14 +48,14 @@
<div class="contact-item">
<div class="contact-icon">🏢</div>
<div>
<h3>KVK Nummer</h3>
<h3>KvK Nummer</h3>
<p>{{.KVK}}</p>
</div>
</div>
<div class="contact-hours">
<h3>Openingstijden</h3>
<p>Maandag - Vrijdag: 09:00 - 17:00</p>
<p>Maandag - Vrijdag: 09:00 - 17:00 (Op afspraak)</p>
<p>Weekend: Op afspraak</p>
</div>
</div>
@ -149,7 +132,7 @@
<div class="cta-benefit">
<div class="benefit-icon">🛠️</div>
<h3>Professionele service</h3>
<p>Jarenlange ervaring met Linux systemen en migraties.</p>
<p>Ruim 20 jaar ervaring met Linux systemen en migraties.</p>
</div>
<div class="cta-benefit">
<div class="benefit-icon">🤝</div>
@ -166,29 +149,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() {

31
templates/footer.html Normal file
View File

@ -0,0 +1,31 @@
{{define "footer"}}
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>{{.CompanyName}}</h3>
<p>Specialist in Linux migratie en duurzaam computergebruik.</p>
<p><strong>📍 Gevestigd in Eenrum</strong></p>
<p><em>Werkzaam in heel gemeente Het Hogeland</em></p>
</div>
<div class="footer-section">
<h3>Contact</h3>
<p>{{.Street}}</p>
<p>{{.PostalCode}} {{.Village}}</p>
<p>Email: {{.Email}}</p>
<p>Telefoon: {{.Phone}}</p>
<p>KvK: {{.KVK}}</p>
</div>
<div class="footer-section">
<h3>Gemeenschap</h3>
<p>Lid van <a href="https://nllgg.nl" target="_blank">Nederlandse Linux Gebruikers Groep</a> (NLLGG.nl)</p>
<p>Actief bij <a href="https://buurtlinux.nl" target="_blank">Buurtlinux.nl</a> initiatief</p>
<p>Wij ondersteunen de <a href="https://endof10.org" target="_blank">End of 10</a> beweging voor duurzaam computergebruik.</p>
</div>
</div>
<div class="footer-bottom">
<p>&copy; {{.CurrentYear}} {{.CompanyName}}. Alle rechten voorbehouden.</p>
</div>
</div>
</footer>
{{end}}

31
templates/header.html Normal file
View File

@ -0,0 +1,31 @@
{{define "header"}}
<header>
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<a href="/">
<img src="/static/Tux.svg" alt="Tux the Linux Penguin" class="tux-icon">
<h1>{{.CompanyName}}</h1>
</a>
</div>
<div class="nav-links">
<a href="/"{{if eq .CurrentPage "home"}} class="active"{{end}}>Home</a>
<a href="#voordelen">Voordelen</a>
<a href="#distros">Linux Keuze</a>
<a href="#diensten">Diensten</a>
<a href="/contact"{{if eq .CurrentPage "contact"}} class="active"{{end}}>Contact</a>
</div>
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
<span>☰</span>
</button>
<div class="mobile-menu" id="mobile-menu">
<a href="/"{{if eq .CurrentPage "home"}} class="active"{{end}}>Home</a>
<a href="#voordelen">Voordelen</a>
<a href="#distros">Linux Keuze</a>
<a href="#diensten">Diensten</a>
<a href="/contact"{{if eq .CurrentPage "contact"}} class="active"{{end}}>Contact</a>
</div>
</div>
</nav>
</header>
{{end}}

53
templates/index.html
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() {