From eb3d51f884b8617dbb2435a5f6b724708d0de73e Mon Sep 17 00:00:00 2001
From: Trygve <trygve@posteo.net>
Date: Mon, 31 May 2021 18:08:12 +0200
Subject: [PATCH] Endringer

---
 css/main.css | 59 +++-------------------------------------------------
 index.php    | 48 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 56 deletions(-)

diff --git a/css/main.css b/css/main.css
index d2be092..b01992c 100644
--- a/css/main.css
+++ b/css/main.css
@@ -24,6 +24,7 @@ body {
   --link-color: #3949AB;
   --shadow-color: rgba(0,0,0,.15);
   background-color: var(--bg-color);
+  background-image: url(/img/noise.png);
   color: var(--text-color);
 
 }
@@ -80,6 +81,7 @@ a {
 
 /* Container for main content */
 .cont {
+  background-image: url(/img/noise.png);
   margin: auto;
   min-width: 20%;
   background: var(--cont-bg-color);
@@ -87,63 +89,11 @@ a {
   grid-area: main;
 }
 
-.service-list {
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  list-style: none;
-  gap: 1rem;
-}
-
-.service-list li {
-  margin: 0.1rem;
-  background-size: contain; 
-  background-position: center;
-  background-repeat: no-repeat;
-  width: 10rem;
-  height: 8rem;
-}
-
-.service-list li a:focus {
-  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-  box-shadow: 0 0 2px 2px var(--accent-color), 0 .5rem 1rem var(--shadow-color) !important;
-}
-.service-list li a:hover {
-  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-  box-shadow: 0 0 2px 2px var(--accent-color), 0 .5rem 1rem var(--shadow-color) !important;
-}
-
-.service-list li a {
-  font-size: 1.5rem;
-  color: var(--text-color);
-  text-decoration: none;
-  display: block;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  vertical-align:middle;
-  display: flex;
-  flex-flow: column;
-  align-items: center;
-  justify-content: center;
-
-  border: thin solid #3c4043;
-  border-radius: 0.5rem;
-  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-}
-
-.service-list li a div {
-  vertical-align: middle;
-}
 
 .center-txt{
   text-align: center;
 }
 
-#li-nextcloud { background-image: url(/img/icons/Nextcloud_Logo.svg); }
-#li-matrix { background-image: url(/img/icons/Matrix_Logo.svg); }
-
 
 @media screen and (max-width:600px){
   .cont {
@@ -199,8 +149,5 @@ a {
     --accent-color: var(--dark-accent-color);
     --link-color: var(--dark-link-color);
     --shadow-color: var(--dark-shadow-color);
-    }    
-    #li-nextcloud {  }
-    #li-matrix { filter: invert(); }
-    
+    } 
 }
diff --git a/index.php b/index.php
index 767f82e..8b7be57 100644
--- a/index.php
+++ b/index.php
@@ -23,6 +23,53 @@
       #bg-matrix { filter: invert(); }
       #bg-meet { filter: invert(); }
     }
+    
+   .service-list {
+		padding: 0;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: center;
+		list-style: none;
+		gap: 1rem;
+	}
+
+	.service-list li {
+		width: 10rem;
+		height: 8rem;
+	}
+
+	.service-list li a:focus {
+		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+		box-shadow: 0 0 2px 2px var(--accent-color), 0 .5rem 1rem var(--shadow-color) !important;
+	}
+	.service-list li a:hover {
+		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+		box-shadow: 0 0 2px 2px var(--accent-color), 0 .5rem 1rem var(--shadow-color) !important;
+	}
+
+	.service-list li a {
+		font-size: 1.5rem;
+		color: var(--text-color);
+		text-decoration: none;
+		display: block;
+		width: 100%;
+		height: 100%;
+		text-align: center;
+		vertical-align:middle;
+		display: flex;
+		flex-flow: column;
+		align-items: center;
+		justify-content: center;
+
+		border: thin solid #3c4043;
+		border-radius: 0.5rem;
+		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+	}
+
+	.service-list li a div {
+		vertical-align: middle;
+	}
+
   </style>
 </head>
 <body class="theme-auto">
@@ -50,3 +97,4 @@
 </div>
 </body>
 </html>
+