Noratrieb/blogamer
1
0
Fork 0
mirror of https://github.com/Noratrieb/blogamer.git synced 2026-01-14 08:55:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

stuff

Browse source
This commit is contained in:
nora 2025-06-10 21:30:13 +02:00
parent dded93cc3a
commit 9488cf6e83
8 changed files with 1636 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

19
templates/post.html Normal file
View file

@ -0,0 +1,19 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="{{ theme_css_path }}" />
<title>{{ title }}</title>
</head>
<body>
<main class="main-content blog-main-content">
<div class="main-content-inner">
<nav><a href="/">Noratrieb</a></nav>
<h1>{{ title }}</h1>
<hr />
<div>{{ body | safe }}</div>
</div>
</main>
</body>
</html>

96
templates/theme.css Normal file
View file

@ -0,0 +1,96 @@
html {
--accent-color: #e5a5c2;
}
body {
font-family: Verdana, sans-serif;
}
.main-content {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 700px) {
.main-content-inner {
width: 70vw;
}
}
@media (min-width: 1300px) {
.main-content-inner {
width: 50vw;
}
}
.call-to-action {
width: 250px;
height: 50px;
background-color: var(--accent-color);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-decoration: none;
}
@media (min-width: 1000px) {
.call-to-action {
width: 400px;
}
}
.call-to-action:hover {
background-color: #ac78b8;
}
.call-to-action * {
color: black;
}
.columns-2 {
display: flex;
flex-direction: row;
}
@media (max-width: 1000px) {
.columns-2 {
display: block;
margin-bottom: 10px;
}
}
@media (prefers-color-scheme: light) {
body {
--background-color: #e6dae9;
--foreground-color: #1b191c;
--black-or-white: black;
}
}
@media (prefers-color-scheme: dark) {
body {
--background-color: #1b191c;
--foreground-color: #e6dae9;
--black-or-white: white;
}
a {
color: var(--accent-color);
}
}
body {
background-color: var(--background-color);
color: var(--foreground-color);
}
.center {
display: flex;
justify-content: center;
}
a {
text-decoration: underline;
}