Codeberg build for 0fe1c169b6
This commit is contained in:
Codeberg CI
commit
dd252f3699
23 changed files with 3909 additions and 0 deletions
210
404.html
Normal file
210
404.html
Normal file
|
|
@ -0,0 +1,210 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>404</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<h1>404</h1>
|
||||
<h2>ʕノ•ᴥ•ʔノ ︵ ┻━┻</h2>
|
||||
<footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
13
_headers
Normal file
13
_headers
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
# This _headers file is used to set headers on cloudflare pages: https://developers.cloudflare.com/pages/configuration/headers/
|
||||
# https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Permissions-Policy (disabled everything except autoplay, local-fonts, screen-wake-lock, speaker-selection)
|
||||
# opt out of Federated Learning of Cohorts (aka "FLoC") - https://amifloced.org/
|
||||
/*
|
||||
X-Frame-Options: DENY
|
||||
X-Content-Type-Options: nosniff
|
||||
X-XSS-Protection: 1; mode=block
|
||||
Referrer-Policy: strict-origin-when-cross-origin
|
||||
Strict-Transport-Security: max-age=63072000; includeSubdomains
|
||||
Permissions-Policy: interest-cohort=(), accelerometer=(), ambient-light-sensor=(), battery=(), bluetooth=(), browsing-topics=(), camera=(), display-capture=(), document-domain=(), encrypted-media=(), execution-while-not-rendered=(), execution-while-out-of-viewport=(), fullscreen=(), gamepad=(), geolocation=(), gyroscope=(), hid=(), identity-credentials-get=(), idle-detection=(), magnetometer=(), microphone=(), midi=(), otp-credentials=(), payment=(), picture-in-picture=(), publickey-credentials-create=(), publickey-credentials-get=(), serial=(), storage-access=(), sync-xhr=(), usb=(), web-share=(), window-management=(), xr-spatial-tracking=()
|
||||
Content-Security-Policy: default-src 'none'; img-src 'self'; object-src 'none'; script-src 'none'; style-src 'sha256-p5EfRIhWJi7Zh7WJil3mpIVCZvcu+zebWbMe6B0so8A='; form-action 'none'; base-uri 'self'; frame-ancestors 'none'
|
||||
Cross-Origin-Resource-Policy: same-site
|
||||
Cache-Control: max-age=300, s-maxage=86400, stale-while-revalidate
|
||||
31
atom.xml
Normal file
31
atom.xml
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<subtitle>A Zola-theme based on Bear Blog.</subtitle>
|
||||
<link rel="self" type="application/atom+xml" href="/atom.xml"/>
|
||||
<link rel="alternate" type="text/html" href="/"/>
|
||||
<generator uri="https://www.getzola.org/">Zola</generator>
|
||||
<updated>2020-01-03T00:00:00+00:00</updated>
|
||||
<id>/atom.xml</id>
|
||||
<entry xml:lang="en">
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<published>2020-01-03T00:00:00+00:00</published>
|
||||
<updated>2020-01-03T00:00:00+00:00</updated>
|
||||
|
||||
<author>
|
||||
<name>
|
||||
|
||||
Unknown
|
||||
|
||||
</name>
|
||||
</author>
|
||||
|
||||
<link rel="alternate" type="text/html" href="/blog/markdown-syntax/"/>
|
||||
<id>/blog/markdown-syntax/</id>
|
||||
|
||||
<summary type="html"><p>For a quick cheatsheet, check out <a href="https://simplemde.com/markdown-guide">https://simplemde.com/markdown-guide</a>.</p>
|
||||
<hr />
|
||||
<p>This article offers a sample of basic Markdown syntax that can be used in Zola content files, also it shows whether basic HTML elements are decorated with CSS in a Zola theme.</p></summary>
|
||||
|
||||
</entry>
|
||||
</feed>
|
||||
219
bear/index.html
Normal file
219
bear/index.html
Normal file
|
|
@ -0,0 +1,219 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bear | Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Bear">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/bear/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Bear</h1>
|
||||
<main>
|
||||
<p>Website: <a href="https://bearblog.dev">https://bearblog.dev</a></p>
|
||||
<p>There is a website obesity crisis. Bloated websites are full of scripts, ads, and trackers slowing your readers down every time they try to read your well-crafted content.</p>
|
||||
<p>Bear is all you need to build a fantastic and optimized site or blog. It works perfectly on <strong>any</strong> viewing device. All you need to focus on is writing good content.</p>
|
||||
<p>Bear makes it simple to publish content online and grow an audience while keeping pages tiny, fast, and <strong>optimized for search engines.</strong></p>
|
||||
<p>Each page is ~5kb.</p>
|
||||
<p>Learn more and contribute on <a href="https://github.com/HermanMartinus/bearblog">GitHub</a>.</p>
|
||||
|
||||
</main>
|
||||
<p>
|
||||
</p>
|
||||
<footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
224
blog/index.html
Normal file
224
blog/index.html
Normal file
|
|
@ -0,0 +1,224 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/blog/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<ul class="blog-posts">
|
||||
<li>
|
||||
<span>
|
||||
<i>
|
||||
<time datetime="2020-01-03T00:00:00+00:00" pubdate>
|
||||
2020-01-03
|
||||
</time>
|
||||
</i>
|
||||
</span>
|
||||
<a href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
</li></ul>
|
||||
<div class="tags">
|
||||
<a href="/tags/markdown/">#markdown</a>
|
||||
<a href="/tags/syntax/">#syntax</a>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
354
blog/markdown-syntax/index.html
Normal file
354
blog/markdown-syntax/index.html
Normal file
|
|
@ -0,0 +1,354 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Markdown Syntax Guide | Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Markdown Syntax Guide">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/blog/markdown-syntax/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Markdown Syntax Guide</h1>
|
||||
<p>
|
||||
<i>
|
||||
<time datetime="2020-01-03T00:00:00+00:00" pubdate>2020-01-03</time>
|
||||
</i>
|
||||
</p>
|
||||
<details open>
|
||||
<summary>Table of contents</summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#headings">Headings</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#h1">H1</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#h2">H2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#paragraph">Paragraph</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#blockquotes">Blockquotes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#tables">Tables</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#code-blocks">Code Blocks</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#list-types">List Types</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog/markdown-syntax/#other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</details>
|
||||
<main>
|
||||
<p>For a quick cheatsheet, check out <a href="https://simplemde.com/markdown-guide">https://simplemde.com/markdown-guide</a>.</p>
|
||||
<hr />
|
||||
<p>This article offers a sample of basic Markdown syntax that can be used in Zola content files, also it shows whether basic HTML elements are decorated with CSS in a Zola theme.</p>
|
||||
<span id="continue-reading"></span><h2 id="headings">Headings</h2>
|
||||
<p>The following HTML <code><h1></code>—<code><h6></code> elements represent six levels of section headings. <code><h1></code> is the highest section level while <code><h6></code> is the lowest.</p>
|
||||
<h1 id="h1">H1</h1>
|
||||
<h2 id="h2">H2</h2>
|
||||
<h3 id="h3">H3</h3>
|
||||
<h4 id="h4">H4</h4>
|
||||
<h5 id="h5">H5</h5>
|
||||
<h6 id="h6">H6</h6>
|
||||
<h2 id="paragraph">Paragraph</h2>
|
||||
<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p>
|
||||
<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p>
|
||||
<h2 id="blockquotes">Blockquotes</h2>
|
||||
<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p>
|
||||
<h4 id="blockquote-without-attribution">Blockquote without attribution</h4>
|
||||
<blockquote>
|
||||
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p>
|
||||
</blockquote>
|
||||
<h4 id="blockquote-with-attribution">Blockquote with attribution</h4>
|
||||
<blockquote>
|
||||
<p>Don't communicate by sharing memory, share memory by communicating.<br>
|
||||
— <cite>Rob Pike<sup class="footnote-reference"><a href="#1">1</a></sup></cite></p>
|
||||
</blockquote>
|
||||
<div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup>
|
||||
<p>The above quote is excerpted from Rob Pike's <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.</p>
|
||||
</div>
|
||||
<h2 id="tables">Tables</h2>
|
||||
<p>Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p>
|
||||
<table><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody>
|
||||
<tr><td>Bob</td><td>27</td></tr>
|
||||
<tr><td>Alice</td><td>23</td></tr>
|
||||
</tbody></table>
|
||||
<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4>
|
||||
<table><thead><tr><th>Italics</th><th>Bold</th><th>Code</th></tr></thead><tbody>
|
||||
<tr><td><em>italics</em></td><td><strong>bold</strong></td><td><code>code</code></td></tr>
|
||||
</tbody></table>
|
||||
<h2 id="code-blocks">Code Blocks</h2>
|
||||
<h4 id="code-block-with-backticks">Code block with backticks</h4>
|
||||
<pre data-lang="html" class="language-html "><code class="language-html" data-lang="html"><!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
</code></pre>
|
||||
<h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4>
|
||||
<pre><code><!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
</code></pre>
|
||||
<h2 id="list-types">List Types</h2>
|
||||
<h4 id="ordered-list">Ordered List</h4>
|
||||
<ol>
|
||||
<li>First item</li>
|
||||
<li>Second item</li>
|
||||
<li>Third item</li>
|
||||
</ol>
|
||||
<h4 id="unordered-list">Unordered List</h4>
|
||||
<ul>
|
||||
<li>List item</li>
|
||||
<li>Another item</li>
|
||||
<li>And another item</li>
|
||||
</ul>
|
||||
<h4 id="nested-list">Nested list</h4>
|
||||
<ul>
|
||||
<li>Fruit
|
||||
<ul>
|
||||
<li>Apple</li>
|
||||
<li>Orange</li>
|
||||
<li>Banana</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Dairy
|
||||
<ul>
|
||||
<li>Milk</li>
|
||||
<li>Cheese</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<h2 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2>
|
||||
<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p>
|
||||
<p>H<sub>2</sub>O</p>
|
||||
<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p>
|
||||
<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p>
|
||||
<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p>
|
||||
|
||||
</main>
|
||||
<p>
|
||||
Tags:
|
||||
<a href="/tags/markdown/">#markdown</a>
|
||||
<a href="/tags/syntax/">#syntax</a>
|
||||
</p>
|
||||
<footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
217
de/bear/index.html
Normal file
217
de/bear/index.html
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bear | Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Bear">
|
||||
<meta name="description" content="Ein Zola-theme basiert auf Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="Sprache">
|
||||
<a href="/bear/" hreflang="en" lang="en">English</a>
|
||||
<span class="active">Deutsch</span>
|
||||
</nav>
|
||||
<a href="/de/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="Site">
|
||||
<a href="/de/">Startseite</a>
|
||||
<a href="/de/bear/">Bear</a>
|
||||
<a href="/de/zola/">Zola</a>
|
||||
<a href="/de/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Bear</h1>
|
||||
<main>
|
||||
<p>Webseite: <a href="https://bearblog.dev">https://bearblog.dev</a></p>
|
||||
<p>Es gibt eine Krise der Website-Fettleibigkeit. Aufgeblähte Websites voller Skripte, Werbung und Tracker bremsen deine Leser jedes Mal aus, wenn sie versuchen, deine gut gestalteten Inhalte zu lesen.</p>
|
||||
<p>Zola Bear Blog ist alles, was du brauchst, um eine fantastische und optimierte Website oder einen Blog zu erstellen. Es funktioniert perfekt auf <strong>jedem</strong> Anzeigegerät. Alles, worauf du dich konzentrieren müssen, ist das Schreiben guter Inhalte.</p>
|
||||
<p>Bear macht es einfach, Inhalte online zu veröffentlichen und ein Publikum aufzubauen, während die Seiten klein, schnell und <strong>für Suchmaschinen optimiert</strong> bleiben.</p>
|
||||
<p>Jede Seite ist ~5kb.</p>
|
||||
<p>Weitere Informationen und Beiträge unter <a href="https://github.com/HermanMartinus/bearblog">GitHub</a>.</p>
|
||||
|
||||
</main>
|
||||
<p>
|
||||
</p>
|
||||
<footer>
|
||||
Erstellt mit <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
240
de/blog/beispiel/index.html
Normal file
240
de/blog/beispiel/index.html
Normal file
|
|
@ -0,0 +1,240 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Wortbergen | Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Wortbergen">
|
||||
<meta name="description" content="Ein Zola-theme basiert auf Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="Sprache">
|
||||
<a href="/blog/beispiel/" hreflang="en" lang="en">English</a>
|
||||
<span class="active">Deutsch</span>
|
||||
</nav>
|
||||
<a href="/de/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="Site">
|
||||
<a href="/de/">Startseite</a>
|
||||
<a href="/de/bear/">Bear</a>
|
||||
<a href="/de/zola/">Zola</a>
|
||||
<a href="/de/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Wortbergen</h1>
|
||||
<p>
|
||||
<i>
|
||||
<time datetime="2024-08-18T00:00:00+00:00" pubdate>2024-08-18</time>
|
||||
</i>
|
||||
</p>
|
||||
<main>
|
||||
<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien
|
||||
und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in
|
||||
Buchstabhausen an der Küste des Semantik, eines großen
|
||||
Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort
|
||||
und versorgt sie mit den nötigen Regelialien.</p>
|
||||
<p>Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in
|
||||
den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion
|
||||
werden die Blindtexte beherrscht – ein geradezu unorthographisches
|
||||
Leben.</p>
|
||||
<p>Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war
|
||||
Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox
|
||||
riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden
|
||||
Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ
|
||||
sich nicht beirren.</p>
|
||||
<p>Es packte seine sieben Versalien, schob sich sein Initial in den
|
||||
Gürtel und machte sich auf den Weg. Als es die ersten Hügel des
|
||||
Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf
|
||||
die Skyline seiner Heimatstadt Buchstabhausen, die Headline von
|
||||
Alphabetdorf und die Subline seiner eigenen Straße, der
|
||||
Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange,
|
||||
dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy
|
||||
warnte das Blindtextchen, da, wo sie herkäme wäre sie</p>
|
||||
|
||||
</main>
|
||||
<p>
|
||||
Tags:
|
||||
<a href="/de/tags/test/">#test</a>
|
||||
</p>
|
||||
<footer>
|
||||
Erstellt mit <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
221
de/blog/index.html
Normal file
221
de/blog/index.html
Normal file
|
|
@ -0,0 +1,221 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="Ein Zola-theme basiert auf Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="Sprache">
|
||||
<a href="/blog/" hreflang="en" lang="en">English</a>
|
||||
<span class="active">Deutsch</span>
|
||||
</nav>
|
||||
<a href="/de/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="Site">
|
||||
<a href="/de/">Startseite</a>
|
||||
<a href="/de/bear/">Bear</a>
|
||||
<a href="/de/zola/">Zola</a>
|
||||
<a href="/de/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<ul class="blog-posts">
|
||||
<li>
|
||||
<span>
|
||||
<i>
|
||||
<time datetime="2024-08-18T00:00:00+00:00" pubdate>
|
||||
2024-08-18
|
||||
</time>
|
||||
</i>
|
||||
</span>
|
||||
<a href="/de/blog/beispiel/">Wortbergen</a>
|
||||
</li></ul>
|
||||
<div class="tags">
|
||||
<a href="/de/tags/test/">#test</a>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Erstellt mit <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
220
de/index.html
Normal file
220
de/index.html
Normal file
|
|
@ -0,0 +1,220 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="Ein Zola-theme basiert auf Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="Sprache">
|
||||
<a href="/" hreflang="en" lang="en">English</a>
|
||||
<span class="active">Deutsch</span>
|
||||
</nav>
|
||||
<a href="/de/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="Site">
|
||||
<a href="/de/">Startseite</a>
|
||||
<a href="/de/bear/">Bear</a>
|
||||
<a href="/de/zola/">Zola</a>
|
||||
<a href="/de/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1 id="eine-himmlische-verbindung">Eine himmlische Verbindung</h1>
|
||||
<p>Es gibt eine Krise der Website-Fettleibigkeit. Aufgeblähte Websites voller Skripte, Werbung und Tracker bremsen deine Leser jedes Mal aus, wenn sie versuchen, deine gut gestalteten Inhalte zu lesen.</p>
|
||||
<p>Zola Bear Blog ist alles, was du brauchst, um eine fantastische und optimierte Website oder einen Blog zu erstellen. Es funktioniert perfekt auf <strong>jedem</strong> Anzeigegerät. Alles, worauf du dich konzentrieren müssen, ist das Schreiben guter Inhalte.</p>
|
||||
<p><a href="https://bearblog.dev/">Zum ursprünglichen Bear-Blog</a>.</p>
|
||||
<hr />
|
||||
<p>Was passiert, wenn du den weltweit schnellsten und leichtesten Generator für statische Websites mit einem Design-Theme kombinieren, das dir kostenlose, unkomplizierte und superschnelle Blogging-Funktionen bietet?</p>
|
||||
<p><strong>Benutze dieses Theme und finde es heraus!</strong></p>
|
||||
<p>Erstellt mit 💚 von <a href="https://alanpearce.eu">Alan Pearce</a>.</p>
|
||||
<hr />
|
||||
<p>Veröffentliche einfach deine Inhalte online, bau ein Publikum auf und halte deine Seiten klein, schnell und <strong>für Suchmaschinen optimiert</strong>.</p>
|
||||
<p>Jede Seite ist ~5kb groß, und du kannst dein Blog selbst <strong>hosten</strong>.</p>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Erstellt mit <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
212
de/tags/index.html
Normal file
212
de/tags/index.html
Normal file
|
|
@ -0,0 +1,212 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="Ein Zola-theme basiert auf Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="Sprache">
|
||||
<a href="/tags/" hreflang="en" lang="en">English</a>
|
||||
<span class="active">Deutsch</span>
|
||||
</nav>
|
||||
<a href="/de/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="Site">
|
||||
<a href="/de/">Home</a>
|
||||
<a href="/de/bear/">Bear</a>
|
||||
<a href="/de/zola/">Zola</a>
|
||||
<a href="/de/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1>Tags</h1>
|
||||
<div class="tags">
|
||||
<a href="/de/tags/test/">#test</a>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Erstellt mit <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
51
de/tags/test/atom.xml
Normal file
51
de/tags/test/atom.xml
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog - test</title>
|
||||
<subtitle>Ein Zola-theme basiert auf Bear Blog.</subtitle>
|
||||
<link rel="self" type="application/atom+xml" href="/de/tags/test/atom.xml"/>
|
||||
<link rel="alternate" type="text/html" href="/"/>
|
||||
<generator uri="https://www.getzola.org/">Zola</generator>
|
||||
<updated>2024-08-18T00:00:00+00:00</updated>
|
||||
<id>/de/tags/test/atom.xml</id>
|
||||
<entry xml:lang="de">
|
||||
<title>Wortbergen</title>
|
||||
<published>2024-08-18T00:00:00+00:00</published>
|
||||
<updated>2024-08-18T00:00:00+00:00</updated>
|
||||
|
||||
<author>
|
||||
<name>
|
||||
|
||||
Unknown
|
||||
|
||||
</name>
|
||||
</author>
|
||||
|
||||
<link rel="alternate" type="text/html" href="/de/blog/beispiel/"/>
|
||||
<id>/de/blog/beispiel/</id>
|
||||
|
||||
<content type="html" xml:base="/de/blog/beispiel/"><p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien
|
||||
und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in
|
||||
Buchstabhausen an der Küste des Semantik, eines großen
|
||||
Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort
|
||||
und versorgt sie mit den nötigen Regelialien.</p>
|
||||
<p>Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in
|
||||
den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion
|
||||
werden die Blindtexte beherrscht – ein geradezu unorthographisches
|
||||
Leben.</p>
|
||||
<p>Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war
|
||||
Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox
|
||||
riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden
|
||||
Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ
|
||||
sich nicht beirren.</p>
|
||||
<p>Es packte seine sieben Versalien, schob sich sein Initial in den
|
||||
Gürtel und machte sich auf den Weg. Als es die ersten Hügel des
|
||||
Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf
|
||||
die Skyline seiner Heimatstadt Buchstabhausen, die Headline von
|
||||
Alphabetdorf und die Subline seiner eigenen Straße, der
|
||||
Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange,
|
||||
dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy
|
||||
warnte das Blindtextchen, da, wo sie herkäme wäre sie</p>
|
||||
</content>
|
||||
|
||||
</entry>
|
||||
</feed>
|
||||
222
de/tags/test/index.html
Normal file
222
de/tags/test/index.html
Normal file
|
|
@ -0,0 +1,222 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="Ein Zola-theme basiert auf Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="Sprache">
|
||||
<a href="/tags/test/" hreflang="en" lang="en">English</a>
|
||||
<span class="active">Deutsch</span>
|
||||
</nav>
|
||||
<a href="/de/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="Site">
|
||||
<a href="/de/">Home</a>
|
||||
<a href="/de/bear/">Bear</a>
|
||||
<a href="/de/zola/">Zola</a>
|
||||
<a href="/de/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h3 class="filter">Filtern nach "test"</h3>
|
||||
<small>
|
||||
<a href="/de/blog/">Filter entfernen</a>
|
||||
</small>
|
||||
<ul class="blog-posts">
|
||||
<li>
|
||||
<span>
|
||||
<i>
|
||||
<time datetime="2024-08-18T00:00:00+00:00" pubdate>
|
||||
2024-08-18
|
||||
</time>
|
||||
</i>
|
||||
</span>
|
||||
<a href="/de/blog/beispiel/">Wortbergen</a>
|
||||
</li>
|
||||
</ul>
|
||||
</main><footer>
|
||||
Erstellt mit <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
233
de/zola/index.html
Normal file
233
de/zola/index.html
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola | Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola">
|
||||
<meta name="description" content="Ein Zola-theme basiert auf Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="Sprache">
|
||||
<a href="/zola/" hreflang="en" lang="en">English</a>
|
||||
<span class="active">Deutsch</span>
|
||||
</nav>
|
||||
<a href="/de/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="Site">
|
||||
<a href="/de/">Startseite</a>
|
||||
<a href="/de/bear/">Bear</a>
|
||||
<a href="/de/zola/">Zola</a>
|
||||
<a href="/de/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Zola</h1>
|
||||
<main>
|
||||
<h2 id="keine-abhangigkeiten">Keine Abhängigkeiten</h2>
|
||||
<p>Zola wird als einzelne ausführbare Datei mit Sass-Kompilierung, Syntax
|
||||
Syntaxhervorhebung, Inhaltsverzeichnis und vielen anderen Funktionen, die
|
||||
die normalerweise das Einrichten einer Entwicklungsumgebung oder das Hinzufügen einiger
|
||||
JavaScript-Bibliotheken zu deiner Website.</p>
|
||||
<h2 id="rasend-schnell">Rasend schnell</h2>
|
||||
<p>Die durchschnittliche Website wird in weniger als einer Sekunde erstellt, einschließlich
|
||||
Sass-Kompilierung und Syntaxhervorhebung.</p>
|
||||
<h2 id="skalierbar">Skalierbar</h2>
|
||||
<p>Zola rendert deine gesamte Website als statische Dateien, was es trivial macht
|
||||
jede Art von Datenverkehr zu bewältigen, ohne dass du dich um die
|
||||
ohne sich um die Verwaltung eines Servers oder einer Datenbank kümmern zu müssen.</p>
|
||||
<h2 id="einfach-zu-bedienen">Einfach zu bedienen</h2>
|
||||
<p>Von der CLI bis zur Template-Engine ist alles so konzipiert, dass es
|
||||
intuitiv. Verlasse dich jedoch nicht auf mein Wort, sondern schaue in die Dokumentation
|
||||
und überzeug dich selbst.</p>
|
||||
<h2 id="flexibel">Flexibel</h2>
|
||||
<p>Zola geht dir aus dem Weg, damit du dich auf deine Inhalte konzentrieren kannst, sei es ein
|
||||
Blog, eine Wissensdatenbank, eine Landing Page oder eine Kombination aus beidem.</p>
|
||||
<h2 id="erweitertes-markdown">Erweitertes Markdown</h2>
|
||||
<p>Zola verfügt über Shortcodes und interne Links, die das Schreiben von
|
||||
deine Inhalte zu schreiben.</p>
|
||||
|
||||
</main>
|
||||
<p>
|
||||
</p>
|
||||
<footer>
|
||||
Erstellt mit <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
222
index.html
Normal file
222
index.html
Normal file
|
|
@ -0,0 +1,222 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1 id="a-match-made-in-heaven">A match made in heaven</h1>
|
||||
<p>There is a website obesity crisis. Bloated websites full of scripts, ads, and trackers are slowing your readers down every time they try to read your well-crafted content.</p>
|
||||
<p>Zola Bear Blog is all you need to build a fantastic and optimized site or blog. It works perfectly on <strong>any</strong> viewing device. All you need to focus on is writing good content.</p>
|
||||
<p><a href="https://bearblog.dev/">Go to the original bear blog</a>.</p>
|
||||
<hr />
|
||||
<p>What happens when you combine the worlds' fastest, most lightweight static site generator with a design theme built to provide you with free, no-nonsense, super-fast blogging capabilities?</p>
|
||||
<p><strong>Use this theme, and find out!</strong></p>
|
||||
<p>Made with 💚 by <a href="https://alanpearce.eu">Alan Pearce</a>.</p>
|
||||
<hr />
|
||||
<p>Simply publish content online, grow an audience, and keep your pages tiny, fast, and <strong>optimized for search engines</strong>.</p>
|
||||
<p>Each page is ~5kb, and you can <strong>host your blog yourself</strong>.</p>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
4
robots.txt
Normal file
4
robots.txt
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
User-agent: *
|
||||
Disallow:
|
||||
Allow: /
|
||||
Sitemap: /sitemap.xml
|
||||
56
sitemap.xml
Normal file
56
sitemap.xml
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/bear/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/blog/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/blog/markdown-syntax/</loc>
|
||||
<lastmod>2020-01-03</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/categories/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/bear/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/blog/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/blog/beispiel/</loc>
|
||||
<lastmod>2024-08-18</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/categories/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/tags/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/tags/test/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/de/zola/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/tags/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/tags/markdown/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/tags/syntax/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>/zola/</loc>
|
||||
</url>
|
||||
</urlset>
|
||||
215
tags/index.html
Normal file
215
tags/index.html
Normal file
|
|
@ -0,0 +1,215 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/tags/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1>Tags</h1>
|
||||
<div class="tags">
|
||||
<a href="/tags/markdown/">#markdown</a>
|
||||
<a href="/tags/syntax/">#syntax</a>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
31
tags/markdown/atom.xml
Normal file
31
tags/markdown/atom.xml
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog - markdown</title>
|
||||
<subtitle>A Zola-theme based on Bear Blog.</subtitle>
|
||||
<link rel="self" type="application/atom+xml" href="/tags/markdown/atom.xml"/>
|
||||
<link rel="alternate" type="text/html" href="/"/>
|
||||
<generator uri="https://www.getzola.org/">Zola</generator>
|
||||
<updated>2020-01-03T00:00:00+00:00</updated>
|
||||
<id>/tags/markdown/atom.xml</id>
|
||||
<entry xml:lang="en">
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<published>2020-01-03T00:00:00+00:00</published>
|
||||
<updated>2020-01-03T00:00:00+00:00</updated>
|
||||
|
||||
<author>
|
||||
<name>
|
||||
|
||||
Unknown
|
||||
|
||||
</name>
|
||||
</author>
|
||||
|
||||
<link rel="alternate" type="text/html" href="/blog/markdown-syntax/"/>
|
||||
<id>/blog/markdown-syntax/</id>
|
||||
|
||||
<summary type="html"><p>For a quick cheatsheet, check out <a href="https://simplemde.com/markdown-guide">https://simplemde.com/markdown-guide</a>.</p>
|
||||
<hr />
|
||||
<p>This article offers a sample of basic Markdown syntax that can be used in Zola content files, also it shows whether basic HTML elements are decorated with CSS in a Zola theme.</p></summary>
|
||||
|
||||
</entry>
|
||||
</feed>
|
||||
224
tags/markdown/index.html
Normal file
224
tags/markdown/index.html
Normal file
|
|
@ -0,0 +1,224 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/tags/markdown/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h3 class="filter">Filtering for "markdown"</h3>
|
||||
<small>
|
||||
<a href="/blog/">Remove filter</a>
|
||||
</small>
|
||||
<ul class="blog-posts">
|
||||
<li>
|
||||
<span>
|
||||
<i>
|
||||
<time datetime="2020-01-03T00:00:00+00:00" pubdate>
|
||||
2020-01-03
|
||||
</time>
|
||||
</i>
|
||||
</span>
|
||||
<a href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
</li>
|
||||
</ul>
|
||||
</main><footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
31
tags/syntax/atom.xml
Normal file
31
tags/syntax/atom.xml
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog - syntax</title>
|
||||
<subtitle>A Zola-theme based on Bear Blog.</subtitle>
|
||||
<link rel="self" type="application/atom+xml" href="/tags/syntax/atom.xml"/>
|
||||
<link rel="alternate" type="text/html" href="/"/>
|
||||
<generator uri="https://www.getzola.org/">Zola</generator>
|
||||
<updated>2020-01-03T00:00:00+00:00</updated>
|
||||
<id>/tags/syntax/atom.xml</id>
|
||||
<entry xml:lang="en">
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<published>2020-01-03T00:00:00+00:00</published>
|
||||
<updated>2020-01-03T00:00:00+00:00</updated>
|
||||
|
||||
<author>
|
||||
<name>
|
||||
|
||||
Unknown
|
||||
|
||||
</name>
|
||||
</author>
|
||||
|
||||
<link rel="alternate" type="text/html" href="/blog/markdown-syntax/"/>
|
||||
<id>/blog/markdown-syntax/</id>
|
||||
|
||||
<summary type="html"><p>For a quick cheatsheet, check out <a href="https://simplemde.com/markdown-guide">https://simplemde.com/markdown-guide</a>.</p>
|
||||
<hr />
|
||||
<p>This article offers a sample of basic Markdown syntax that can be used in Zola content files, also it shows whether basic HTML elements are decorated with CSS in a Zola theme.</p></summary>
|
||||
|
||||
</entry>
|
||||
</feed>
|
||||
224
tags/syntax/index.html
Normal file
224
tags/syntax/index.html
Normal file
|
|
@ -0,0 +1,224 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola ʕ•ᴥ•ʔ Bear Blog">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/tags/syntax/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<h3 class="filter">Filtering for "syntax"</h3>
|
||||
<small>
|
||||
<a href="/blog/">Remove filter</a>
|
||||
</small>
|
||||
<ul class="blog-posts">
|
||||
<li>
|
||||
<span>
|
||||
<i>
|
||||
<time datetime="2020-01-03T00:00:00+00:00" pubdate>
|
||||
2020-01-03
|
||||
</time>
|
||||
</i>
|
||||
</span>
|
||||
<a href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
</li>
|
||||
</ul>
|
||||
</main><footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
235
zola/index.html
Normal file
235
zola/index.html
Normal file
|
|
@ -0,0 +1,235 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Zola | Zola ʕ•ᴥ•ʔ Bear Blog</title>
|
||||
<meta name="title" content="Zola">
|
||||
<meta name="description" content="A Zola-theme based on Bear Blog.">
|
||||
<meta name="referrer" content="strict-origin-when-cross-origin">
|
||||
|
||||
<link rel="alternate" type="application/atom+xml" title="Zola ʕ•ᴥ•ʔ Bear Blog" href="/atom.xml">
|
||||
<style>
|
||||
:root {
|
||||
--width: 800px;
|
||||
--font-main: Verdana, sans-serif;
|
||||
--font-secondary: Verdana, sans-serif;
|
||||
--font-scale: 1em;
|
||||
--background-color: #fff;
|
||||
--heading-color: #222;
|
||||
--text-color: #444;
|
||||
--link-color: #3273dc;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #f2f2f2;
|
||||
--code-color: #222;
|
||||
--blockquote-color: #222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #01242e;
|
||||
--heading-color: #eee;
|
||||
--text-color: #ddd;
|
||||
--link-color: #8cc2dd;
|
||||
--visited-color: #8b6fcb;
|
||||
--code-background-color: #000;
|
||||
--code-color: #ddd;
|
||||
--blockquote-color: #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-secondary);
|
||||
font-size: var(--font-scale);
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
max-width: var(--width);
|
||||
text-align: left;
|
||||
background-color: var(--background-color);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 1.5;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-main);
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
nav span.active {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
strong,
|
||||
b {
|
||||
color: var(--heading-color);
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
main {
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: 1px dashed;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
display: block;
|
||||
padding: 20px;
|
||||
white-space: pre-wrap;
|
||||
font-size: 0.875rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
padding: 2px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid #999;
|
||||
color: var(--code-color);
|
||||
padding-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 25px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.inline {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.highlight,
|
||||
.code {
|
||||
padding: 1px 15px;
|
||||
background-color: var(--code-background-color);
|
||||
color: var(--code-color);
|
||||
border-radius: 3px;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
/* blog post list */
|
||||
ul.blog-posts {
|
||||
list-style-type: none;
|
||||
padding: unset;
|
||||
}
|
||||
|
||||
ul.blog-posts li {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
ul.blog-posts li span {
|
||||
flex: 0 0 130px;
|
||||
}
|
||||
|
||||
ul.blog-posts li a:visited {
|
||||
color: var(--visited-color);
|
||||
}
|
||||
|
||||
.tags {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="lang" aria-label="language">
|
||||
<span class="active">English</span>
|
||||
<a href="/de/zola/" hreflang="de" lang="de">Deutsch</a>
|
||||
</nav>
|
||||
<a href="/" class="title">
|
||||
<h1>Zola ʕ•ᴥ•ʔ Bear Blog</h1>
|
||||
</a>
|
||||
<nav aria-label="site">
|
||||
<a href="/">Home</a>
|
||||
<a href="/bear/">Bear</a>
|
||||
<a href="/zola/">Zola</a>
|
||||
<a href="/blog/">Blog</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Zola</h1>
|
||||
<main>
|
||||
<h2 id="no-dependencies">No dependencies</h2>
|
||||
<p>Zola comes as a single executable with Sass compilation, syntax
|
||||
highlighting, table of contents and many other features that
|
||||
traditionally require setting up a dev environment or adding some
|
||||
JavaScript libraries to your site.</p>
|
||||
<h2 id="blazing-fast">Blazing fast</h2>
|
||||
<p>The average site will be generated in less than a second, including
|
||||
Sass compilation and syntax highlighting.</p>
|
||||
<h2 id="scalable">Scalable</h2>
|
||||
<p>Zola renders your whole site as static files, making it trivial to
|
||||
handle any kind of traffic you will throw at it at no cost without
|
||||
having to worry about managing a server or a database.</p>
|
||||
<h2 id="easy-to-use">Easy to use</h2>
|
||||
<p>From the CLI to the template engine, everything is designed to be
|
||||
intuitive. Don't take my word for it though, look at the documentation
|
||||
and see for yourself.</p>
|
||||
<h2 id="flexible">Flexible</h2>
|
||||
<p>Zola gets out of your way so you can focus on your content, be it a
|
||||
blog, a knowledge base, a landing page or a combination of them.</p>
|
||||
<h2 id="augmented-markdown">Augmented Markdown</h2>
|
||||
<p>Zola comes with shortcodes and internal links to make it easier to
|
||||
write your content.</p>
|
||||
|
||||
</main>
|
||||
<p>
|
||||
</p>
|
||||
<footer>
|
||||
Made with <a href="https://codeberg.org/alanpearce/zola-bearblog">Zola ʕ•ᴥ•ʔ Bear</a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue