fonts hinzugefügt

This commit is contained in:
2026-06-13 20:01:06 +02:00
parent 6f6be79647
commit 60415be021
23 changed files with 106 additions and 62 deletions

View File

@@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div class = "container"> <div class = "title">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -23,6 +23,8 @@
</header> </header>
</div>
<div class = "container">
<main> <main>
<h1>About</h1> <h1>About</h1>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Categories | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -39,5 +36,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div class = "container"> <div class = "title">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -23,6 +23,8 @@
</header> </header>
</div>
<div class = "container">
<main> <main>
<h1>Contact</h1> <h1>Contact</h1>

View File

@@ -1,9 +1,36 @@
@font-face {
font-family: 'x-typewriter';
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
src: url('/fonts/x-typewriter.regular.woff2') format('woff2'),
url('/fonts/x-typewriter.regular.woff') format('woff');
}
@font-face {
font-family: 'if';
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
src: url('/fonts/if.woff2') format('woff2'),
url('/fonts/if.woff') format('woff');
}
.container { .container {
margin: 0, auto; margin: 0, auto;
width: 80%; width: 80%;
font-family: "x-typewriter";
} }
nav,footer { .title {
margin: 0, auto;
width: 80%;
font-family: "if";
}
nav, footer {
background-color: #333; background-color: #333;
color: #fff; color: #fff;
text-align: center; text-align: center;

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<div class = "container"> <div class = "title">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -24,6 +24,8 @@
</header> </header>
</div>
<div class = "container">
<main> <main>
<p>The Northside Studio Achim</p> <p>The Northside Studio Achim</p>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Posts | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -57,5 +54,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post 1 | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -53,5 +50,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post 2 | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -54,5 +51,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post 3 | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -56,5 +53,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blue | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -41,5 +38,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Green | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -43,5 +40,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tags | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -45,5 +42,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -3,16 +3,13 @@
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script> <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 charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Red | The Northside Studio Achim</title> <title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
</head> </head>
<body> <body>
<div class = "container">
<header> <header>
<header> <header>
<h1>The Northside Studio Achim</h1> <h1>The Northside Studio Achim</h1>
@@ -45,5 +42,6 @@
</footer> </footer>
</div>
</body> </body>
</html> </html>

View File

@@ -4,10 +4,12 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
</head> </head>
<body> <body>
<div class = "container"> <div class = "title">
<header> <header>
{{ partial "header.html" . }} {{ partial "header.html" . }}
</header> </header>
</div>
<div class = "container">
<main> <main>
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
</main> </main>

View File

@@ -1,9 +1,36 @@
@font-face {
font-family: 'x-typewriter';
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
src: url('/fonts/x-typewriter.regular.woff2') format('woff2'),
url('/fonts/x-typewriter.regular.woff') format('woff');
}
@font-face {
font-family: 'if';
font-weight: normal;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
src: url('/fonts/if.woff2') format('woff2'),
url('/fonts/if.woff') format('woff');
}
.container { .container {
margin: 0, auto; margin: 0, auto;
width: 80%; width: 80%;
font-family: "x-typewriter";
} }
nav,footer { .title {
margin: 0, auto;
width: 80%;
font-family: "if";
}
nav, footer {
background-color: #333; background-color: #333;
color: #fff; color: #fff;
text-align: center; text-align: center;

Binary file not shown.

Binary file not shown.