Add new pages, Update about me, design updates

site/src/css/analytics.css

@@ -0,0 +1,62 @@
+/* 
+    Analytics 
+*/
+.analytics-notice {
+    z-index: 10000;
+    bottom: -450px;
+    right: 5px;
+    width: 300px;
+    height: 400px;
+    position: fixed;
+    background-color: var( --color-background-analytics );
+    border-radius: 20px;
+    padding: 10px;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    overflow: scroll;
+    transition: bottom 1s;
+}
+
+.analytics-notice.show {
+    bottom: 5px;
+}
+
+.analytics-button {
+    color: var( --color-text-primary );
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    background: none;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+}
+
+#matomo-opt-out {
+    color: var( --color-text-primary ) !important;
+}
+
+.analytics-notice .small-symbol {
+    position: fixed;
+    bottom: -3px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    background-color: var( --color-background-analytics );
+    border: solid black 1px;
+    cursor: pointer;
+    transition: all 1s;
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 5px;
+    right: 10px;
+    transition-delay: 2s;
+    z-index: 10001;
+    font-size: 1.5rem;
+}
+
+.analytics-notice.show .small-symbol {
+    bottom: -100px;
+    transition-delay: 0s;
+}