From 740bf5c90fa7f2722b3e5068b8823ef0a9d3ead3 Mon Sep 17 00:00:00 2001
From: "Ansgar [Hiajen]" <info@hiajen.de>
Date: Tue, 23 Mar 2021 20:13:57 +0100
Subject: [PATCH] some rearranging and typo fixing

---
 services.html  | 43 ++++++++++++++++++++++++++++---------------
 style/main.css | 10 ++++++++++
 2 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/services.html b/services.html
index 0026402..b5f1587 100644
--- a/services.html
+++ b/services.html
@@ -23,21 +23,34 @@
             </ul>
         </div>
         <div id="right-container" >
-            <p>Hier eine liste der Anwendungen die ich Hoste. Wenn du zugriff auf eine dieser haben möchtest, komm bitte auf mich zu!</p>
-            <ul>
-                <li><h3><a href="https://account.hiajen.de" target="_blank">Accountverwaltung (LDAP)</a></h3>
-                Hier kannst du deinen Account verwalten, sobald du einen besitzt.</li>
-                <li><h3><a href="https://bbb.hiajen.de" target="_blank">BigBlueButton</a></h3>
-                OpenSource Videokonferenz-Tool</li>
-                <li><h3><a href="https://git.hiajen.de" target="_blank">GIT (GitBucket)</a></h3>
-                OpenSource Versionsverwaltungstool für deinen Quellcode</li>
-                <li><h3>Matrix</h3>
-                OpenSource Messenging-Protokoll, zur Nutzung empfehle ich den Client <a href="https://element.io/" target="_blank">Element</a>. Die Home-Server URL lautet: <i>matrix.hiajen.de</i></li>
-                <li><h3><a href="https://cryptpad.hiajen.de/" target="_blank">CryptPad</a></h3>
-                OpenSource Online Tool zur kollaborativen Zusammenarbeit</li>
-                <li><h3><a href="https://cloud.hiajen.de" target="_blank">Cloud (NextCloud)</a></h3>
-                OpenSource Cloud-Speicher</li>
-            </ul>
+            <p>
+            Hier eine Liste der Anwendungen die ich hoste. Wenn du Zugriff auf eine dieser haben möchtest, komm bitte auf mich zu!
+            </p>
+            <hr style="margin-top: 35px; color: #002b36">
+            <p>
+                <b><a href="https://account.hiajen.de" target="_blank">Accountverwaltung (LDAP):</a></b>
+                Hier kannst du deinen Account verwalten, sobald du einen besitzt.
+            </p>
+            <p>
+                <b><a href="https://bbb.hiajen.de" target="_blank">BigBlueButton:</a></b>
+                OpenSource Videokonferenz-Tool
+            </p>
+            <p>
+                <b><a href="https://git.hiajen.de" target="_blank">GIT (GitBucket):</a></b>
+                OpenSource Versionsverwaltungstool für deinen Quellcode
+            </p>
+            <p>
+                <b>Matrix:</b>
+                OpenSource Messenging-Protokoll, zur Nutzung empfehle ich den Client <a href="https://element.io/" target="_blank">Element</a>. Die Home-Server URL lautet: <i>matrix.hiajen.de</i>
+            </p>
+            <p>
+                <b><a href="https://cryptpad.hiajen.de/" target="_blank">CryptPad:</a></b>
+                OpenSource online Tool zur kollaborativen Zusammenarbeit
+            </p>
+            <p>
+                <b><a href="https://cloud.hiajen.de" target="_blank">Cloud (NextCloud):</a></b>
+                OpenSource Cloud-Speicher
+            </p>
         </div>
     </div>
     <div id="footer-container">
diff --git a/style/main.css b/style/main.css
index e612f01..39cb88d 100644
--- a/style/main.css
+++ b/style/main.css
@@ -93,6 +93,16 @@ ul.menu {
     float: right;
 }
 
+#right-container p {
+    margin: 0;
+    padding: 25px 0 0 0;
+}
+
+#right-container a {
+    text-decoration: #859900;
+    color: #859900;
+}
+
 #footer-container{
     background-color: #586e75;
     padding-top: 20px;