This commit is contained in:
2026-06-13 00:09:28 +02:00
parent 9b230a08a9
commit 6f6be79647
20 changed files with 219 additions and 227 deletions

View File

@@ -2,33 +2,24 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>About | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -52,7 +43,10 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</div>
</body>
</html>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Categories | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -41,6 +35,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,33 +2,24 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Contact | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -52,7 +43,10 @@ Mail: <a href="mailto:Thomas.Sindt@gmx.de">Thomas.Sindt@gmx.de</a></p>
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</div>
</body>
</html>

View File

@@ -0,0 +1,25 @@
.container {
margin: 0, auto;
width: 80%;
}
nav,footer {
background-color: #333;
color: #fff;
text-align: center;
}
nav {
display: flex;
flex-direction: column;
}
nav > a {
flex: 1;
text-align: center;
text-decoration: none;
color: #fff; }
@media only screen and (min-width: 768px) {
nav { flex-direction: row;
}
}

View File

@@ -3,33 +3,24 @@
<head>
<meta name="generator" content="Hugo 0.161.1"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a aria-current="page" class="active" href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -89,7 +80,10 @@ Mail: <a href="mailto:Thomas.Sindt@gmx.de">Thomas.Sindt@gmx.de</a></p>
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</div>
</body>
</html>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Posts | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a aria-current="page" class="active" href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -59,6 +53,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post 1 | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a aria-current="true" class="ancestor" href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -55,6 +49,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post 2 | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a aria-current="true" class="ancestor" href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -56,6 +50,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post 3 | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a aria-current="true" class="ancestor" href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -58,6 +52,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blue | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -43,6 +37,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Green | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -45,6 +39,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tags | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a aria-current="page" class="active" href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -47,6 +41,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -2,7 +2,7 @@
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Red | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
@@ -14,21 +14,15 @@
</head>
<body>
<header>
<h1>The Northside Studio Achim</h1>
<header>
<h1>The Northside Studio Achim</h1>
</header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/posts/">Posts</a>
</li>
<li>
<a href="/tags/">Tags</a>
</li>
</ul>
</nav>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</header>
@@ -47,6 +41,8 @@
</main>
<footer>
<p>Copyright 2026. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>
</footer>
</body>

View File

@@ -1,13 +1,5 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>{{ .Site.Title }}</title>
</head>
<body>
<h1>{{ .Site.Title}}</h1>
<h2>{{ .Title }}</h2>
{{ .Content }}
</body>
</html>
{{ define "main" }}
<h2>{{ .Title }}</h2>
{{ .Content }}
{{ end }}

View File

@@ -1 +1,3 @@
<p>Copyright {{ now.Year }}. All rights reserved.</p>
<p>Impressum: Thomas Sindt * Auf dem Born 7 * 28832 Achim</p>

View File

@@ -1,5 +1,5 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
{{ partialCached "head/css.html" . }}
{{ partialCached "head/js.html" . }}
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ .Site.Title }}</title>
<link rel="stylesheet" href="{{ "css/style.css" | relURL}}">

View File

@@ -1,2 +1,10 @@
<h1>{{ site.Title }}</h1>
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
<header>
<h1>{{ .Site.Title }}</h1>
</header>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>

View File

@@ -4,6 +4,7 @@
{{ partial "head.html" . }}
</head>
<body>
<div class = "container">
<header>
{{ partial "header.html" . }}
</header>
@@ -13,5 +14,6 @@
<footer>
{{ partial "footer.html" . }}
</footer>
</div>
</body>
</html>

View File

@@ -1,12 +1,4 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>{{ .Site.Title }}</title>
</head>
<body>
<h1>{{ .Site.Title}}</h1>
{{ .Content }}
</body>
</html>
{{define "main"}}
{{.Content}}
{{end}}

View File

@@ -0,0 +1,25 @@
.container {
margin: 0, auto;
width: 80%;
}
nav,footer {
background-color: #333;
color: #fff;
text-align: center;
}
nav {
display: flex;
flex-direction: column;
}
nav > a {
flex: 1;
text-align: center;
text-decoration: none;
color: #fff; }
@media only screen and (min-width: 768px) {
nav { flex-direction: row;
}
}