diff --git a/README.md b/README.md index 028015d..07eaad0 100644 --- a/README.md +++ b/README.md @@ -13,4 +13,4 @@ ## Lizenz -CC-BY-SA 4.0 \| Jan Kremer \| 2021–2025 +CC0 1.0 \| Jan Kremer \| 2021–2025 diff --git a/archetypes/micro.md b/archetypes/micro.md deleted file mode 100644 index 0bd066a..0000000 --- a/archetypes/micro.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: {{ replace .Name "-" " " | title }} -date: {{ .Date }} -tags: - - micro -draft: true ---- diff --git a/archetypes/photos.md b/archetypes/photos.md deleted file mode 100644 index 2fcef3e..0000000 --- a/archetypes/photos.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: {{ replace .Name "-" " " | title }} -date: {{ .Date }} -description: -feature: -tags: - - photos -draft: true ---- diff --git a/archetypes/blog.md b/archetypes/post.md similarity index 100% rename from archetypes/blog.md rename to archetypes/post.md diff --git a/assets/css/main.css b/assets/css/main.css index 31b7c93..04cc665 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,164 +1,152 @@ :root { - font-size: calc(1rem + 0.25vw); - --red: oklch(65% 0.25 30); - --blue1: oklch(50% 0.1 230); - --blue2: oklch(40% 0.1 230); - --light-gray: oklch(95% 0 0); - --white1: oklch(100% 0 0); - --text1: oklch(20% 0 0); - --text2: oklch(50% 0 0); - --text3: oklch(70% 0 0); - --code-bg: #faf3eb; -} + color-scheme: light dark; -code { - background: var(--code-bg); - border-radius: 0.3em; - padding: 0.1em 0.2em; - font-size: 0.9em; -} - -.highlight { - background: var(--code-bg); - border-radius: 0.3rem; - padding: 0.5em 0.5em; - margin: 1rem 0; - overflow: auto; - - & code { - margin: 0; - padding: 0; - } - - & pre { - margin: 0; - padding: 0; - } + --red: #df3f65; + --orange: #e59235; + --yellow: #ebc343; + --green: #7dcc50; + --blue: #4ea1e6; + --violet: #b771d0; + --brown: #967e5e; + --border: #d7d7d5; + --serif: Athelas, Garamond, "EB Garamond", serif; + --sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; } body { - color: var(--text); - background: var(--background); - font-family: "EB Garamond", Constantia, "Lucida Bright", Lucidabright, - "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", - "Liberation Serif", Athelas, Georgia, serif; + font-family: var(--sans-serif); font-variant-numeric: oldstyle-nums; - line-height: 1.5; margin: auto; padding: 1rem; + max-width: 80ch; + color: light-dark(black, white); + background-color: light-dark(white, black); +} + +main { + margin: 1rem auto; max-width: 70ch; - font-weight: normal; -} - -header { - border-bottom: 1px solid var(--text3); - margin-bottom: 1rem; - - & nav { - & ul { - font-size: 1.25rem; - list-style: none; - display: flex; - justify-content: space-between; - padding: 0; - - .active { - text-decoration: underline; - } - } - } -} - -p { - padding: 0; - margin-top: 0; - text-align: justify; - text-justify: inter-word; -} - -article > p:nth-of-type(2)::first-letter { - font-size: 3rem; - float: left; - line-height: 2.9rem; - padding-right: 0.2rem; } a { - color: var(--red); + color: var(--blue); text-decoration: none; - &:hover { + text-decoration-color: var(--blue); text-decoration: underline; } } +article { + line-height: 1.5; + text-align: justify; + text-justify: inter-word; + & img { + width: 100%; + } + > p:nth-of-type(2)::first-letter { + font-size: 3.3rem; + float: left; + line-height: 3rem; + padding-right: 0.2rem; + } + & p { + font-family: var(--serif); + } + & ul { + font-family: var(--serif); + } +} + h1 { - padding: 0; - margin: 0; - font-size: 2rem; - font-weight: normal; text-align: center; } -h2 { - padding: 0; - margin: 0; - font-size: 1.75rem; - font-weight: normal; -} - -h3 { - padding: 0; - margin: 0; - font-size: 1.5rem; - font-weight: normal; -} - time { - font-size: 1rem; - float: right; - color: var(--blue2); + float: top right; } table { border-collapse: collapse; width: 90%; margin: 5%; - & th { text-align: left; - border-bottom: 1px solid var(--text1); + border-bottom: 1px solid; } } -img { - width: 100%; +.title { + color: light-dark(black, white); + font-family: var(--serif); + font-weight: bold; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.5rem; + & svg { + height: 1.5rem; + margin: 0.5rem; + vertical-align: middle; + fill: light-dark(black, white); + } +} + +header { + border-bottom: 1px solid var(--border); + font-size: 1.25rem; + font-family: var(--serif); + font-weight: bold; + & nav { + & ul { + display: flex; + justify-content: space-evenly; + list-style: none; + padding: 0 0.5rem; + + & a { + color: light-dark(black, white); + text-decoration: none; + } + + .active { + text-decoration: underline; + text-decoration-color: var(--blue); + } + } + } } footer { - border-top: 1px solid var(--text3); - margin-top: 1rem; - - & p { + font-family: var(--serif); + border-top: 1px solid var(--border); + & ul { + display: flex; + justify-content: space-around; + list-style: none; font-size: 0.75rem; padding: 1rem; - text-align: center; - color: var(--text2); - & a { - color: var(--text2); + text-decoration: none; + &:hover { + text-decoration: none; + } + } + & svg { + height: 0.75rem; + width: 0.75rem; + padding: 0.1rem; + vertical-align: middle; } } } .list { - color: var(--text1); - + color: light-dark(black, white); & h2 { - margin-top: 2rem; + margin-top: 1.25rem; margin-bottom: 0; } - .lead { margin: 0; font-size: 1rem; @@ -174,22 +162,34 @@ footer { justify-content: space-between; padding: 0 1rem; font-size: 0.75rem; - - & li { - padding: 0rem 0.3rem; - border: 1px solid var(--text1); - border-radius: 0.3rem; - } } } -.title { - font-size: 2rem; - margin-bottom: 0.5rem; -} - .lead { + font-family: var(--sans-serif); text-align: center; font-size: 1.5rem; margin-bottom: 1rem; } + +code { + border-radius: 0.3em; + padding: 0.1em 0.2em; + font-size: 0.9em; +} + +.highlight { + background: light-dark(var(--border), gray); + border-radius: 0.3rem; + padding: 0.5em 0.5em; + margin: 1rem 0; + overflow: auto; + & code { + margin: 0; + padding: 0; + } + & pre { + margin: 0; + padding: 0; + } +} diff --git a/content/micro/_index.md b/content/micro/_index.md deleted file mode 100644 index daba657..0000000 --- a/content/micro/_index.md +++ /dev/null @@ -1,3 +0,0 @@ ---- -title: Microblog ---- diff --git a/content/micro/helix.md b/content/micro/helix.md deleted file mode 100644 index e192916..0000000 --- a/content/micro/helix.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: Neovim → Helix -date: 2024-10-24T22:23:05+02:00 -tags: - - micro ---- - -Friendship ended with Neovim, now Helix is my best friend. diff --git a/content/photos/_index.md b/content/photos/_index.md deleted file mode 100644 index 7d90b79..0000000 --- a/content/photos/_index.md +++ /dev/null @@ -1,3 +0,0 @@ ---- -title: Fotos ---- diff --git a/content/blog/_index.md b/content/posts/_index.md similarity index 65% rename from content/blog/_index.md rename to content/posts/_index.md index 7fa06c3..f53dea3 100644 --- a/content/blog/_index.md +++ b/content/posts/_index.md @@ -1,4 +1,4 @@ --- -title: Blog +title: Posts date: 2022-12-10 --- diff --git a/content/photos/evening-cloud/evening-cloud.webp b/content/posts/evening-cloud/evening-cloud.webp similarity index 100% rename from content/photos/evening-cloud/evening-cloud.webp rename to content/posts/evening-cloud/evening-cloud.webp diff --git a/content/photos/evening-cloud/index.md b/content/posts/evening-cloud/index.md similarity index 100% rename from content/photos/evening-cloud/index.md rename to content/posts/evening-cloud/index.md diff --git a/content/micro/markdown-tables.md b/content/posts/markdown-tables.md similarity index 100% rename from content/micro/markdown-tables.md rename to content/posts/markdown-tables.md diff --git a/content/posts/selbst-hosting.md b/content/posts/selbst-hosting.md new file mode 100644 index 0000000..3ed2d0c --- /dev/null +++ b/content/posts/selbst-hosting.md @@ -0,0 +1,40 @@ +--- +title: Selbst-Hosting +date: 2024-12-28T07:22:14+01:00 +description: +tags: + - nixos + - selfhosting + - git +draft: true +--- + +Seit etwa 2020 war ich fasziniert von der Idee, einen eigenen Server zu haben. Vor allem auf Reddit hatte ich viel darüber gelesen, z. B. auf [r/selfhosted](https://www.reddit.com/r/selfhosted) und [r/homelab](https://www.reddit.com/r/homelab). Lange hatte ich weder Zeit noch Geld für solch ein Projekt. Im April 2024 habe ich mir aber dann endlich einen kleinen PC gekauft, einen gebrauchten Mini-PC. Später habe ich mir dazu noch eine 8 TB Festplatte gekauft. Bisher nutze ich diesen Server zwar relativ wenig, aber ich habe in den letzten 8 Monaten sehr viel dazugelernt. + +## Hardware + +- HP EliteDesk 800 G2 Desktop Mini + - i5-6500 3,2 Ghz + - 16 GB RAM + - 512 GB SSD + - Preis: 90 € +- Western Digital My Book USB 3.0 + - 8 TB HDD + - Preis: 150 € + +## Software + +- [NixOS](#nixos) +- [Tailscale](#tailscale) +- [Jellyfin](#jellyfin) +- [NextCloud](#nextcloud) + +### NixOS + +[GitHub](https://github.com/jukremer/nix-config) + +### Tailscale + +### Jellyfin + +### NextCloud diff --git a/content/micro/timestamps.md b/content/posts/timestamps.md similarity index 100% rename from content/micro/timestamps.md rename to content/posts/timestamps.md diff --git a/hugo.toml b/hugo.toml deleted file mode 100644 index 999e392..0000000 --- a/hugo.toml +++ /dev/null @@ -1,35 +0,0 @@ -baseURL = 'https://jankremer.eu/' -title = 'Jan Kremer' -copyright = 'CC-BY-SA 4.0' -defaultContentLanguage = 'de' - -enableGitInfo = true - -[markup] -[markup.highlight] -style = "rose-pine-dawn" - -[params] -[params.author] -name = 'Jan Kremer' -email = 'mail@jankremer.eu' - -[[menus.main]] -name = 'Blog' -pageRef = '/blog' -weight = 20 - -[[menus.main]] -name = 'Microblog' -pageRef = '/micro' -weight = 30 - -[[menus.main]] -name = 'Fotos' -pageRef = '/photos' -weight = 40 - -[[menus.main]] -name = 'Über mich' -pageRef = '/about' -weight = 50 diff --git a/hugo.yaml b/hugo.yaml new file mode 100644 index 0000000..585d3c8 --- /dev/null +++ b/hugo.yaml @@ -0,0 +1,20 @@ +baseURL: https://jankremer.eu/ +title: Jan Kremer +copyright: CC0 1.0 +defaultContentLanguage: de +enableGitInfo: true +markup: + highlight: + style: rose-pine-dawn +params: + author: + name: Jan Kremer + email: mail@jankremer.eu +menus: + main: + - name: Posts + pageRef: /posts + weight: 1 + - name: Über mich + pageRef: /about + weight: 2 diff --git a/layouts/_default/home.html b/layouts/_default/home.html index 935a5d3..174a454 100644 --- a/layouts/_default/home.html +++ b/layouts/_default/home.html @@ -6,13 +6,13 @@ {{ range $pages.Pages }}
- {{ $dateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }} - {{ $dateHuman := .Lastmod | time.Format ":date_long" }} - -

