feat: add page style

This commit is contained in:
Tim Schubert 2024-08-22 16:06:19 +02:00
parent b971b5905b
commit 40b6196abf
Signed by: dadada
SSH key fingerprint: SHA256:bFAjFH3hR8zRBaJjzQDjc3o4jqoq5EZ87l+KXEjxIz0
7 changed files with 90 additions and 64 deletions

View file

@ -9,15 +9,9 @@
href="https://dadada.li/feed.xml" href="https://dadada.li/feed.xml"
title="dadada" title="dadada"
/> />
<link rel="stylesheet" type="text/css" href="../../pagestyle.css" />
</head> </head>
<body <body>
style="
min-width: 30em;
max-width: 60em;
margin-left: auto;
margin-right: auto;
"
>
<header> <header>
<nav> <nav>
<a href="https://dadada.li/">dadada</a> <a href="https://dadada.li/">dadada</a>

View file

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -9,15 +9,9 @@
href="https://dadada.li/feed.xml" href="https://dadada.li/feed.xml"
title="dadada" title="dadada"
/> />
<link rel="stylesheet" type="text/css" href="../../pagestyle.css" />
</head> </head>
<body <body>
style="
min-width: 30em;
max-width: 60em;
margin-left: auto;
margin-right: auto;
"
>
<header> <header>
<nav> <nav>
<a href="https://dadada.li/">dadada</a> <a href="https://dadada.li/">dadada</a>
@ -45,7 +39,8 @@ decrypts +----------------+ +----------+ +-----------+
+->| SEA (master) | +->| SEA (master) |
| remote on paper | | remote on paper |
+-----------------+ +-----------------+
</pre> </pre
>
<p> <p>
See See
<a <a

View file

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -9,15 +9,9 @@
href="https://dadada.li/feed.xml" href="https://dadada.li/feed.xml"
title="dadada" title="dadada"
/> />
<link rel="stylesheet" type="text/css" href="../../pagestyle.css" />
</head> </head>
<body <body>
style="
min-width: 30em;
max-width: 60em;
margin-left: auto;
margin-right: auto;
"
>
<header> <header>
<nav> <nav>
<a href="https://dadada.li/">dadada</a> <a href="https://dadada.li/">dadada</a>
@ -84,13 +78,12 @@
<code>tag</code> can be used to include them in multiple workbenches. <code>tag</code> can be used to include them in multiple workbenches.
</p> </p>
<p>An example workflow</p> <p>An example workflow</p>
<pre> <pre><code class="shell">cd tag</code>
$ cd tag <code class="shell">mkdir -p course1/examples</code>
$ mkdir -p course1/examples <code class="shell">ln -s ~/src/example1 course1/examples/</code>
$ ln -s ~/src/example1 course1/examples/ <code class="shell">ln -s ~/lib/courses/course1 course1/material</code>
$ ln -s ~/lib/courses/course1 course1/material <code class="shell">rm -r course1</code></pre
$ rm -r course1 >
</pre>
<p> <p>
I create new tags for various reasons, but mostly one for each larger I create new tags for various reasons, but mostly one for each larger
context (e.g. work, hobbies, admin foo, thesis, courseXY) and some more context (e.g. work, hobbies, admin foo, thesis, courseXY) and some more

View file

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -9,15 +9,9 @@
href="https://dadada.li/feed.xml" href="https://dadada.li/feed.xml"
title="dadada" title="dadada"
/> />
<link rel="stylesheet" type="text/css" href="pagestyle.css" />
</head> </head>
<body <body>
style="
min-width: 30em;
max-width: 60em;
margin-left: auto;
margin-right: auto;
"
>
<header> <header>
<nav> <nav>
<a href="https://dadada.li/">dadada</a> <a href="https://dadada.li/">dadada</a>

62
pagestyle.css Normal file
View file

@ -0,0 +1,62 @@
body {
min-width: 30em;
max-width: 60em;
margin-left: auto;
margin-right: auto;
}
nav {
text-align: center;
font-size: 16pt;
a {
text-decoration: none;
color: black;
}
border-bottom: 2pt solid grey;
}
footer {
border-top: 2pt solid grey;
padding-block: 0.5em;
font-size: 10pt;
}
main {
padding: 0.5em;
code {
background-color: aliceblue;
}
a:visited {
color: darkorange;
}
a:link {
color: darkcyan;
}
a {
text-decoration: none;
}
figure {
font-size: 10pt;
figcaption {
padding-left: 1em;
}
figcaption:before {
content: "| ";
}
}
pre {
padding-block: 0.5em;
border-block: 1pt solid grey;
font-size: 8pt;
}
pre code.shell:before {
content: "$ ";
}
pre code.shell {
background-color: white;
}
h2,
h3 {
margin-top: 1.5em;
}
}

View file

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -9,15 +9,9 @@
href="https://dadada.li/feed.xml" href="https://dadada.li/feed.xml"
title="dadada" title="dadada"
/> />
<link rel="stylesheet" type="text/css" href="../../pagestyle.css" />
</head> </head>
<body <body>
style="
min-width: 30em;
max-width: 60em;
margin-left: auto;
margin-right: auto;
"
>
<header> <header>
<nav> <nav>
<a href="https://dadada.li/">dadada</a> <a href="https://dadada.li/">dadada</a>

View file

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en-us"> <html lang="en-us">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -9,15 +9,9 @@
href="https://dadada.li/feed.xml" href="https://dadada.li/feed.xml"
title="dadada" title="dadada"
/> />
<link rel="stylesheet" type="text/css" href="../../pagestyle.css" />
</head> </head>
<body <body>
style="
min-width: 30em;
max-width: 60em;
margin-left: auto;
margin-right: auto;
"
>
<header> <header>
<nav> <nav>
<a href="https://dadada.li/">dadada</a> <a href="https://dadada.li/">dadada</a>
@ -99,9 +93,9 @@
<h1 id="performance">Performance</h1> <h1 id="performance">Performance</h1>
<p>kann Boot verlangsamen ➤ Nicht mit bash implementieren, lieber C</p> <p>kann Boot verlangsamen ➤ Nicht mit bash implementieren, lieber C</p>
<h1 id="debugging">Debugging</h1> <h1 id="debugging">Debugging</h1>
<pre><code>dir=$(mktemp -d) <pre><code class="shell">dir=$(mktemp -d)</code>
SYSTEMD_LOG_LEVEL=debug /usr/lib/systemd/system-generators/systemd-fstab-generator &quot;$dir&quot; &quot;$dir&quot; &quot;$dir&quot; <code class="shell">SYSTEMD_LOG_LEVEL=debug /usr/lib/systemd/system-generators/systemd-fstab-generator &quot;$dir&quot; &quot;$dir&quot; &quot;$dir&quot;</code>
find $dir</code></pre> <code class="shell">find $dir</code></pre>
<ul> <ul>
<li>syslog(3) ist nicht vefügbar</li> <li>syslog(3) ist nicht vefügbar</li>
<li>keine Magie versuchen</li> <li>keine Magie versuchen</li>