Few changes (mainly new information)

LICENSE

@@ -1,4 +1,4 @@
-Copyright 2023 shruub All Rights Reserved.
+Copyright 2023-2024 shruub All Rights Reserved.
 
 Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 

README.md

@@ -4,4 +4,7 @@ This repo contains the files found at habedieeh.re
 ## How to run
 1. `docker build -t hugodieehre .`
 2. `docker compose up -d`
-3. I'll probabaly still forget to build the image before deploying
+3. I'll probabaly still forget to build the image before deploying
+
+### Credits
+https://github.com/martignoni/hugo-notice for the Info/Notice widget

config.toml

@@ -10,3 +10,9 @@ enableRobotsTXT = "true"
     title = 'Servus, habe die Ehre!'
   [languages.en]
     title = 'Welcome at habedieehre!'
+
+[module]
+  [[module.imports]]
+    path = "github.com/martignoni/hugo-notice"
+  [[module.imports]]
+    path = "hugodieehre"

content/_index.de.md

@@ -9,6 +9,14 @@ Diese Seite ist eigentlich nur eine Landing Page, um die Dienste, die ich auf Su
 
 Viele von ihnen gibt es auch auf TOR, I2P und dem OpenNIC netzwerk. (Zum Beispiel: [T](http://habeehrhadazsw3izbrbilqajalfyqqln54mrja3iwpqxgcuxnus7eid.onion/ "Ein Beispiel für onion links"), [I](http://ehre2peckhgn6pjmdutpseuy36vtpj5chgyyli5bltvflc7xtf2a.b32.i2p/ "Ein Beispiel für I2P links") and  [O DNS](http://habedieehre.geek/ "Ein Beispiel für OpenNIC links").
 
+{{< notice info >}}
+Die Mastodon Instanz wurde eingestellt.
+
+Es gibt aber einen neuen Mailserver unter mail.habedieeh.re! Falls du ihn probieren möchtest, kontaktiere mich bitte via email (aktuell noch in beta) :)
+
+Ich werde vermutlich einige Services zu einem anderen Server transferieren, es kann also Downtime geben.
+{{< /notice >}}
+
 | Service | Clearweb | TOR | I2P | OpenNIC |
 |:--------|:--------:|:---:|:---:|--------:|
 | Gitea | [git.habedieeh.re](https://git.habedieeh.re/) | [T](http://git.habeehrhadazsw3izbrbilqajalfyqqln54mrja3iwpqxgcuxnus7eid.onion/) | [I](http://ehre2peckhgn6pjmdutpseuy36vtpj5chgyyli5bltvflc7xtf2a.b32.i2p/) | [O DNS](http://git.habedieehre.geek/) |
@@ -21,6 +29,6 @@ Viele von ihnen gibt es auch auf TOR, I2P und dem OpenNIC netzwerk. (Zum Beispie
 | [Matrix](de/chat)[^1] | [chat.habedieeh.re](https://chat.habedieeh.re/) | [T](http://chat.habeehrhadazsw3izbrbilqajalfyqqln54mrja3iwpqxgcuxnus7eid.onion/) | X | [O DNS](http://chat.habedieehre.geek) | 
 | PrivateBin | [bin.habedieeh.re](https://bin.habedieeh.re/) | [T](http://bin.habeehrhadazsw3izbrbilqajalfyqqln54mrja3iwpqxgcuxnus7eid.onion/) | [I](http://prvbinaxvxofvmqtdeif26agvvpkdddf3wdfsvysnhiqxo5fxn5a.b32.i2p/) | [O DNS](https://bin.habedieehre.geek)[^2] | 
 | [IRC](de/chat) | [irc.habedieeh.re](irc://irc.habedieeh.re) | [T](irc://76z2se4gu2gajt4w3c244qwfvg2p4emtljlberynlyn4rwpgphbvorqd.onion) | [I](irc://irc72vjd5bwu4spp6tbjvyudh4a44cs4clr7y7ufwfwzn2yfl6fq.b32.i2p) | [O DNS](irc://irc.habedieehre.geek)[^2] | 
-Wenn gewünscht, kannst du gerne [hier](/de/donate) spenden.
+Falls gewünscht, kannst du gerne [hier](/de/donate) spenden.
 [^1]: Federiert nicht mit anderen Netzwerken, lediglich das Frontend ist auf jenen vorhanden.
 [^2]: Nutzt ein "selfsigned" Cert von EhrenSSL auf OpenNIC, es kann [hier](EhrenCA.pem) heruntergeladen werden, wobei du dies wahrscheinlich nicht machen wollen würdest, wenn du mir nicht genug vertraust. (Ich könnte deinen TLS traffic abfangen und entschlüsseln)

content/_index.md

@@ -9,6 +9,13 @@ This site is simply a landing page, however I do host some privacy frontends on
 
 Most of them are also available on TOR, I2P and the OpenNIC network. (For example: [T](http://habeehrhadazsw3izbrbilqajalfyqqln54mrja3iwpqxgcuxnus7eid.onion/ "An example for onion links"), [I](http://ehre2peckhgn6pjmdutpseuy36vtpj5chgyyli5bltvflc7xtf2a.b32.i2p/ "An example for I2P links") and  [O DNS](http://habedieehre.geek/ "An example for OpenNIC links").)   
 
+{{< notice info >}}
+Mastodon has been discontinued due to little use.
+
+However, I now offer a new mail service at mail.habedieeh.re! If you'd like to try it, please contact me (ironically) via email as it is still in beta :)
+
+I might transfer some services to another server, so don't wonder if there's downtime.
+{{< /notice >}}
 
 | Service | Clearweb | TOR | I2P | OpenNIC |
 |:--------|:--------:|:---:|:---:|--------:|

go.mod

@@ -0,0 +1,5 @@
+module git.habedieeh.re/shruub/hugodieehre
+
+go 1.15
+
+require github.com/martignoni/hugo-notice v0.0.0-20240317181534-be025da2580d // indirect

go.sum

@@ -0,0 +1,2 @@
+github.com/martignoni/hugo-notice v0.0.0-20240317181534-be025da2580d h1:YmphoiBKQ7svpO338vXw8NH+Qg20Yu4JsmeHV9f2E5s=
+github.com/martignoni/hugo-notice v0.0.0-20240317181534-be025da2580d/go.mod h1:MIQPOMgEcbyRC0gNLzQFSgrS+wIy3RuQ/HbaZYtTOKU=

public/de/index.html

@@ -28,6 +28,137 @@
 <p>Diese Seite ist eigentlich nur eine Landing Page, um die Dienste, die ich auf Subdomains hoste, zu finden.</p>
 <p>[Hinweis: Ich habe schon seit einiger Zeit Schwierigkeiten mit Mastodon, und da ich es selber nicht mehr nutze, habe ich entschieden, dessen Betrieb einzustellen.]</p>
 <p>Viele von ihnen gibt es auch auf TOR, I2P und dem OpenNIC netzwerk. (Zum Beispiel: <a href="http://habeehrhadazsw3izbrbilqajalfyqqln54mrja3iwpqxgcuxnus7eid.onion/" title="Ein Beispiel für onion links">T</a>, <a href="http://ehre2peckhgn6pjmdutpseuy36vtpj5chgyyli5bltvflc7xtf2a.b32.i2p/" title="Ein Beispiel für I2P links">I</a> and  <a href="http://habedieehre.geek/" title="Ein Beispiel für OpenNIC links">O DNS</a>.</p>
+<style type="text/css">
+    .notice {
+        --root-color: #444;
+        --root-background: #eff;
+        --title-color: #fff;
+        --title-background: #7bd;
+        --warning-title: #c33;
+        --warning-content: #fee;
+        --info-title: #fb7;
+        --info-content: #fec;
+        --note-title: #6be;
+        --note-content: #e7f2fa;
+        --tip-title: #5a5;
+        --tip-content: #efe
+    }
+
+    @media (prefers-color-scheme:dark) {
+        .notice {
+            --root-color: #ddd;
+            --root-background: #eff;
+            --title-color: #fff;
+            --title-background: #7bd;
+            --warning-title: #800;
+            --warning-content: #400;
+            --info-title: #a50;
+            --info-content: #420;
+            --note-title: #069;
+            --note-content: #023;
+            --tip-title: #363;
+            --tip-content: #121
+        }
+    }
+
+    body.dark .notice {
+        --root-color: #ddd;
+        --root-background: #eff;
+        --title-color: #fff;
+        --title-background: #7bd;
+        --warning-title: #800;
+        --warning-content: #400;
+        --info-title: #a50;
+        --info-content: #420;
+        --note-title: #069;
+        --note-content: #023;
+        --tip-title: #363;
+        --tip-content: #121
+    }
+
+    .notice {
+        padding: 18px;
+        line-height: 24px;
+        margin-bottom: 24px;
+        border-radius: 4px;
+        color: var(--root-color);
+        background: var(--root-background)
+    }
+
+    .notice p:last-child {
+        margin-bottom: 0
+    }
+
+    .notice-title {
+        margin: -18px -18px 12px;
+        padding: 4px 18px;
+        border-radius: 4px 4px 0 0;
+        font-weight: 700;
+        color: var(--title-color);
+        background: var(--title-background)
+    }
+
+    .notice.warning .notice-title {
+        background: var(--warning-title)
+    }
+
+    .notice.warning {
+        background: var(--warning-content)
+    }
+
+    .notice.info .notice-title {
+        background: var(--info-title)
+    }
+
+    .notice.info {
+        background: var(--info-content)
+    }
+
+    .notice.note .notice-title {
+        background: var(--note-title)
+    }
+
+    .notice.note {
+        background: var(--note-content)
+    }
+
+    .notice.tip .notice-title {
+        background: var(--tip-title)
+    }
+
+    .notice.tip {
+        background: var(--tip-content)
+    }
+
+    .icon-notice {
+        display: inline-flex;
+        align-self: center;
+        margin-right: 8px
+    }
+
+    .icon-notice img,
+    .icon-notice svg {
+        height: 1em;
+        width: 1em;
+        fill: currentColor
+    }
+
+    .icon-notice img,
+    .icon-notice.baseline svg {
+        top: .125em;
+        position: relative
+    }
+</style><div class="notice info" >
+    <p class="notice-title">
+        <span class="icon-notice baseline">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="92 59.5 300 300">
+  <path d="M292 303.25V272c0-3.516-2.734-6.25-6.25-6.25H267v-100c0-3.516-2.734-6.25-6.25-6.25h-62.5c-3.516 0-6.25 2.734-6.25 6.25V197c0 3.516 2.734 6.25 6.25 6.25H217v62.5h-18.75c-3.516 0-6.25 2.734-6.25 6.25v31.25c0 3.516 2.734 6.25 6.25 6.25h87.5c3.516 0 6.25-2.734 6.25-6.25Zm-25-175V97c0-3.516-2.734-6.25-6.25-6.25h-37.5c-3.516 0-6.25 2.734-6.25 6.25v31.25c0 3.516 2.734 6.25 6.25 6.25h37.5c3.516 0 6.25-2.734 6.25-6.25Zm125 81.25c0 82.813-67.188 150-150 150-82.813 0-150-67.188-150-150 0-82.813 67.188-150 150-150 82.813 0 150 67.188 150 150Z"/>
+</svg>
+
+        </span>Info</p><p>Die Mastodon Instanz wurde eingestellt.</p>
+<p>Es gibt aber einen neuen Mailserver unter mail.habedieeh.re! Falls du ihn probieren möchtest, kontaktiere mich bitte via email (aktuell noch in beta) :)</p>
+<p>Ich werde vermutlich einige Services zu einem anderen Server transferieren, es kann also Downtime geben.</p></div>
+
 <table>
 <thead>
 <tr>
@@ -110,7 +241,7 @@
 <td style="text-align:right"><a href="irc://irc.habedieehre.geek">O DNS</a><sup id="fnref1:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup></td>
 </tr>
 <tr>
-<td style="text-align:left">Wenn gewünscht, kannst du gerne <a href="/de/donate">hier</a> spenden.</td>
+<td style="text-align:left">Falls gewünscht, kannst du gerne <a href="/de/donate">hier</a> spenden.</td>
 <td></td>
 <td></td>
 <td></td>

public/index.html

@@ -28,6 +28,137 @@
 <p>This site is simply a landing page, however I do host some privacy frontends on subdomains.</p>
 <p>[Notice: Since I&rsquo;ve had difficulties with Mastodon for a while and I haven&rsquo;t been using it for a while, I&rsquo;ve decided to discontinue it.]</p>
 <p>Most of them are also available on TOR, I2P and the OpenNIC network. (For example: <a href="http://habeehrhadazsw3izbrbilqajalfyqqln54mrja3iwpqxgcuxnus7eid.onion/" title="An example for onion links">T</a>, <a href="http://ehre2peckhgn6pjmdutpseuy36vtpj5chgyyli5bltvflc7xtf2a.b32.i2p/" title="An example for I2P links">I</a> and  <a href="http://habedieehre.geek/" title="An example for OpenNIC links">O DNS</a>.)</p>
+<style type="text/css">
+    .notice {
+        --root-color: #444;
+        --root-background: #eff;
+        --title-color: #fff;
+        --title-background: #7bd;
+        --warning-title: #c33;
+        --warning-content: #fee;
+        --info-title: #fb7;
+        --info-content: #fec;
+        --note-title: #6be;
+        --note-content: #e7f2fa;
+        --tip-title: #5a5;
+        --tip-content: #efe
+    }
+
+    @media (prefers-color-scheme:dark) {
+        .notice {
+            --root-color: #ddd;
+            --root-background: #eff;
+            --title-color: #fff;
+            --title-background: #7bd;
+            --warning-title: #800;
+            --warning-content: #400;
+            --info-title: #a50;
+            --info-content: #420;
+            --note-title: #069;
+            --note-content: #023;
+            --tip-title: #363;
+            --tip-content: #121
+        }
+    }
+
+    body.dark .notice {
+        --root-color: #ddd;
+        --root-background: #eff;
+        --title-color: #fff;
+        --title-background: #7bd;
+        --warning-title: #800;
+        --warning-content: #400;
+        --info-title: #a50;
+        --info-content: #420;
+        --note-title: #069;
+        --note-content: #023;
+        --tip-title: #363;
+        --tip-content: #121
+    }
+
+    .notice {
+        padding: 18px;
+        line-height: 24px;
+        margin-bottom: 24px;
+        border-radius: 4px;
+        color: var(--root-color);
+        background: var(--root-background)
+    }
+
+    .notice p:last-child {
+        margin-bottom: 0
+    }
+
+    .notice-title {
+        margin: -18px -18px 12px;
+        padding: 4px 18px;
+        border-radius: 4px 4px 0 0;
+        font-weight: 700;
+        color: var(--title-color);
+        background: var(--title-background)
+    }
+
+    .notice.warning .notice-title {
+        background: var(--warning-title)
+    }
+
+    .notice.warning {
+        background: var(--warning-content)
+    }
+
+    .notice.info .notice-title {
+        background: var(--info-title)
+    }
+
+    .notice.info {
+        background: var(--info-content)
+    }
+
+    .notice.note .notice-title {
+        background: var(--note-title)
+    }
+
+    .notice.note {
+        background: var(--note-content)
+    }
+
+    .notice.tip .notice-title {
+        background: var(--tip-title)
+    }
+
+    .notice.tip {
+        background: var(--tip-content)
+    }
+
+    .icon-notice {
+        display: inline-flex;
+        align-self: center;
+        margin-right: 8px
+    }
+
+    .icon-notice img,
+    .icon-notice svg {
+        height: 1em;
+        width: 1em;
+        fill: currentColor
+    }
+
+    .icon-notice img,
+    .icon-notice.baseline svg {
+        top: .125em;
+        position: relative
+    }
+</style><div class="notice info" >
+    <p class="notice-title">
+        <span class="icon-notice baseline">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="92 59.5 300 300">
+  <path d="M292 303.25V272c0-3.516-2.734-6.25-6.25-6.25H267v-100c0-3.516-2.734-6.25-6.25-6.25h-62.5c-3.516 0-6.25 2.734-6.25 6.25V197c0 3.516 2.734 6.25 6.25 6.25H217v62.5h-18.75c-3.516 0-6.25 2.734-6.25 6.25v31.25c0 3.516 2.734 6.25 6.25 6.25h87.5c3.516 0 6.25-2.734 6.25-6.25Zm-25-175V97c0-3.516-2.734-6.25-6.25-6.25h-37.5c-3.516 0-6.25 2.734-6.25 6.25v31.25c0 3.516 2.734 6.25 6.25 6.25h37.5c3.516 0 6.25-2.734 6.25-6.25Zm125 81.25c0 82.813-67.188 150-150 150-82.813 0-150-67.188-150-150 0-82.813 67.188-150 150-150 82.813 0 150 67.188 150 150Z"/>
+</svg>
+
+        </span>Info</p><p>Mastodon has been discontinued due to little use.</p>
+<p>However, I now offer a new mail service at mail.habedieeh.re! If you&rsquo;d like to try it, please contact me (ironically) via email as it is still in beta :)</p>
+<p>I might transfer some services to another server, so don&rsquo;t wonder if there&rsquo;s downtime.</p></div>
+
 <table>
 <thead>
 <tr>