{{ .Title }}

{{ .Description }}

+ + {{ $dateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }} + {{ $dateHuman := .Lastmod | time.Format ":date_long" }} +
{{ end }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index d2d3c0b..c8b8619 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -3,13 +3,13 @@ {{ range .Pages }}
- {{ $dateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }} - {{ $dateHuman := .Lastmod | time.Format ":date_long" }} - -

{{ .Title }}

{{ .Description }}

+ + {{ $dateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }} + {{ $dateHuman := .Lastmod | time.Format ":date_long" }} +
{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 96aae64..5a186f0 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -3,7 +3,6 @@ {{ $dateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }} {{ $dateHuman := .Lastmod | time.Format ":date_long" }} -

{{ .Title }}

diff --git a/layouts/partials/cc.svg b/layouts/partials/cc.svg new file mode 100644 index 0000000..01ce1d1 --- /dev/null +++ b/layouts/partials/cc.svg @@ -0,0 +1,25 @@ + + + + + + + diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a3a6521..29da459 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,4 +1,13 @@ -

- CC-BY-SA 4.0 × {{ site.Title }} × 2021–{{ now.Year }} -

+ diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 8e728f1..d7365a2 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,2 +1,4 @@ -

{{ site.Title }}

+ + {{ partial "logo.svg" . }}{{ site.Title }} + {{ partial "menu.html" (dict "menuID" "main" "page" .) }} diff --git a/layouts/partials/logo.svg b/layouts/partials/logo.svg new file mode 100644 index 0000000..6bcf88a --- /dev/null +++ b/layouts/partials/logo.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/layouts/partials/zero.svg b/layouts/partials/zero.svg new file mode 100644 index 0000000..896bfa1 --- /dev/null +++ b/layouts/partials/zero.svg @@ -0,0 +1,22 @@ + + + + + + + + diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png index a75479d..dbf44b3 100644 Binary files a/static/android-chrome-192x192.png and b/static/android-chrome-192x192.png differ diff --git a/static/android-chrome-512x512.png b/static/android-chrome-512x512.png index f2d6983..5c545b4 100644 Binary files a/static/android-chrome-512x512.png and b/static/android-chrome-512x512.png differ diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png index 3a0d069..e2c4be9 100644 Binary files a/static/apple-touch-icon.png and b/static/apple-touch-icon.png differ diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png index da2e954..126a991 100644 Binary files a/static/favicon-16x16.png and b/static/favicon-16x16.png differ diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png index be43825..bc9d1b3 100644 Binary files a/static/favicon-32x32.png and b/static/favicon-32x32.png differ diff --git a/static/favicon.ico b/static/favicon.ico index 7e3df9c..3718672 100644 Binary files a/static/favicon.ico and b/static/favicon.ico differ diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..d1a9475 --- /dev/null +++ b/static/logo.svg @@ -0,0 +1,49 @@ + + + + + + + + + + diff --git a/static/safari-pinned-tab.svg b/static/safari-pinned-tab.svg deleted file mode 100644 index c26c0f2..0000000 --- a/static/safari-pinned-tab.svg +++ /dev/null @@ -1,35 +0,0 @@ - - - - - - - - - - - diff --git a/treefmt.nix b/treefmt.nix index 5f866ae..69faed4 100644 --- a/treefmt.nix +++ b/treefmt.nix @@ -26,5 +26,7 @@ "static/**" ".envrc" "*.webp" + "*.xml" + "*.svg" ]; }