N0VA/Fanfiction
1
0
Fork 0
Code Activity

Compare commits

base: N0VA:c31b66c492001bd2dca02c0de773bc71b46bcd06
Branches Tags
N0VA:main
..
compare: N0VA:d3637e8758493bd96631a4a0a6cd955e159dc939
Branches Tags
N0VA:main

2 Commits
c31b66c492 ... d3637e8758

Author SHA1 Message Date
N0\A
d3637e8758 better backlinks 2026-05-15 21:31:45 +02:00
N0\A
b972d54a7d Update styles.css 2026-05-15 21:27:43 +02:00
2 changed files with 50 additions and 97 deletions
Expand all files Collapse all files

44
convert-md.sh
View File

@@ -2,23 +2,14 @@
CSS=$(cat ./styles.css)
HTML_BEGIN="<!DOCTYPE html>
<html lang=\"en\">
<head>
<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
<style>$CSS</style>
</head>
<body>
<nav><a href=\"../\">← Parent Directory</a></nav>
<hr>"
HTML_END="
</body>
</html>"
cd "$(dirname "$0")"
ROOT_DIR="$(pwd)"
find . -type f -name "*.md" -print0 | while IFS= read -r -d '' mdfile; do
dir=$(dirname "$mdfile")
base=$(basename "$mdfile" .md)
@@ -34,6 +25,37 @@ find . -type f -name "*.md" -print0 | while IFS= read -r -d '' mdfile; do
pandoc "$mdfile" -t html -o "$html_raw"
abs_dir="$(cd "$dir" && pwd)"
rel_depth="${abs_dir#$ROOT_DIR}"
rel_depth="${rel_depth#/}"
nav=""
if [[ -z "$rel_depth" ]]; then
if [[ "$out_base" != "index" ]]; then
nav='<nav><a href="./index.html"><- Index</a></nav>'
fi
else
if [[ "$out_base" == "index" ]]; then
nav='<nav><a href="../index.html"><- Home</a></nav>'
else
nav='<nav><a href="./index.html"><- Index</a> | <a href="../index.html"><- Home</a></nav>'
fi
fi
if [[ -n "$nav" ]]; then
nav="$nav<hr>"
fi
HTML_BEGIN="<!DOCTYPE html>
<html lang=\"en\">
<head>
<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
<style>$CSS</style>
</head>
<body>
$nav"
{
echo "$HTML_BEGIN"
sed -E 's/href="(\.\/[^.]+)"/href="\1\/"/g' "$html_raw" | \

103
styles.css
View File

@@ -3,6 +3,7 @@
padding: 0;
box-sizing: border-box;
}
body {
min-height: 100vh;
background: #1a1a1a;
@@ -10,102 +11,32 @@ body {
color: #e0e0e0;
padding: 20px;
line-height: 1.6;
text-shadow: 0 0 5px rgba(224, 224, 224, 0.2);
text-shadow: 0 0 5px rgba(224, 224, 224, 0.3);
}
h1,
h2,
h3,
h4,
h5,
h6 {
h1, h2, h3, h4, h5, h6 {
color: #00a4dc;
margin: 20px 0 10px;
text-shadow: 0 0 8px rgba(0, 164, 220, 0.4);
}
h1 {
font-size: 28px;
border-bottom: 1px solid #333;
padding-bottom: 10px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
p {
margin: 10px 0;
}
h1 { font-size: 28px; border-bottom: 1px solid #333; padding-bottom: 10px; margin: 20px 0 10px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
p, ul, li { margin: 10px 0; }
ul { margin-left: 20px; }
li { margin: 5px 0; }
a {
color: #888;
text-decoration: none;
transition: all 0.2s ease;
text-shadow: 0 0 5px rgba(224, 224, 224, 0.3);
}
a:hover {
color: #e0e0e0;
text-shadow: 0 0 10px rgba(224, 224, 224, 0.5);
}
code {
background: #0a0a0a;
padding: 2px 6px;
border: 1px solid #333;
font-size: 13px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
pre {
background: #0a0a0a;
border: 1px solid #333;
padding: 15px;
overflow-x: auto;
margin: 15px 0;
box-shadow: 0 0 10px rgba(0, 164, 220, 0.1);
}
pre code {
background: none;
border: none;
padding: 0;
box-shadow: none;
}
blockquote {
border-left: 3px solid #333;
padding-left: 15px;
color: #888;
margin: 15px 0;
}
ul,
ol {
margin: 10px 0 10px 20px;
}
li {
margin: 5px 0;
}
hr {
border: none;
border-top: 1px solid #333;
margin: 20px 0;
}
img {
max-width: 100%;
height: auto;
border: 1px solid #333;
margin: 10px 0;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
table {
border-collapse: collapse;
width: 100%;
margin: 15px 0;
}
th,
td {
border: 1px solid #333;
padding: 8px 12px;
text-align: left;
}
th {
background: #222;
color: #00a4dc;
}
tr:nth-child(even) {
background: #111;
}
hr { border: none; border-top: 1px solid #333; margin: 20px 0; }