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>
<body>
<div class = "container">
<div class = "title">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -23,6 +23,8 @@
</header>
</div>
<div class = "container">
<main>
<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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Categories | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -39,5 +36,6 @@
</footer>
</div>
</body>
</html>

View File

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

View File

@@ -1,11 +1,38 @@
@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 {
margin: 0, auto;
width: 80%;
font-family: "x-typewriter";
}
nav,footer {
.title {
margin: 0, auto;
width: 80%;
font-family: "if";
}
nav, footer {
background-color: #333;
color: #fff;
color: #fff;
text-align: center;
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -10,7 +10,7 @@
</head>
<body>
<div class = "container">
<div class = "title">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -24,6 +24,8 @@
</header>
</div>
<div class = "container">
<main>
<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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Posts | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -57,5 +54,6 @@
</footer>
</div>
</body>
</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>
<meta charset="utf-8">
<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">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -53,5 +50,6 @@
</footer>
</div>
</body>
</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>
<meta charset="utf-8">
<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">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -54,5 +51,6 @@
</footer>
</div>
</body>
</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>
<meta charset="utf-8">
<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">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -56,5 +53,6 @@
</footer>
</div>
</body>
</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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blue | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -41,5 +38,6 @@
</footer>
</div>
</body>
</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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Green | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -43,5 +40,6 @@
</footer>
</div>
</body>
</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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tags | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -45,5 +42,6 @@
</footer>
</div>
</body>
</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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Red | The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<title>The Northside Studio Achim</title>
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<div class = "container">
<header>
<header>
<h1>The Northside Studio Achim</h1>
@@ -45,5 +42,6 @@
</footer>
</div>
</body>
</html>

View File

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

View File

@@ -1,11 +1,38 @@
@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 {
margin: 0, auto;
width: 80%;
font-family: "x-typewriter";
}
nav,footer {
.title {
margin: 0, auto;
width: 80%;
font-family: "if";
}
nav, footer {
background-color: #333;
color: #fff;
color: #fff;
text-align: center;
}

Binary file not shown.

Binary file not shown.