p0c-website

commit 0588c098e7357bd3f22ade64437c75ff88fd70ad
parent af6785bbb729bf5861fc10dd9c163e93f0c1fd30
Author: Andreas Gruhler <andreas.gruhler@adfinis.com>
Date:   Sat,  2 Mar 2024 20:57:22 +0100

feat(css): applist

Diffstat:
M
assets/scss/_layout.scss
 | 
31
+++++++++++++++++++++++++++++++
M
assets/scss/_variables.scss
 | 
2
+-

2 files changed, 32 insertions(+), 1 deletion(-)
diff --git a/assets/scss/_layout.scss b/assets/scss/_layout.scss
@@ -300,3 +300,34 @@ hr {
     }
   }
 }
+
+.applist {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  li {
+    width: 32%;
+    padding: 5px;
+    height: 140px;
+    list-style: none;
+    a {
+      text-align: center;
+      display: flex;
+      justify-content: center;
+      align-items: end;
+      height: 100%;
+    }
+  }
+  .diary {
+    background: #fbf8ec url("https://diary.p0c.ch/assets/images/diary-worm.png") no-repeat center;
+    background-size: 70px;
+  }
+  .myheats {
+    background: #edf5fa url("https://myheats.p0c.ch/assets/images/myheats-bw-font.png") no-repeat center;
+    background-size: 70px;
+  }
+  .hivedav {
+    background: #f9f2fa url("https://hivedav.p0c.ch/assets/images/hive.png") no-repeat center;
+    background-size: 70px;
+  }
+}
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
@@ -21,7 +21,7 @@ $primary-color: #000;
 $action-color: $primary-color;
 $white-color: #fff;
 $black-color: #000;
-$blue-color: #9877d0;
+$blue-color: #878787;
 $dark-gray-color: #333;
 $medium-gray-color: #999;
 $light-gray-color: #ccc;