From 0c9c3b46721a66432e9b5b3ec48038b5980eeed0 Mon Sep 17 00:00:00 2001 From: nek0 Date: Mon, 10 Apr 2023 22:11:09 +0200 Subject: [PATCH] finish building --- site/css/default.css | 70 +++++++++++++++++++----------------------- site/images/feed.svg | 2 ++ site/imprint.md | 13 ++++---- templates/default.html | 20 ++++++------ templates/post.html | 2 +- 5 files changed, 52 insertions(+), 55 deletions(-) create mode 100644 site/images/feed.svg diff --git a/site/css/default.css b/site/css/default.css index 3e3142b..4ac9a69 100644 --- a/site/css/default.css +++ b/site/css/default.css @@ -1,8 +1,8 @@ :root { --background-color: darkslategrey; - --text-color: antiquewhite; - --link-color: greenyellow; - --link-visited-color: lightsteelblue; + --text-color: silver; + --link-color: limegreen; + --link-visited-color: lightskyblue; } body { @@ -24,6 +24,8 @@ body { align-content: stretch; min-height: 100vh; background-color: var(--background-color); + box-shadow: inset 0 0 25vh #000000; + box-sizing: border-box; } body::after { @@ -89,6 +91,7 @@ article { overflow: auto; grid-area: main; max-width: 80em; + line-height: 1.5; } article hr { @@ -103,7 +106,7 @@ article ul{ list-style: none; } -article li:before { +article li::before { display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMzYzIDg3N2wtNzQyIDc0MnEtMTkgMTktNDUgMTl0LTQ1LTE5bC0xNjYtMTY2cS0xOS0xOS0xOS00NXQxOS00NWw1MzEtNTMxLTUzMS01MzFxLTE5LTE5LTE5LTQ1dDE5LTQ1bDE2Ni0xNjZxMTktMTkgNDUtMTl0NDUgMTlsNzQyIDc0MnExOSAxOSAxOSA0NXQtMTkgNDV6Ii8+PC9zdmc+); background-repeat: no-repeat; @@ -115,7 +118,6 @@ article li:before { article li { text-indent: -2ex; - padding-left: 1.5ex; } .liberapay { @@ -234,6 +236,7 @@ article li { height: 40px; line-height: 40px; padding: 10px; + font-weight: bold; } .extras a:link, .extras a:visited { @@ -245,36 +248,19 @@ article li { display: inline-block; height: 85px; padding: 20px; -} - -.plug-container, .extras-container { width: 25%; + background-color: var(--text-color); + border-radius: 5px; } -.plug-container::after, .extras-container::after { +/*.plug-container::after, .extras-container::after { content: ""; position: relative; - top: -125px; - left: -20px; + margin-top: -125px; + margin-left: -20px; display: inline-block; height: 125px; width: 100%; - background-color: var(--text-color); - border-radius: 5px; - opacity: 50%; - z-index: -1; -} - -/*.extras-container::after { - content: ""; - position: relative; - top: -100px; - left: -20px; - display: inline-block; - height: 125px; - width: 100%; - background-color: var(--text-color); - border-radius: 5px; opacity: 50%; z-index: -1; }*/ @@ -282,8 +268,8 @@ article li { pre { border: dashed 1px #000000; border-radius: 5px; - background-color: rgba(0, 0, 0, 0.05); - background: rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.2); + background: rgba(0, 0, 0, 0.2); padding: 10px; } @@ -294,7 +280,7 @@ pre code { background-color: transparent; } -pre code:before { +pre code::before { content: attr(class); position: relative; float: right; @@ -306,8 +292,8 @@ pre code:before { code { font-size: 14pt; - background: rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.05); + background: rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.2); border: dashed 1px #000000; border-radius: 5px; } @@ -339,12 +325,12 @@ h2 { } .info { - color: #555; font-size: 14pt; font-style: italic; + padding-bottom: 20px; } -.tags a:before { +.tags a::before { display: inline-block; width: 2ex; height: 2ex; @@ -355,10 +341,18 @@ h2 { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaGVpZ2h0PSIxMDAlIgogICB3aWR0aD0iMTAwJSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNDMwMyIKICAgdmlld0JveD0iMCAtMjU2IDE5NTAgMTk1MCI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNDMxMyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczQzMTEiIC8+CiAgPGcKICAgICBpZD0iZzQzMDUiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMjEuNjc4Nzg2LDEzOTIuODE5KSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6Y3VycmVudENvbG9yIgogICAgICAgaWQ9InBhdGg0MzA3IgogICAgICAgZD0ibSA0NDgsMTA4OCBxIDAsNTMgLTM3LjUsOTAuNSBRIDM3MywxMjE2IDMyMCwxMjE2IDI2NywxMjE2IDIyOS41LDExNzguNSAxOTIsMTE0MSAxOTIsMTA4OCAxOTIsMTAzNSAyMjkuNSw5OTcuNSAyNjcsOTYwIDMyMCw5NjAgcSA1MywwIDkwLjUsMzcuNSBRIDQ0OCwxMDM1IDQ0OCwxMDg4IHogTSAxNTE1LDUxMiBxIDAsLTUzIC0zNywtOTAgTCA5ODcsLTcwIHEgLTM5LC0zNyAtOTEsLTM3IC01MywwIC05MCwzNyBMIDkxLDY0NiBRIDUzLDY4MyAyNi41LDc0NyAwLDgxMSAwLDg2NCB2IDQxNiBxIDAsNTIgMzgsOTAgMzgsMzggOTAsMzggaCA0MTYgcSA1MywwIDExNywtMjYuNSA2NCwtMjYuNSAxMDIsLTY0LjUgbCA3MTUsLTcxNCBxIDM3LC0zOSAzNywtOTEgeiBtIDM4NCwwIHEgMCwtNTMgLTM3LC05MCBMIDEzNzEsLTcwIHEgLTM5LC0zNyAtOTEsLTM3IC0zNiwwIC01OSwxNCAtMjMsMTQgLTUzLDQ1IGwgNDcwLDQ3MCBxIDM3LDM3IDM3LDkwIDAsNTIgLTM3LDkxIGwgLTcxNSw3MTQgcSAtMzgsMzggLTEwMiw2NC41IC02NCwyNi41IC0xMTcsMjYuNSBoIDIyNCBxIDUzLDAgMTE3LC0yNi41IDY0LC0yNi41IDEwMiwtNjQuNSBsIDcxNSwtNzE0IHEgMzcsLTM5IDM3LC05MSB6IiAvPgogIDwvZz4KPC9zdmc+Cg==); } -.feed{ +.feed a { display: inline-block; - padding-bottom: -2px; - fill: currentColor; +} + +.feed a::before { + content: ""; + width: 20px; + height: 20px; + display: inline-block; + background-image: url(/images/feed.svg); + background-size: contain; + margin-top: -2px; } .scripture { @@ -371,7 +365,7 @@ h2 { /* box shadow */ box-shadow: 5px 5px 10px #a1a1a1; /* bg-colour */ - background-color: #faf5eb; + background-color: blanchedalmond; /* adjust line height */ line-height: 200%; /* margin */ diff --git a/site/images/feed.svg b/site/images/feed.svg new file mode 100644 index 0000000..ac579ea --- /dev/null +++ b/site/images/feed.svg @@ -0,0 +1,2 @@ + + diff --git a/site/imprint.md b/site/imprint.md index 89b22e6..df0580f 100644 --- a/site/imprint.md +++ b/site/imprint.md @@ -2,18 +2,19 @@ title: Impressum / Datenschutz --- -# Impressum -## Diensteanbieter +## Impressum +### Diensteanbieter Amedeo Molnár\ -Rahnstraße 9\ -01129 Dresden +c/o Netzbiotop e.V.\ +Rieaser Straße 32\ +01127 Dresden -## Kontaktmöglichkeiten +### Kontaktmöglichkeiten E-Mail-Adresse: . -# Datenschutzerklärung +## Datenschutzerklärung Stand: 07. August 2022 Eine Speicherung von personenbezogenen Daten der Nutzer dieser Website findet durch technische diff --git a/templates/default.html b/templates/default.html index ecac3b3..6ebd2cd 100644 --- a/templates/default.html +++ b/templates/default.html @@ -1,5 +1,5 @@ - + $if(description)$ @@ -23,7 +23,7 @@ - + $if(datetime)$ -
-

$title$

+
+

$title$

$else$ -
-

$title$

+
+

$title$

$endif$ $body$ -
+
  • @@ -78,8 +78,8 @@
  • Feeds:
  • Site generated by: diff --git a/templates/post.html b/templates/post.html index 6b84cab..ce42faf 100644 --- a/templates/post.html +++ b/templates/post.html @@ -26,7 +26,7 @@
    - $tags$ + $tagCloud$