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

CSS cleanup and decrease padding on hero and section a bit

Browse Source
This commit is contained in:
bdnugget
2025-09-02 23:19:31 +02:00
parent d124561ef9
commit 7c45c0af08
24 changed files with 689 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
templates/over-mij.html
View File

@ -30,11 +30,11 @@
<meta name="twitter:image:alt" content="{{.AboutName}} - Linux op Het Hogeland">
<!-- Favicon Links -->
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
<link rel="manifest" href="/static/manifest.json">
<link rel="icon" type="image/x-icon" href="/static/icons/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/images/apple-touch-icon.png">
<link rel="manifest" href="/static/icons/manifest.json">
<!-- Theme Color for Mobile Browsers -->
<meta name="theme-color" content="#059669">
@ -44,20 +44,20 @@
<link rel="canonical" href="https://{{.Domain}}/over-mij">
<!-- CSS and Fonts -->
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
{{template "header" .}}
<main>
<section class="contact-hero">
<section class="page-hero">
<div class="container">
<h1>Over mij</h1>
<p>Maak kennis met de Linux-evangelist van Het Hogeland.</p>
</div>
</section>
<section class="about">
<section class="section">
<div class="container">
<div class="about-grid">
<div class="about-text">
@ -66,7 +66,7 @@
<!-- Photo appears here on mobile after first paragraph -->
<div class="about-photo about-photo-mobile">
<figure>
<img src="/static/DutchOpen2024.jpg" alt="Foto van mijzelf met mijn zoontje bij grasbaanraces">
<img src="/static/images/DutchOpen2024.jpg" alt="Foto van mijzelf met mijn zoontje bij grasbaanraces">
<figcaption><small>Ik met mijn zoontje bij de grasbaanraces (Dutch Open 2024)</small></figcaption>
</figure>
</div>
@ -85,7 +85,7 @@
</div>
<div class="about-photo about-photo-desktop">
<figure>
<img src="/static/DutchOpen2024.jpg" alt="Foto van mijzelf met mijn zoontje bij grasbaanraces">
<img src="/static/images/DutchOpen2024.jpg" alt="Foto van mijzelf met mijn zoontje bij grasbaanraces">
<figcaption><small>Ik met mijn zoontje bij de grasbaanraces (Dutch Open 2024)</small></figcaption>
</figure>
</div>