added a manage 'menu' page at /manage

1 files changed, 40 insertions, 0 deletions

diff --git a/src/views/manage/scss/management-page.scss b/src/views/manage/scss/management-page.scss
index 656d224..f61b62d 100644
--- a/src/views/manage/scss/management-page.scss
+++ b/src/views/manage/scss/management-page.scss
@@ -22,3 +22,43 @@
 hr {
   margin: 0.8rem auto 1rem auto;
 }
+
+.manage-links {
+  max-width: 40rem;
+  height: 25rem;
+  margin: 7rem auto auto auto;
+
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-items: center;
+
+  a {
+    color: $fgColor;
+    height: 10rem;
+    width: 15rem;
+    border: 1px solid $secondaryAccentColor;
+    display: inline-block;
+    margin: 0;
+    transition: transform 0.2s, color 0.4s, border 0.2s;
+    border-radius: 4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .content {
+      display: flex;
+      flex-direction: column;
+      text-align: center;
+      margin-top: -0.8rem;
+
+      .icon {font-size: 5rem;}
+    }
+  }
+
+  a:hover {
+    transform: scale(1.05, 1.05);
+    color: $primaryAccentColor;
+    border: 1px solid $primaryAccentColor;
+  }
+}