Merge pull request 'develop' (#115) from develop into main

Reviewed-on: #115

package.json

@@ -17,17 +17,17 @@
     "url": "https://git.sp-codes.de/samuel-p/sp-codes.de"
   },
   "optionalDependencies": {
-    "browser-sync": "^2.27.7"
+    "browser-sync": "^2.27.9"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^1.0.0",
+    "@11ty/eleventy": "^1.0.1",
     "@11ty/eleventy-navigation": "^0.3.2",
     "@node-minify/core": "^6.2.0",
     "@node-minify/crass": "^6.2.0",
     "@node-minify/html-minifier": "^6.2.0",
     "cpx": "^1.5.0",
-    "glob": "^7.2.0",
+    "glob": "^8.0.1",
-    "minify": "^8.0.3",
+    "minify": "^8.0.4",
     "node-sass": "^7.0.1",
     "node-sass-tilde-importer": "^1.0.2",
     "npm-run-all": "^4.1.5",

src/de/index.html

@@ -16,6 +16,16 @@ eleventyNavigation:
             bereitgestellten Dienste. Schau dich gerne um, lies meinen <a href="https://samuels-blog.de">Blog</a> oder
             nutze die verschiedenen Tools.
         </p>
+        <p class="lead text-center mb-2">
+            Seit April 2022 biete ich mit meiner Firma <a href="https://ossrox.org" target="_blank">Ossrox</a> auch professionelles
+            Hosting von Open-Source-Tools für Unternehmen, Privatpersonen und andere Organisationen an. Solltest du
+            daran Interesse haben, schau gerne auf unserer Webseite vorbei oder schreibe mir eine Nachricht.
+        </p>
+        <p class="lead text-center mb-2">
+            <a href="https://ossrox.org" target="_blank">
+                <img class="ossrox" src="/img/ossrox.svg" alt="Ossrox">
+            </a>
+        </p>
     </div>
 </div>
 <div class="row justify-content-center py-4 border-top">

src/de/services.html

@@ -13,6 +13,18 @@ eleventyNavigation:
     Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland
     gehostet. Fühl dich frei, davon Gebrauch zu machen.</p>
 
-<p>Für die Nutzer:innen der Dienste gibt es einen öffentlichen Matrix-Raum als Austauschort für Fragen, Ideen und Probleme. Komm gerne vorbei, wenn du einen der hier aufgelisteten Dienste nutzt oder einfach so mal vorbeischauen willst:</p>
+<p>Für die Nutzer:innen der Dienste gibt es einen öffentlichen Matrix-Raum als Austauschort für Fragen, Ideen und
+    Probleme. Komm gerne vorbei, wenn du einen der hier aufgelisteten Dienste nutzt oder einfach so mal vorbeischauen
+    willst:</p>
 
-<h3 class="text-center"><a href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a></h3>
+<h3 class="text-center"><a href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a>
+</h3>
+
+<div class="card text-center mb-3">
+    <p>Du willst dein eigenes Open-Source-Projekt umsetzen, um deine digitale Souveränität zurückzuerlangen? Gerne stehe
+        ich dir dafür persönlich mit meiner Firma zur Seite. Schau gerne auf <a href="https://ossrox.org" target="_blank">ossrox.org</a>
+        vorbei oder schreib mir eine Nachricht.</p>
+    <a href="https://ossrox.org" target="_blank">
+        <img src="/img/ossrox.svg" alt="Ossrox" width="250px">
+    </a>
+</div>

src/de/services/matrix.md

@@ -16,8 +16,7 @@ erstellen und trotzdem mit allen Matrix-Nutzern:innen kommunizieren, nicht nur m
 verschickten Nachrichten werden so nur auf den beteiligten Servern gespeichert. Auch die Anrufe laufen nur über die
 beteiligten Server.
 
-__Seit Anfang 2020 betreibe ich einen öffentlichen Matrix-Server: [matrix.sp-codes.de](https://matrix.sp-codes.de/) und
+__Seit Anfang 2020 betreibe ich einen öffentlichen Matrix-Server: [matrix.sp-codes.de](https://matrix.sp-codes.de/) und eine öffentliche Element-Web Instanz: [chat.sp-codes.de](https://chat.sp-codes.de/)__
-eine öffentliche Element-Web Instanz: [chat.sp-codes.de](https://chat.sp-codes.de/)__
 
 Die Serverregeln kannst du gerne [hier](https://matrix.sp-codes.de/_matrix/consent) nachlesen. Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus. Ich freue mich auf
 deine Nachricht an [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:matrix.sp-codes.de).
@@ -26,6 +25,14 @@ deine Nachricht an [@samuel-p:matrix.sp-codes.de](https://matrix.to/#/@samuel-p:
 <a class="card d-inline-block font-weight-bold" target="_blank" href="https://chat.sp-codes.de/#/register">Jetzt registrieren</a>
 </div>
 
+Wenn du einen eigenen Matrix-Server für dich, deine Familie oder deine Firma betreiben willst, unterstütze ich dich gerne mit meiner Firma <a href="https://ossrox.org" target="_blank">Ossrox</a> damit. Schau dir gerne unser Angebot dazu auf unserer Webseite an oder schreib mir eine Nachricht dazu.
+
+<div class="text-center mb-3">
+    <a href="https://ossrox.org/store/matrix" target="_blank">
+        <img class="ossrox" src="/img/ossrox.svg" alt="Ossrox">
+    </a>
+</div>
+
 ## Einstieg
 
 Auf meinem Blog findest du eine Artikelserie für einen einfachen Einstieg in Matrix:

src/en/index.html

@@ -15,6 +15,16 @@ eleventyNavigation:
             On this site you will find information about me and an overview of the services I provide. Feel free
             to look around, read my <a href="https://samuels-blog.de">blog</a> (German) or use the various services.
         </p>
+        <p class="lead text-center mb-2">
+            Since April 2022 I also offer professional hosting of open source tools for companies, private persons and
+            other organizations with my company <a href="https://ossrox.org" target="_blank">Ossrox</a>. If you are
+            interested, feel free to visit our website or send me a message.
+        </p>
+        <p class="lead text-center mb-2">
+            <a href="https://ossrox.org" target="_blank">
+                <img class="ossrox" src="/img/ossrox.svg" alt="Ossrox">
+            </a>
+        </p>
     </div>
 </div>
 <div class="row justify-content-center py-4 border-top">

src/en/services.html

@@ -12,6 +12,17 @@ eleventyNavigation:
 <p>In my spare time I provide various open source services for free. Here you can find an overview of the individual
     services and a short description for each of them. All services are hosted in Germany. Feel free to use it.</p>
 
-<p>For the users of the services there is a public matrix room as a place to share questions, ideas and problems. Feel free to join us if you use one of the services listed here or just want to drop by:</p>
+<p>For the users of the services there is a public matrix room as a place to share questions, ideas and problems. Feel
+    free to join us if you use one of the services listed here or just want to drop by:</p>
 
-<h3 class="text-center"><a href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a></h3>
+<h3 class="text-center"><a href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a>
+</h3>
+
+<div class="card text-center mb-3">
+    <p>You want to realize your own open source project to regain your digital sovereignty? I would be happy to support
+        you personally with my company. Feel free to visit <a href="https://ossrox.org" target="_blank">ossrox.org</a>
+        or send me a message.</p>
+    <a href="https://ossrox.org" target="_blank">
+        <img src="/img/ossrox.svg" alt="Ossrox" width="250px">
+    </a>
+</div>

src/en/services/matrix.md

@@ -17,7 +17,28 @@ You can read the server rules [here](https://matrix.sp-codes.de/_matrix/consent)
 <a class="card d-inline-block font-weight-bold" target="_blank" href="https://chat.sp-codes.de/#/register">Register now</a>
 </div>
 
-On my blog (German) you will find an article series for an easy start to Matrix: [Werde Teil der Matrix](https://samuels-blog.de/werde-teil-der-matrix-matrix-teil-1/)
+If you want to have your own matrix server for you, your family or your company, I would be happy to support you with my company <a href="https://ossrox.org" target="_blank">Ossrox</a>. Please have a look at our services on our website or send me a message.
+
+<div class="text-center mb-3">
+    <a href="https://ossrox.org/store/matrix" target="_blank">
+        <img class="ossrox" src="/img/ossrox.svg" alt="Ossrox">
+    </a>
+</div>
+
+On my blog (German) you will find an article series for an easy start to Matrix: 
+
+<div class="row justify-content-center">
+<div class="col-12 col-md-10 col-lg-8">
+<div class="card-list">
+<div class="card">
+<a href="https://samuels-blog.de/werde-teil-der-matrix-matrix-teil-1/">Part 1: Werde Teil der Matrix</a>
+</div>
+<div class="card">
+<a href="https://samuels-blog.de/sichere-chats-mit-matrix-matrix-teil-2/">Part 2: Sichere Chats mit Matrix</a>
+</div>
+</div>
+</div>
+</div>
 
 ## Why Matrix?
 

src/img/ossrox.svg

@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1053.0649"
+   height="192"
+   viewBox="0 0 278.62343 50.800001"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="ossrox-new.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.60399831"
+     inkscape:cx="679.63766"
+     inkscape:cy="182.11971"
+     inkscape:window-width="1920"
+     inkscape:window-height="1131"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="text1640"
+     units="px" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       aria-label="Ossrox"
+       id="text1640"
+       style="font-size:10.5833px;line-height:1.25;font-family:Orbitron;-inkscape-font-specification:'Orbitron, Normal';stroke-width:0.264583">
+      <path
+         d="m 8.4666724,50.800034 q -2.3283349,0 -4.3038918,-1.12889 Q 2.2577793,48.542254 1.1288896,46.637253 0,44.661696 0,42.333361 V 8.4666718 Q 0,6.1383369 1.1288896,4.2333356 2.2577793,2.2577787 4.1627806,1.128889 6.1383375,-6.1035156e-7 8.4666724,-6.1035156e-7 H 42.333362 q 2.328335,0 4.233336,1.12888961035156 1.975557,1.1288897 3.104447,3.1044466 1.128889,1.9050013 1.128889,4.2333362 V 42.333361 q 0,2.328335 -1.128889,4.303892 -1.12889,1.905001 -3.104447,3.033891 -1.905001,1.12889 -4.233336,1.12889 z m 0,-5.715004 H 42.333362 q 1.128889,0 1.905001,-0.776112 0.846667,-0.846667 0.846667,-1.975557 V 8.4666718 q 0,-1.1288897 -0.846667,-1.9050013 Q 43.462251,5.7150032 42.333362,5.7150032 H 8.4666724 q -1.1288897,0 -1.9755569,0.8466673 Q 5.7150038,7.3377821 5.7150038,8.4666718 V 42.333361 q 0,1.12889 0.7761117,1.975557 0.8466672,0.776112 1.9755569,0.776112 z"
+         style="font-size:70.5556px;fill:#006269;fill-opacity:1"
+         id="path25504" />
+      <path
+         d="m 66.53387,50.800034 q -2.328335,0 -4.303892,-1.12889 -1.905001,-1.199445 -3.104447,-3.104447 -1.128889,-1.975556 -1.128889,-4.303891 v -0.564445 h 5.785559 v 0.564445 q 0,1.128889 0.776112,1.975556 0.846667,0.776112 1.975557,0.776112 h 24.553349 q 1.12889,0 1.905002,-0.776112 0.846667,-0.846667 0.846667,-1.975556 v -6.279449 q 0,-1.12889 -0.846667,-1.905001 -0.776112,-0.846668 -1.905002,-0.846668 H 66.53387 q -2.328335,0 -4.303892,-1.128889 -1.905001,-1.199445 -3.104447,-3.104447 -1.128889,-1.975557 -1.128889,-4.303892 v -6.279448 q 0,-2.328335 1.128889,-4.233336 1.199446,-1.975557 3.104447,-3.104447 1.975557,-1.1994452 4.303892,-1.1994452 h 24.553349 q 2.398891,0 4.303892,1.1994452 1.975557,1.12889 3.104447,3.104447 1.199445,1.905001 1.199445,4.233336 v 0.564445 h -5.856115 v -0.564445 q 0,-1.12889 -0.846667,-1.905002 -0.776112,-0.846667 -1.905002,-0.846667 H 66.53387 q -1.12889,0 -1.975557,0.846667 -0.776112,0.776112 -0.776112,1.905002 v 6.279448 q 0,1.12889 0.776112,1.975557 0.846667,0.776112 1.975557,0.776112 h 24.553349 q 2.398891,0 4.303892,1.199445 1.975557,1.12889 3.104447,3.104447 1.199445,1.905001 1.199445,4.233336 v 6.279449 q 0,2.328335 -1.199445,4.303891 -1.12889,1.905002 -3.104447,3.104447 -1.905001,1.12889 -4.303892,1.12889 H 66.53387 Z"
+         style="font-size:70.5556px;fill:#006269;fill-opacity:1"
+         id="path25506" />
+      <path
+         d="m 114.93494,50.800034 q -2.32834,0 -4.30389,-1.12889 -1.905,-1.199445 -3.10445,-3.104447 -1.12889,-1.975556 -1.12889,-4.303891 v -0.564445 h 5.78556 v 0.564445 q 0,1.128889 0.77611,1.975556 0.84667,0.776112 1.97556,0.776112 h 24.55335 q 1.12889,0 1.905,-0.776112 0.84667,-0.846667 0.84667,-1.975556 v -6.279449 q 0,-1.12889 -0.84667,-1.905001 -0.77611,-0.846668 -1.905,-0.846668 h -24.55335 q -2.32834,0 -4.30389,-1.128889 -1.905,-1.199445 -3.10445,-3.104447 -1.12889,-1.975557 -1.12889,-4.303892 v -6.279448 q 0,-2.328335 1.12889,-4.233336 1.19945,-1.975557 3.10445,-3.104447 1.97555,-1.1994452 4.30389,-1.1994452 h 24.55335 q 2.39889,0 4.30389,1.1994452 1.97556,1.12889 3.10445,3.104447 1.19944,1.905001 1.19944,4.233336 v 0.564445 h -5.85611 v -0.564445 q 0,-1.12889 -0.84667,-1.905002 -0.77611,-0.846667 -1.905,-0.846667 h -24.55335 q -1.12889,0 -1.97556,0.846667 -0.77611,0.776112 -0.77611,1.905002 v 6.279448 q 0,1.12889 0.77611,1.975557 0.84667,0.776112 1.97556,0.776112 h 24.55335 q 2.39889,0 4.30389,1.199445 1.97556,1.12889 3.10445,3.104447 1.19944,1.905001 1.19944,4.233336 v 6.279449 q 0,2.328335 -1.19944,4.303891 -1.12889,1.905002 -3.10445,3.104447 -1.905,1.12889 -4.30389,1.12889 h -24.55335 z"
+         style="font-size:70.5556px;fill:#006269;fill-opacity:1"
+         id="path25508" />
+      <path
+         d="m 155.081,50.800034 v 0 -32.385022 q 0,-2.328335 1.12889,-4.233336 1.19944,-1.975557 3.10444,-3.104447 1.97556,-1.1994452 4.30389,-1.1994452 h 23.00113 v 5.7855592 h -23.00113 q -1.12889,0 -1.97555,0.846667 -0.77611,0.776112 -0.77611,1.905002 v 32.385022 z"
+         style="font-size:70.5556px;fill:#006269;fill-opacity:1"
+         id="path25510" />
+      <path
+         d="m 199.31921,50.800034 q -2.32833,0 -4.30389,-1.12889 -1.905,-1.199445 -3.10444,-3.104447 -1.12889,-1.975556 -1.12889,-4.303891 V 18.415012 q 0,-2.328335 1.12889,-4.233336 1.19944,-1.975557 3.10444,-3.104447 1.97556,-1.1994452 4.30389,-1.1994452 h 24.55335 q 2.39889,0 4.3039,1.1994452 1.97555,1.12889 3.10444,3.104447 1.19945,1.905001 1.19945,4.233336 v 23.847794 q 0,2.328335 -1.19945,4.303891 -1.12889,1.905002 -3.10444,3.104447 -1.90501,1.12889 -4.3039,1.12889 h -24.55335 z m 0,-5.78556 h 24.55335 q 1.12889,0 1.905,-0.776112 0.84667,-0.846667 0.84667,-1.975556 V 18.415012 q 0,-1.12889 -0.84667,-1.905002 -0.77611,-0.846667 -1.905,-0.846667 h -24.55335 q -1.12889,0 -1.97555,0.846667 -0.77612,0.776112 -0.77612,1.905002 v 23.847794 q 0,1.128889 0.77612,1.975556 0.84666,0.776112 1.97555,0.776112 z"
+         style="font-size:70.5556px;fill:#006269;fill-opacity:1"
+         id="path25512" />
+      <path
+         d="m 236.78408,50.800034 v 0 -0.07056 L 253.85854,29.986131 236.78408,9.9483394 v -0.070556 h 7.62001 L 257.66854,25.400016 271.00355,9.8777838 h 7.54945 v 0.070556 l -17.07446,20.0377916 17.14501,20.743347 v 0.07056 h -7.62 l -13.33501,-16.3689 -13.26445,16.3689 z"
+         style="font-size:70.5556px;fill:#006269;fill-opacity:1"
+         id="path25514" />
+    </g>
+  </g>
+</svg>

src/scss/main.scss

@@ -286,3 +286,12 @@ table.table {
     border: 1px solid #444;
   }
 }
+
+.ossrox {
+  background-color: #efefef;
+  border: 2px solid #000;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, .7);
+  padding: 5px;
+  margin: 5px;
+  max-width: 250px;
+}