diff --git a/hugo/assets/css/dark.css b/hugo/assets/css/dark.css index 2eb9578..bcf73b5 100644 --- a/hugo/assets/css/dark.css +++ b/hugo/assets/css/dark.css @@ -1,14 +1,3 @@ -main > header > h1 { - border-bottom: 6px solid var(--darkMaincolor); -} - - - -body { - color: white; - background-color: #202124; -} - ::-moz-selection { background: blue; color: #fff; @@ -21,62 +10,18 @@ body { text-shadow: none; } +main > header > h1 { + border-bottom: 6px solid var(--darkMaincolor); +} + +body { + color: white; + background-color: #202124; +} + hr { border-top: 3px dotted blue; } -code { - background-color: lightblue; - color: black; - text-decoration: bold; - padding: 0.1em 0.2em; -} -pre { - background-color: #272822; - line-height: 1.4; - overflow-x: auto; - padding: 1em; -} -blockquote { - border-color: blue; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: #ddd; -} -h1::before { - color: var(--darkMaincolor); - content: "# "; -} -h2::before { - color: var(--darkMaincolor); - content: "## "; -} -h3::before { - color: var(--darkMaincolor); - content: "### "; -} -h4::before { - color: var(--darkMaincolor); - content: "#### "; -} -h5::before { - color: var(--darkMaincolor); - content: "##### "; -} -h6::before { - color: var(--darkMaincolor); - content: "###### "; -} - -.toc { - background-color: #272822; - color: white; -} a { border-bottom: 3px solid var(--darkMaincolor); @@ -87,84 +32,15 @@ a:hover { color: black; } -.site-description a { +h1, +h2, +h3, +h4, +h5, +h6 { color: #ddd; } -.site-description a:hover { - color: black; -} -.tags a { - border-bottom: 3px solid var(--darkMaincolor); -} -.tags a:hover { - background-color: var(--darkMaincolor); - color: black; -} - -.site-title a { - color: white; - text-decoration: none !important; -} - -.header nav, .footer { border-color: #333; } - -.highlight { - background-color: #333; -} -.soc:hover { - color: black; -} -.draft-label { - color: var(--darkMaincolor); - background-color: blue; -} -.highlight pre code[class=language-javaScript]::before, -.highlight pre code[class="language-js"]::before { - content: "js"; - background: #f7df1e; - color: black; -} -.highlight pre code[class*='language-yml']::before, -.highlight pre code[class*='language-yaml']::before { - content: 'yaml'; - background: #f71e6a; - color: white; -} -.highlight pre code[class*='language-shell']::before, -.highlight pre code[class*='language-bash']::before, -.highlight pre code[class*='language-sh']::before { - content: 'shell'; - background: green; - color:white -} -.highlight pre code[class*='language-json']::before{ - content: 'json'; - background: dodgerblue; - color: #000000 -} -.highlight pre code[class*='language-python']::before, -.highlight pre code[class*='language-py']::before { - content: 'py'; - background: blue; - color: yellow ; -} -.highlight pre code[class*='language-css']::before{ - content: 'css'; - background: cyan; - color: black ; -} -.highlight pre code[class*='language-go']::before{ - content: 'Go'; - background: cyan; - color: royalblue ; -} -.highlight pre code[class*='language-md']::before, -.highlight pre code[class*='language-md']::before{ - content: 'Markdown'; - background: royalblue; - color: whitesmoke ; -} diff --git a/hugo/assets/css/main.css b/hugo/assets/css/main.css index c9d79bc..d5540d6 100644 --- a/hugo/assets/css/main.css +++ b/hugo/assets/css/main.css @@ -1,4 +1,121 @@ -/* table */ +:root { + --maincolor: red; + --bordercl: rebeccapurple; + --callouctcolor: dodgerblue; + --hovercolor: navy; + --darkMaincolor: #50fa7b; +} + +::selection { + background: var(--maincolor); + color: #fff; +} + +html { + color: #232333; + font-family: 'Fira Sans', sans-serif; + font-size: 15px; + line-height: 1.6em; +} + +body { + display: block; + margin: 8px; +} + +main { + max-width: 800px ; + margin: auto ; +} + +hr { + border: 0; + border-top: 3px dotted var(--bordercl); + margin: 1em 0; +} + +time { + color: grey; +} + +/* --- header --- */ + +header { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 1em 0; + line-height: 2.5em; +} + +header .main { + font-size: 1.5rem; +} + + +/* --- footer --- */ + +footer { + font-family: 'Roboto Mono', monospace; + border-top: 0.2rem dotted var(--bordercl); + padding: 2rem 0rem; + margin-top: 10rem; + text-align: center; +} + + +/* --- typography --- */ + +h1, h2, h3, h4, h5, h6 { + font-family: 'Roboto Mono', monospace; + font-size: 1.2rem; + margin-top: 2em; +} + +h1 .title { + margin-bottom: 0; +} + +main > header > h1 { + font-size: 1.6rem; + border-bottom: 6px solid var(--maincolor); +} + +p { + line-height: 1.5; +} + +a { + border-bottom: 3px solid var(--maincolor); + color: inherit; + text-decoration: none; +} + +a:hover { + background-color: var(--hovercolor); + color: #fff; +} + + +/* --- enumerations --- */ + +ul { + list-style: none; + padding-left: 2ch; +} + +ul li { + text-indent: -2ch; +} + +ul > li::before { + content: '- '; + font-weight: bold; +} + + +/* --- tables --- */ + table { border-collapse: collapse; } @@ -15,186 +132,61 @@ table td { font-size: small; } -/* footer */ -footer { - border-top: 0.2rem dotted var(--bordercl); - padding: 2rem 0rem; - margin-top: 10rem; - text-align: center; -} -/* Page Headings */ -main > header > h1 { - font-size: 1.6rem; - border-bottom: 6px solid var(--maincolor); -} - -main > header > h1::before{ - content: ""; -} - - - - -main { - max-width: 800px ; - margin: auto ; -} +/* --- images --- */ img { - max-width: 100% ; + border: 3px solid #ececec; + width: 100%; + height: 30vh; + object-fit: cover; } -/* For TAGLIST.HTML */ -.taglist { - text-align: center ; - clear: both ; -} -/* For NEXTPREV.HTML */ +/* --- for NEXTPREV.HTML --- */ + #nextprev { /* The container for both the previous and next articles. */ } #prevart { - float: left ; - text-align: left ; + float: left; + text-align: left; } #nextart { - float: right ; - text-align: right ; + float: right; + text-align: right; } #nextart,#prevart { - max-width: 33% ; + max-width: 33%; } -/* Markdown */ -:root{ ---maincolor: red; ---bordercl:rebeccapurple; ---callouctcolor:dodgerblue; ---hovercolor:navy; ---darkMaincolor: #50fa7b; + +/* --- tags --- */ + +.taglist { + text-align: center; + margin-block-start: 3em; } -html { - color: #232333; - font-family: 'Roboto Mono', monospace; - font-size: 15px; - line-height: 1.6em; +.tag::before { + content: "🏷 "; } -body{ - display: block; - margin: 8px; + +/* --- other classes --- */ + +.no-before::before { + content: ''; } -* { - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +.no-underline { + border-bottom: none; } -::selection { - background: var(--maincolor); - color: #fff; -} - -p { - font-family: 'Fira Sans', sans-serif; - line-height: 1.5; -} - -hr { - border: 0; - border-top: 3px dotted var(--bordercl); - margin: 1em 0; -} - -blockquote { - border-left: 3px solid var(--bordercl); - color: #737373; - margin: 0; - padding-left: 1em; -} - -a { - border-bottom: 3px solid var(--maincolor); - color: inherit; - text-decoration: none; -} -a:hover { - background-color: var(--hovercolor); - color: #fff; -} - -ul { - list-style: none; - padding-left: 2ch; -} -ul li { - text-indent: -2ch; -} -ul > li::before { - content: '* '; - font-weight: bold; -} - -/* Images */ -img { - border: 3px solid #ececec; - max-width: 100%; -} - -figure { - box-sizing: border-box; - display: inline-block; - margin: 0; - max-width: 100%; -} - -figure img { - max-height: 500px; -} - -@media screen and (min-width: 600px) { - figure { - padding: 0 40px; - } -} - -figure h4 { - font-size: 1rem; - margin: 0; +article .title { margin-bottom: 1em; } -figure h4::before { - content: '↳ '; -} -/* Code blocks */ -code { - background-color: #f1f1f1; - padding: .1em .2em; -} - -pre { - background-color: #ececec; - line-height: 1.4; - overflow-x: auto; - padding: 1em; -} - -.highlight pre ::selection { - background: rgba(255, 255, 255, 0.2); - color: inherit; -} - -pre code { - background-color: transparent; - color: inherit; - font-size: 100%; - padding: 0; -} - -/* Containers */ .content { margin-bottom: 4em; margin-left: auto; @@ -204,32 +196,6 @@ pre code { word-wrap: break-word; } -/* Header */ -header { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - margin: 1em 0; - line-height: 2.5em; -} - -header .main { - font-size: 1.5rem; -} -h1, h2, h3, h4, h5, h6 { - font-size: 1.2rem; - margin-top: 2em; -} - -/* -h1::before { color: var(--maincolor); content: '# '; } -h2::before { color: var(--maincolor); content: '## '; } -h3::before { color: var(--maincolor); content: '### '; } -h4::before { color: var(--maincolor); content: '#### '; } -h5::before { color: var(--maincolor); content: '##### '; } -h6::before { color: var(--maincolor); content: '###### '; } -*/ - .meta { color: #999; letter-spacing: -0.5px; @@ -244,136 +210,8 @@ h6::before { color: var(--maincolor); content: '###### '; } display: inline-block; } - -/* Common */ -.title h1 { - margin-bottom: 0; -} - -time { - color: grey; -} - -/* Posts */ -article .title { - margin-bottom: 1em; -} - - -/* Callout */ -.callout { - background-color: var(--callouctcolor); - color: #fff; - padding: 1em; -} - -.callout p { - font-family: 'IBM Plex Mono', monospace; - margin: 0; -} - -.callout a { - border-bottom: 3px solid #fff; -} - -.callout a:hover { - background-color: #fff; - color: var(--callouctcolor); -} - .site-description { -display: flex; -justify-content: space-between; -} -.tags li::before{ - content: "🏷 "; -} -.tags a{ - border-bottom: 3px solid var(--maincolor); -} -.tags a:hover{ - color:white; - background-color: var(--hovercolor); -} -svg{ - max-height: 15px; -} -.soc:hover{ - color: white; -} -.draft-label{ - color: var(--bordercl); - text-decoration: none; - padding: 2px 4px; - border-radius: 4px; - margin-left: 6px; - background-color: #f9f2f4; -} -.highlight { - position: relative; - -webkit-overflow-scrolling: touch; -} -.highlight pre code[class*="language-"] { - -webkit-overflow-scrolling: touch; -} -.highlight pre code[class*="language-"]::before { - background: black; - border-radius: 0 0 0.25rem 0.25rem; - color: white; - font-size: 12px; - letter-spacing: 0.025rem; - padding: 0.1rem 0.5rem; - position: absolute; - right: 1rem; - text-align: right; - text-transform: uppercase; - top: 0; -} - -.highlight pre code[class=language-javaScript]::before, -.highlight pre code[class="language-js"]::before { -content: "js"; -background: #f7df1e; -color: black; -} -.highlight pre code[class*='language-yml']::before, -.highlight pre code[class*='language-yaml']::before { -content: 'yaml'; -background: #f71e6a; -color: white; -} -.highlight pre code[class*='language-shell']::before, -.highlight pre code[class*='language-bash']::before, -.highlight pre code[class*='language-sh']::before { -content: 'shell'; -background: green; -color:white -} -.highlight pre code[class*='language-json']::before{ -content: 'json'; -background: dodgerblue; - color: #000000 -} -.highlight pre code[class*='language-python']::before, -.highlight pre code[class*='language-py']::before { -content: 'py'; -background: blue; -color: yellow ; -} -.highlight pre code[class*='language-css']::before{ -content: 'css'; -background: cyan; -color: black ; -} -.highlight pre code[class*='language-go']::before{ -content: 'Go'; -background: cyan; -color: royalblue ; -} -.highlight pre code[class*='language-md']::before, -.highlight pre code[class*='language-md']::before{ -content: 'Markdown'; -background: royalblue; -color: whitesmoke ; + display: flex; + justify-content: space-between; } diff --git a/hugo/content/apfeltarte.md b/hugo/content/apfeltarte.md index 40d51e5..4d28d9f 100644 --- a/hugo/content/apfeltarte.md +++ b/hugo/content/apfeltarte.md @@ -1,5 +1,5 @@ --- -title: Apfeltarte +title: " 🍎 Apfeltarte" date: 2024-10-01T16:01:46Z draft: false tags: diff --git a/hugo/content/belgische_waffeln.md b/hugo/content/belgische_waffeln.md index 5205575..2a650ba 100644 --- a/hugo/content/belgische_waffeln.md +++ b/hugo/content/belgische_waffeln.md @@ -1,5 +1,5 @@ --- -title: Belgische Waffeln +title: 🧇 Belgische Waffeln date: 2025-03-14T18:31:02+01:00 draft: false tags: diff --git a/hugo/content/huehnerfond.md b/hugo/content/huehnerfond.md index d61912f..49b835c 100644 --- a/hugo/content/huehnerfond.md +++ b/hugo/content/huehnerfond.md @@ -1,5 +1,5 @@ --- -title: Hühnerfond +title: 🐓 Hühnerfond date: 2024-12-04T20:30:27Z draft: false tags: diff --git a/hugo/content/huehnersuppe.md b/hugo/content/huehnersuppe.md index 49026ef..f5dc4f7 100644 --- a/hugo/content/huehnersuppe.md +++ b/hugo/content/huehnersuppe.md @@ -1,5 +1,5 @@ --- -title: Hühnersuppe +title: 🍲 Hühnersuppe date: 2024-12-04T19:52:16Z draft: false tags: diff --git a/hugo/content/hummus.md b/hugo/content/hummus.md index 6004d91..c25b1ff 100644 --- a/hugo/content/hummus.md +++ b/hugo/content/hummus.md @@ -1,20 +1,20 @@ --- -title: Hummus +title: " 🍯 Hummus" date: 2025-03-14T18:43:14+01:00 draft: false tags: --- -| Zutat | -| ---------------- | -| Kichererbsen | -| Kichererbsen-Sud | -| Knoblauchöl | -| Sesamöl | -| Kardamon | -| Kreuzkümmel | -| Salz | -| Pfeffer | +| Menge | Zutat | +| ------ | ---------------- | +| 1 Glas | Kichererbsen | +| | Kichererbsen-Sud | +| | Knoblauchöl | +| | Sesamöl | +| | Kardamon | +| | Kreuzkümmel | +| | Salz | +| | Pfeffer | # 👨‍🍳 Zubereitung diff --git a/hugo/content/italienische_meringue.md b/hugo/content/italienische_meringue.md index e7d024d..fe59aff 100644 --- a/hugo/content/italienische_meringue.md +++ b/hugo/content/italienische_meringue.md @@ -1,9 +1,9 @@ --- -title: "Italienische Meringué" +title: 🧁 Italienische Meringué date: 2024-09-27T16:25:08Z draft: false -tags: -- Dessert +tags: + - Dessert --- | Menge | Zutat | diff --git a/hugo/content/kokoseis.md b/hugo/content/kokoseis.md index 81e74a8..f681342 100644 --- a/hugo/content/kokoseis.md +++ b/hugo/content/kokoseis.md @@ -1,5 +1,5 @@ --- -title: "Kokoseis" +title: 🍦 Kokoseis date: 2024-09-25T11:51:58Z draft: false tags: diff --git a/hugo/content/mediteraner_nudelsalat.md b/hugo/content/mediteraner_nudelsalat.md new file mode 100644 index 0000000..72502c3 --- /dev/null +++ b/hugo/content/mediteraner_nudelsalat.md @@ -0,0 +1,27 @@ +--- +title: 🥗 Mediteraner Nudelsalat +date: 2025-03-14T22:32:35+01:00 +draft: false +tags: +--- + + +| 500 g | Nudeln | +| ------ | ---------------------------------------- | +| 1 Glas | Schwarze, entsteinte Oliven ohne Kräuter | +| 1 Glas | Getrocknete Tomaten in Öl | +| 4 EL | Öl von den Tomaten | +| 4 EL | Tomatenmark | +| 1 Zehe | Knoblauch | +| 1 Pck. | Schafskäse | +| 1 Pck. | Pinienkerne | +| | Salz und Pfeffer | + +# 👨‍🍳 Zubereitung + +* Die Nudeln gar kochen und anschließend abgießen. +* Den Schafskäse mit den Händen zerkrümeln. +* Die getrockneten Tomaten abtropfen lassen, dabei 4 EL vom Öl auffangen. Evtl. auch die Tomaten und die Oliven klein schneiden. +* Alle Zutaten von Oliven bis Schafskäse mit den noch warmen Nudeln vermischen. Mit Salz und Pfeffer abschmecken.  +* Die kurz in der Pfanne gerösteten Pinienkerne kurz vor dem Servieren unterheben.  +* Der Salat schmeckt am besten, wenn er 1 Nacht durchgezogen ist. diff --git a/hugo/content/schoko_tarte_creme.md b/hugo/content/schoko_tarte_creme.md index 267634b..f3c19f3 100644 --- a/hugo/content/schoko_tarte_creme.md +++ b/hugo/content/schoko_tarte_creme.md @@ -1,5 +1,5 @@ --- -title: "Schoko-Tarte-Creme" +title: 🍫 Schoko-Tarte-Creme date: 2024-09-25T11:54:54Z draft: false tags: diff --git a/hugo/content/schokoladen_mousse.md b/hugo/content/schokoladen_mousse.md index 99aae98..b6a9d56 100644 --- a/hugo/content/schokoladen_mousse.md +++ b/hugo/content/schokoladen_mousse.md @@ -1,10 +1,10 @@ --- -title: "Schokoladen-Mousse" +title: 🍫 Schokoladenmousse date: 2024-09-25T11:20:58Z draft: false tags: - - Schokolade - - Dessert + - Schokolade + - Dessert --- ![Schokoladen Mousse](/img/schokoladen-mousse.jpg) diff --git a/hugo/layouts/_default/baseof.html b/hugo/layouts/_default/baseof.html index 413edfe..6f497ca 100644 --- a/hugo/layouts/_default/baseof.html +++ b/hugo/layouts/_default/baseof.html @@ -39,25 +39,27 @@ - {{ if .Site.Menus.main }}{{ partial "nav.html" . }}{{ end -}}
-

{{ block "title" . }}{{ end }}

+
+

{{ block "title" . }}{{ end }}

+
+
- {{ block "main" . }} - {{ .Content }} - {{ end }} - {{ if .Param "nextprev" }}{{ partial "nextprev.html" . -}}{{ end -}} - {{ if .Param "taglist" }}{{ partial "taglist.html" . }}{{ end -}} + {{ block "main" . }} + {{ .Content }} + {{ end }}
- {{ if .Params.tags }} -

Tags: + + {{ if .Params.tags }} +

Tags: {{ $tags := .Params.tags }} {{ range $index, $tag := $tags }} - {{ $tag }}{{ if lt (add $index 1) (len $tags) }}, {{ end }} + {{ $tag }}{{ if lt (add $index 1) (len $tags) }}, {{ end }} {{ end }}

{{ end }}
+ {{ block "footer" . }}