Add services

2 files changed, 27 insertions, 2 deletions

diff --git a/index.html b/index.html
index dbe14d4..15304ae 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,7 @@
 
       <input class="radio" type="radio" id="home-info" name="home_menu" checked>
       <input class="radio" type="radio" id="home-contact" name="home_menu">
+      <input class="radio" type="radio" id="home-services" name="home_menu">
 
       <input class="radio" type="radio" id="projects-personal" name="projects_menu" checked>
       <input class="radio" type="radio" id="projects-shards" name="projects_menu">
@@ -32,6 +33,10 @@
           <label for="home-contact" class="menu-button">Contact
           </label>
         </li>
+	<li>
+          <label for="home-services" class="menu-button">Services
+          </label>
+        </li>
       </ul>
 
       <ul id="projects-menu" class="menu left">
@@ -142,6 +147,25 @@
             <p><b><a href="mailto:rose@pinkro.se">rose@pinkro.se</a></b></p>
           </div>
         </div>
+	<div class="content" id="home-content-services">
+          <div>
+            <p>I host some services on pinkro.se</p>
+            <br>
+            <h2>dn42</h2>
+            <p>AS4242421007; Message me over xmpp or email if you wish to peer!</p>
+            <hr style="border-top:2px solid #A0A0A0; width: 100%">
+            <br>
+            <h2>CGit</h2>
+            <p>My own git host, hosts personal projects and forks of projects</p>
+            <p><b><a href="https://git.pinkro.se">git.pinkro.se</a></b></p>
+            <hr style="border-top:2px solid #A0A0A0; width: 100%">
+            <br>
+            <h2>EMAIL</h2>
+            <p>Ol' Reliable</p>
+            <p>Recommended if it's an urgent topic</p>
+            <p><b><a href="mailto:rose@pinkro.se">rose@pinkro.se</a></b></p>
+          </div>
+        </div>
       </div>
 
       <div id="projects-window" class="window">
diff --git a/style.css b/style.css
index 03b239f..39efe47 100644
--- a/style.css
+++ b/style.css
@@ -312,7 +312,7 @@ body {
     display: none;
 }
 
-#home-content-info, #home-content-contact,
+#home-content-info, #home-content-contact, #home-content-socials,
 #projects-content-personal, #projects-content-shards,
 #projects-content-crystal, #projects-content-vanillaos {
     display: none;
@@ -329,7 +329,8 @@ body {
 }
 
 #home-info:checked ~ .window #home-content-info,
-#home-contact:checked ~ .window #home-content-contact {
+#home-contact:checked ~ .window #home-content-contact,
+#home-services:checked ~ .window #home-content-services {
     display: flex;
 }