From a2c9fdcd50da762c6a650ee02ac7a8318b53e319 Mon Sep 17 00:00:00 2001
From: Xodrium <118943715+malloc62@users.noreply.github.com>
Date: Fri, 10 Feb 2023 20:08:34 -0500
Subject: [PATCH] Improved CSS

---
 src/lib/components/Area.svelte       |  7 ++-
 src/lib/components/Button.svelte     |  3 +-
 src/lib/components/PostButton.svelte |  4 +-
 src/routes/+layout.svelte            | 29 +++++++-----
 src/routes/+page.svelte              |  7 +--
 static/downvote.svg                  |  4 +-
 static/logo_sanifae.svg              | 67 ++++++++++------------------
 static/upvote.svg                    |  2 +-
 static/view.svg                      |  4 +-
 9 files changed, 59 insertions(+), 68 deletions(-)

diff --git a/src/lib/components/Area.svelte b/src/lib/components/Area.svelte
index a8aaf62..902a5a5 100644
--- a/src/lib/components/Area.svelte
+++ b/src/lib/components/Area.svelte
@@ -1,6 +1,7 @@
 <style>
     #content {
-        background: var(--dark-1);
+        background: var(--light-1);
+        box-shadow: 0px 3px 5px 3px var(--dark-2);
 
         width: min(700px, 90vw);
         padding: 20px;
@@ -23,6 +24,10 @@
         padding: 0;
     }
 
+    #header {
+        border-bottom: var(--dark-2) solid 2px;
+    }
+
     #main {
         min-height: 250px;
         max-height: 500px;
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index 40b5f31..8e2f6c2 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -6,13 +6,14 @@
 
         font-family: 'Open Sans';
         
-        border-radius: 0.5rem;
+        border-radius: 2rem;
 
         margin: 0.2rem;
     }
 
     .button a {
         color: var(--light-1);
+        font-weight: bold;
     }
 
 </style>
diff --git a/src/lib/components/PostButton.svelte b/src/lib/components/PostButton.svelte
index 73da573..2f9da3a 100644
--- a/src/lib/components/PostButton.svelte
+++ b/src/lib/components/PostButton.svelte
@@ -1,7 +1,7 @@
 <style>
     .votes {
         font-weight: bold;
-        font-size: 1.5rem;
+        font-size: 0.9rem;
     }
     .vote-area {
         margin-right: 30px;
@@ -9,7 +9,7 @@
 
     .button {
         width: auto;
-        height: 35px;
+        height: 20px;
     }
 
 </style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7a7b020..38fa2d9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,14 +1,14 @@
 <style>
     :global(:root) {
-        --dark-1: #1a1b1d;
-        --dark-2: #22242b;
-        --dark-3: #5d606b;
+        --dark-1: #2b2f36;
+        --dark-2: #d8d8d8;
+        --dark-3: rgb(73, 138, 236);
 
         --light-1: #ffffff;
+        --light-2: #f8f8f8;
         
-        --hyperlink: #97b9eb;
+        --hyperlink: rgb(139, 171, 219);
 
-        color: var(--light-1);
         font-family: 'Open Sans';
     }
 
@@ -20,14 +20,16 @@
     :global(input, textarea) {
         border: 0;
         border-radius: 0.2rem;
+        box-shadow: 0px 2px 2.5px 0px var(--dark-2);
     }
 
     #content {
-        background: var(--dark-2);
+        background: var(--light-2);
 
         height: 100vh;
         width: calc(100vw - 50px);
         padding: 25px;
+        padding-top: 0px;
 
         display: flex;
         flex-direction: column;
@@ -37,11 +39,12 @@
     }
 
     #logo {
+
+        width: calc(100vw - 20px);
+
         background: var(--dark-1);
 
-        padding: 10px;
-
-        border-radius: 50px;
+        padding: 5px;
 
         display: flex;
         flex-direction: row;
@@ -54,11 +57,13 @@
 
     #logo a {
         padding: 10px;
+        color: var(--light-1);
+        font-weight: bold;
     }
 
     #logo img {
-        height: auto;
-        width: 125px;
+        height: 30px;
+        width: auto;
 
         display: block;
     }
@@ -72,7 +77,7 @@
 <div id='content'>
     <div id='logo'>
         <a href='/'>
-            <img src='/logo_sanifae.svg' alt='Sanifae Logo'>
+            <img src='/icon_sanifae.svg' alt='Sanifae Logo'>
         </a>
         {#if data.username && data.username != 'false'}
             <a href='/user/{data.username}'>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1bfb6f1..f9fae61 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,6 @@
 <script>
     import Post from '$lib/components/Post.svelte';
+    import Button from '$lib/components/Button.svelte'
 
     /** @type {import('./$types').PageData} */
     export let data;
@@ -17,6 +18,6 @@
 {/each}
 
 <p>
-    <a data-sveltekit-reload href='?page={data.id+1}'>Next page</a>
-</p>
-<p></p>
\ No newline at end of file
+    <Button clickFunc={() => { window.location.search = 'page=' + ((data.id)-1) }}>Previous page</Button>
+    <Button clickFunc={() => { window.location.search = 'page=' + ((data.id)+1) }}>Next page</Button>
+</p>
\ No newline at end of file
diff --git a/static/downvote.svg b/static/downvote.svg
index baf1bef..4ef8081 100644
--- a/static/downvote.svg
+++ b/static/downvote.svg
@@ -41,11 +41,11 @@
      id="layer1"
      transform="translate(-48.929905,-129.52741)">
     <path
-       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;fill-opacity:1;stroke:#aaa;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 56.684592,149.59814 10.887303,12.1325 13.600048,-26.2501"
        id="path3462" />
     <path
-       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;fill-opacity:1;stroke:#aaa;stroke-width:11.90625;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="M 79.370381,172.06252 68.483078,159.93002 54.88303,186.18012"
        id="path8000" />
   </g>
diff --git a/static/logo_sanifae.svg b/static/logo_sanifae.svg
index 19969ac..54e106f 100644
--- a/static/logo_sanifae.svg
+++ b/static/logo_sanifae.svg
@@ -2,31 +2,31 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="202.2982mm"
-   height="77.026108mm"
-   viewBox="0 0 202.2982 77.026108"
+   width="182.82436mm"
+   height="62.451714mm"
+   viewBox="0 0 182.82436 62.451714"
    version="1.1"
    id="svg5"
    inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
-   sodipodi:docname="template.svg"
+   sodipodi:docname="logo_sanifae.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
      id="namedview7"
-     pagecolor="#ffffff"
+     pagecolor="#000000"
      bordercolor="#666666"
      borderopacity="1.0"
      inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
+     inkscape:pageopacity="0"
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
      showgrid="false"
-     inkscape:zoom="0.18173401"
-     inkscape:cx="2517.4155"
-     inkscape:cy="1532.4595"
+     inkscape:zoom="1.4538721"
+     inkscape:cx="312.26956"
+     inkscape:cy="134.4685"
      inkscape:window-width="1920"
      inkscape:window-height="996"
      inkscape:window-x="-8"
@@ -40,48 +40,27 @@
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-41.180676,-30.027448)">
+     transform="translate(-47.222766,-37.28551)">
     <g
        id="g20517"
-       transform="matrix(0.68756186,0,0,0.68756186,-44.467038,-7.6059692)"
+       transform="matrix(0.4180562,0,0,0.42155657,2.753431,21.853727)"
        inkscape:export-filename="logo_sanifae.svg"
        inkscape:export-xdpi="1031.03"
-       inkscape:export-ydpi="1031.03">
-      <path
-         id="path20351"
-         style="opacity:1;fill:#ffffff;stroke:#e5a8ff;stroke-width:0;stroke-miterlimit:3.96999"
-         d="m -179.12012,71.140402 a 38.853859,39.608299 0 0 1 38.85342,39.608018 38.853859,39.608299 0 0 1 -38.85342,39.60877 38.853859,39.608299 0 0 1 -38.85418,-39.60877 38.853859,39.608299 0 0 1 38.85418,-39.608018 z m -2.6689,2.086413 c -1.81603,0 -3.30098,1.484955 -3.30098,3.300981 0,1.816023 1.48495,3.301733 3.30098,3.301733 1.81603,0 3.30173,-1.48571 3.30173,-3.301733 0,-1.816026 -1.4857,-3.300981 -3.30173,-3.300981 z m 0,1.220581 c 1.15641,0 2.08115,0.923986 2.08115,2.0804 0,1.15641 -0.92474,2.081152 -2.08115,2.081152 -1.15641,0 -2.0804,-0.924742 -2.0804,-2.081152 0,-1.156414 0.92399,-2.0804 2.0804,-2.0804 z m 10.24266,4.441143 c -9.52749,0 -17.31963,7.79214 -17.31963,17.31963 0,9.527481 7.79214,17.319631 17.31963,17.319631 9.5275,0 17.32039,-7.79215 17.32039,-17.319631 0,-9.52749 -7.79289,-17.31963 -17.32039,-17.31963 z m 0,6.403543 c 6.06693,0 10.91684,4.849162 10.91684,10.916087 0,6.066921 -4.84991,10.916841 -10.91684,10.916841 -6.06692,0 -10.91608,-4.84992 -10.91608,-10.916841 0,-6.066925 4.84916,-10.916087 10.91608,-10.916087 z m -34.39424,8.417803 c -2.94896,0 -5.36109,2.411367 -5.36109,5.360337 0,2.948968 2.41213,5.361088 5.36109,5.361088 2.94898,0 5.36109,-2.41212 5.36109,-5.361088 0,-2.94897 -2.41211,-5.360337 -5.36109,-5.360337 z m 0,1.981942 c 1.87785,0 3.37915,1.500546 3.37915,3.378395 0,1.877858 -1.5013,3.379148 -3.37915,3.379148 -1.87785,0 -3.37914,-1.50129 -3.37914,-3.379148 0,-1.877849 1.50129,-3.378395 3.37914,-3.378395 z m 4.52081,14.621423 c -6.05882,0 -11.01454,4.95497 -11.01454,11.01379 0,6.05882 4.95572,11.01455 11.01454,11.01455 6.05883,0 11.0138,-4.95573 11.0138,-11.01455 0,-6.05882 -4.95497,-11.01379 -11.0138,-11.01379 z m 48.6271,3.30775 c -4.10155,0 -7.45577,3.35422 -7.45577,7.45576 0,4.10155 3.35422,7.45577 7.45577,7.45577 4.10153,0 7.45652,-3.35422 7.45652,-7.45577 0,-4.10154 -3.35499,-7.45576 -7.45652,-7.45576 z m -48.6271,0.76436 c 3.85814,0 6.94169,3.08354 6.94169,6.94168 0,3.85814 -3.08355,6.94244 -6.94169,6.94244 -3.85814,0 -6.94243,-3.0843 -6.94243,-6.94244 0,-3.85814 3.08429,-6.94168 6.94243,-6.94168 z m 25.33008,0.68245 c -5.772,0 -10.49295,4.72093 -10.49295,10.49294 0,5.77199 4.72095,10.49294 10.49295,10.49294 5.772,0 10.49294,-4.72095 10.49294,-10.49294 0,-5.77201 -4.72094,-10.49294 -10.49294,-10.49294 z m 23.29702,1.30927 c 2.61177,0 4.69969,2.0879 4.69969,4.69968 0,2.61179 -2.08792,4.69969 -4.69969,4.69969 -2.61179,0 -4.69969,-2.0879 -4.69969,-4.69969 0,-2.61178 2.0879,-4.69968 4.69969,-4.69968 z m -23.29702,2.57043 c 3.67549,0 6.61323,2.93773 6.61323,6.61324 0,3.67549 -2.93774,6.61323 -6.61323,6.61323 -3.6755,0 -6.61324,-2.93774 -6.61324,-6.61323 0,-3.67551 2.93774,-6.61324 6.61324,-6.61324 z m -14.74093,15.1776 c -2.09552,0 -3.80981,1.71429 -3.80981,3.80981 0,2.09552 1.71429,3.80905 3.80981,3.80905 2.09552,0 3.80906,-1.71353 3.80906,-3.80905 0,-2.09552 -1.71354,-3.80981 -3.80906,-3.80981 z m 0,1.40848 c 1.33439,0 2.40058,1.06694 2.40058,2.40133 0,1.33439 -1.06619,2.40058 -2.40058,2.40058 -1.33439,0 -2.40133,-1.06619 -2.40133,-2.40058 0,-1.33439 1.06694,-2.40133 2.40133,-2.40133 z m 20.57101,5.23708 c -1.99632,0 -3.62943,1.63235 -3.62943,3.62867 0,1.99632 1.63311,3.62943 3.62943,3.62943 1.99631,0 3.62867,-1.63311 3.62867,-3.62943 0,-1.99632 -1.63236,-3.62867 -3.62867,-3.62867 z m 0,1.34158 c 1.27121,0 2.28708,1.01587 2.28708,2.28709 0,1.27122 -1.01587,2.28784 -2.28708,2.28784 -1.27122,0 -2.28709,-1.01662 -2.28709,-2.28784 0,-1.27122 1.01587,-2.28709 2.28709,-2.28709 z"
-         transform="scale(-1,1)" />
+       inkscape:export-ydpi="1031.03"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:9.45385;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers">
       <path
          id="ellipse20462"
-         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#e5a8ff;stroke-width:0;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:9.45385;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
          d="m 179.51388,54.73459 a 54.946752,56.013673 0 0 0 -54.9466,56.01424 54.946752,56.013673 0 0 0 54.9466,56.01365 54.946752,56.013673 0 0 0 46.32654,-25.93699 l -8.72245,-5.66291 a 44.605491,45.471613 0 0 1 -37.60409,21.05732 44.605491,45.471613 0 0 1 -44.60536,-45.47107 44.605491,45.471613 0 0 1 44.60536,-45.471649 44.605491,45.471613 0 0 1 37.61888,21.048209 l 8.72302,-5.662909 A 54.946752,56.013673 0 0 0 179.51388,54.73459 Z" />
+      <path
+         id="path20351"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:9.45385;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         d="m -179.12012,71.140402 a 38.853859,39.608299 0 0 1 38.85342,39.608018 38.853859,39.608299 0 0 1 -38.85342,39.60877 38.853859,39.608299 0 0 1 -38.85418,-39.60877 38.853859,39.608299 0 0 1 38.85418,-39.608018 z m -2.6689,2.086413 c -1.81603,0 -3.30098,1.484955 -3.30098,3.300981 0,1.816023 1.48495,3.301733 3.30098,3.301733 1.81603,0 3.30173,-1.48571 3.30173,-3.301733 0,-1.816026 -1.4857,-3.300981 -3.30173,-3.300981 z m 0,1.220581 c 1.15641,0 2.08115,0.923986 2.08115,2.0804 0,1.15641 -0.92474,2.081152 -2.08115,2.081152 -1.15641,0 -2.0804,-0.924742 -2.0804,-2.081152 0,-1.156414 0.92399,-2.0804 2.0804,-2.0804 z m 10.24266,4.441143 c -9.52749,0 -17.31963,7.79214 -17.31963,17.31963 0,9.527481 7.79214,17.319631 17.31963,17.319631 9.5275,0 17.32039,-7.79215 17.32039,-17.319631 0,-9.52749 -7.79289,-17.31963 -17.32039,-17.31963 z m 0,6.403543 c 6.06693,0 10.91684,4.849162 10.91684,10.916087 0,6.066921 -4.84991,10.916841 -10.91684,10.916841 -6.06692,0 -10.91608,-4.84992 -10.91608,-10.916841 0,-6.066925 4.84916,-10.916087 10.91608,-10.916087 z m -34.39424,8.417803 c -2.94896,0 -5.36109,2.411367 -5.36109,5.360337 0,2.948968 2.41213,5.361088 5.36109,5.361088 2.94898,0 5.36109,-2.41212 5.36109,-5.361088 0,-2.94897 -2.41211,-5.360337 -5.36109,-5.360337 z m 0,1.981942 c 1.87785,0 3.37915,1.500546 3.37915,3.378395 0,1.877858 -1.5013,3.379148 -3.37915,3.379148 -1.87785,0 -3.37914,-1.50129 -3.37914,-3.379148 0,-1.877849 1.50129,-3.378395 3.37914,-3.378395 z m 4.52081,14.621423 c -6.05882,0 -11.01454,4.95497 -11.01454,11.01379 0,6.05882 4.95572,11.01455 11.01454,11.01455 6.05883,0 11.0138,-4.95573 11.0138,-11.01455 0,-6.05882 -4.95497,-11.01379 -11.0138,-11.01379 z m 48.6271,3.30775 c -4.10155,0 -7.45577,3.35422 -7.45577,7.45576 0,4.10155 3.35422,7.45577 7.45577,7.45577 4.10153,0 7.45652,-3.35422 7.45652,-7.45577 0,-4.10154 -3.35499,-7.45576 -7.45652,-7.45576 z m -48.6271,0.76436 c 3.85814,0 6.94169,3.08354 6.94169,6.94168 0,3.85814 -3.08355,6.94244 -6.94169,6.94244 -3.85814,0 -6.94243,-3.0843 -6.94243,-6.94244 0,-3.85814 3.08429,-6.94168 6.94243,-6.94168 z m 25.33008,0.68245 c -5.772,0 -10.49295,4.72093 -10.49295,10.49294 0,5.77199 4.72095,10.49294 10.49295,10.49294 5.772,0 10.49294,-4.72095 10.49294,-10.49294 0,-5.77201 -4.72094,-10.49294 -10.49294,-10.49294 z m 23.29702,1.30927 c 2.61177,0 4.69969,2.0879 4.69969,4.69968 0,2.61179 -2.08792,4.69969 -4.69969,4.69969 -2.61179,0 -4.69969,-2.0879 -4.69969,-4.69969 0,-2.61178 2.0879,-4.69968 4.69969,-4.69968 z m -23.29702,2.57043 c 3.67549,0 6.61323,2.93773 6.61323,6.61324 0,3.67549 -2.93774,6.61323 -6.61323,6.61323 -3.6755,0 -6.61324,-2.93774 -6.61324,-6.61323 0,-3.67551 2.93774,-6.61324 6.61324,-6.61324 z m -14.74093,15.1776 c -2.09552,0 -3.80981,1.71429 -3.80981,3.80981 0,2.09552 1.71429,3.80905 3.80981,3.80905 2.09552,0 3.80906,-1.71353 3.80906,-3.80905 0,-2.09552 -1.71354,-3.80981 -3.80906,-3.80981 z m 0,1.40848 c 1.33439,0 2.40058,1.06694 2.40058,2.40133 0,1.33439 -1.06619,2.40058 -2.40058,2.40058 -1.33439,0 -2.40133,-1.06619 -2.40133,-2.40058 0,-1.33439 1.06694,-2.40133 2.40133,-2.40133 z m 20.57101,5.23708 c -1.99632,0 -3.62943,1.63235 -3.62943,3.62867 0,1.99632 1.63311,3.62943 3.62943,3.62943 1.99631,0 3.62867,-1.63311 3.62867,-3.62943 0,-1.99632 -1.63236,-3.62867 -3.62867,-3.62867 z m 0,1.34158 c 1.27121,0 2.28708,1.01587 2.28708,2.28709 0,1.27122 -1.01587,2.28784 -2.28708,2.28784 -1.27122,0 -2.28709,-1.01662 -2.28709,-2.28784 0,-1.27122 1.01587,-2.28709 2.28709,-2.28709 z"
+         transform="scale(-1,1)" />
     </g>
-    <g
-       aria-label="Sanifae"
-       id="text360"
-       style="font-weight:600;font-stretch:condensed;font-size:44.9535px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Semi-Bold Condensed';fill:#ffffff;stroke-width:1.12384">
-      <path
-         d="m 140.84093,76.431687 q 0,2.809594 -1.0975,4.960689 -1.0975,2.151095 -3.09494,3.358342 -1.99745,1.207248 -4.71924,1.207248 -1.29505,0 -2.5023,-0.15365 -1.20724,-0.15365 -2.32669,-0.504849 -1.11945,-0.351199 -2.195,-0.899948 V 79.43883 q 1.6243,0.987748 3.4242,1.514547 1.82184,0.504849 3.38029,0.504849 1.38285,0 2.32669,-0.592649 0.94385,-0.614598 1.42675,-1.646246 0.4829,-1.031648 0.4829,-2.304745 0,-1.338947 -0.41705,-2.282795 -0.3951,-0.965798 -1.42675,-1.799896 -1.00969,-0.856048 -2.83154,-1.865746 -1.4048,-0.812148 -2.54619,-1.646246 -1.1414,-0.856048 -1.95355,-1.887696 -0.7902,-1.053597 -1.2292,-2.436444 -0.41705,-1.404797 -0.41705,-3.314443 -0.0439,-2.612044 1.0097,-4.587539 1.07555,-1.975496 3.02909,-3.051043 1.95355,-1.097498 4.58754,-1.075548 1.8877,0 3.6437,0.482899 1.77794,0.482899 3.24859,1.295047 l -1.4048,4.32414 q -1.4487,-0.834098 -2.80959,-1.229197 -1.33895,-0.417049 -2.52425,-0.417049 -1.27309,0 -2.15109,0.526799 -0.878,0.504849 -1.33895,1.426747 -0.46095,0.899947 -0.46095,2.085245 0,1.404797 0.41705,2.348645 0.439,0.943847 1.47065,1.755996 1.0536,0.812148 2.87544,1.821845 2.04135,1.141398 3.40224,2.436445 1.3609,1.273097 2.04135,2.875444 0.68045,1.602346 0.68045,3.731491 z"
-         id="path5030" />
-      <path
-         d="m 152.6061,60.715522 q 3.46809,0 5.11434,2.173046 1.64625,2.173045 1.64625,6.365485 v 16.264914 h -3.4242 l -0.72434,-3.358343 h -0.10975 q -0.6585,1.229197 -1.47065,2.085246 -0.81215,0.856048 -1.86575,1.273097 -1.03164,0.438999 -2.41449,0.438999 -1.95355,0 -3.18274,-1.031648 -1.2292,-1.053598 -1.7999,-2.743744 -0.5707,-1.690146 -0.5707,-3.599792 0,-3.709541 2.08525,-5.685037 2.10719,-1.975495 5.97038,-2.151095 l 2.8974,-0.15365 v -1.316997 q 0,-2.458394 -0.7024,-3.621742 -0.7024,-1.163347 -2.30475,-1.163347 -1.03164,0 -2.21694,0.395099 -1.16335,0.373149 -2.56815,1.185297 l -1.33894,-3.446142 q 1.51454,-0.943848 3.27054,-1.426747 1.77795,-0.482899 3.70954,-0.482899 z m 2.17305,13.082171 -1.9316,0.10975 q -2.21694,0.1317 -3.29249,1.251147 -1.07555,1.119447 -1.07555,3.248593 0,1.953545 0.68045,2.897393 0.7024,0.943848 1.95354,0.943848 1.69015,0 2.6779,-1.624296 0.98775,-1.646247 0.98775,-4.47779 z"
-         id="path5032" />
-      <path
-         d="m 174.64385,60.715522 q 2.98519,0 4.54364,2.129146 1.5804,2.129145 1.5804,6.321585 V 85.518967 H 176.1584 V 70.351551 q 0,-2.743744 -0.63655,-4.126591 -0.63655,-1.404797 -2.195,-1.404797 -2.10719,0 -3.02909,1.953546 -0.89995,1.953545 -0.89995,6.475235 v 12.270023 h -4.60949 V 61.176471 h 3.66564 l 0.4829,3.314443 h 0.3073 q 0.5268,-1.185297 1.317,-2.019395 0.7902,-0.856049 1.82185,-1.295048 1.03164,-0.460949 2.26084,-0.460949 z"
-         id="path5034" />
-      <path
-         d="m 190.82097,61.176471 v 24.342496 h -4.58754 V 61.176471 Z m -2.26085,-9.372628 q 1.33895,0 1.95355,0.768248 0.61459,0.768248 0.61459,2.173045 0,1.360897 -0.65849,2.129145 -0.63655,0.746298 -1.90965,0.746298 -1.25115,0 -1.95355,-0.746298 -0.68044,-0.768248 -0.68044,-2.129145 0,-1.448697 0.65849,-2.194995 0.6585,-0.746298 1.9755,-0.746298 z"
-         id="path5036" />
-      <path
-         d="m 205.35183,65.017713 h -3.88514 V 85.518967 H 196.8572 V 65.017713 h -2.8974 v -2.480345 l 2.8974,-1.426746 v -1.185298 q 0,-2.941293 0.54875,-4.894839 0.57069,-1.953545 1.86574,-2.919343 1.29505,-0.987748 3.46809,-0.987748 1.11945,0 2.04135,0.19755 0.94385,0.197549 2.08524,0.636548 l -1.07554,3.577842 q -0.6146,-0.219499 -1.16335,-0.329249 -0.5268,-0.1317 -1.07555,-0.1317 -1.16335,0 -1.62429,1.009698 -0.439,1.009698 -0.46095,3.577842 v 1.514546 h 3.88514 z"
-         id="path5038" />
-      <path
-         d="m 216.10731,60.715522 q 3.46809,0 5.11434,2.173046 1.64624,2.173045 1.64624,6.365485 v 16.264914 h -3.42419 l -0.72435,-3.358343 h -0.10975 q -0.6585,1.229197 -1.47064,2.085246 -0.81215,0.856048 -1.86575,1.273097 -1.03165,0.438999 -2.41449,0.438999 -1.95355,0 -3.18275,-1.031648 -1.22919,-1.053598 -1.79989,-2.743744 -0.5707,-1.690146 -0.5707,-3.599792 0,-3.709541 2.08524,-5.685037 2.1072,-1.975495 5.97039,-2.151095 L 218.2584,70.593 v -1.316997 q 0,-2.458394 -0.70239,-3.621742 -0.7024,-1.163347 -2.30475,-1.163347 -1.03165,0 -2.21694,0.395099 -1.16335,0.373149 -2.56815,1.185297 l -1.33895,-3.446142 q 1.51455,-0.943848 3.27055,-1.426747 1.77794,-0.482899 3.70954,-0.482899 z m 2.17304,13.082171 -1.93159,0.10975 q -2.21695,0.1317 -3.29249,1.251147 -1.07555,1.119447 -1.07555,3.248593 0,1.953545 0.68045,2.897393 0.70239,0.943848 1.95354,0.943848 1.69015,0 2.6779,-1.624296 0.98774,-1.646247 0.98774,-4.47779 z"
-         id="path5040" />
-      <path
-         d="m 235.59886,60.759422 q 2.61205,0 4.36804,1.404797 1.756,1.382847 2.634,3.841242 0.87799,2.458394 0.87799,5.641137 v 2.831544 h -11.58957 q 0.0439,3.863191 1.2731,5.772837 1.25114,1.887695 3.79734,1.887695 1.42675,0 2.74374,-0.395099 1.317,-0.417049 2.78765,-1.338947 v 3.950991 q -1.3609,0.812148 -2.87545,1.207248 -1.51454,0.395099 -3.24859,0.395099 -3.20469,0 -5.20214,-1.558447 -1.99744,-1.580396 -2.91934,-4.38999 -0.89995,-2.809594 -0.89995,-6.519135 0,-4.104641 0.9219,-6.936185 0.9219,-2.831543 2.76569,-4.30219 1.8438,-1.492597 4.56559,-1.492597 z m 0.0659,3.687592 q -1.69014,0 -2.65594,1.580397 -0.9658,1.580396 -1.07555,4.982638 h 7.26543 q 0,-1.887695 -0.3951,-3.358342 -0.39509,-1.492597 -1.18529,-2.348645 -0.76825,-0.856048 -1.95355,-0.856048 z"
-         id="path5042" />
-    </g>
+    <path
+       id="path5030"
+       style="font-weight:600;font-stretch:condensed;font-size:44.9535px;line-height:1.25;font-family:'Open Sans';-inkscape-font-specification:'Open Sans Semi-Bold Condensed';fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 181.57313,51.123318 c -1.4487,0 -2.60464,0.329555 -3.46801,0.988053 -0.86336,0.643865 -1.48557,1.61684 -1.86603,2.919202 -0.36584,1.302363 -0.54881,2.933932 -0.54881,4.894792 v 1.185457 l -2.89698,1.426786 v 2.479952 h 2.89698 v 20.501591 h 4.60954 V 65.01756 h 3.88555 v -3.841109 h -3.88555 v -1.514636 c 0.0146,-1.712094 0.16829,-2.904428 0.46095,-3.57756 0.3073,-0.673131 0.84914,-1.009757 1.62471,-1.009757 0.36583,0 0.72419,0.04398 1.07539,0.131775 0.36583,0.07317 0.7535,0.182846 1.16323,0.329179 l 1.07539,-3.578076 c -0.76093,-0.292666 -1.45591,-0.504955 -2.08514,-0.636654 -0.6146,-0.1317 -1.29492,-0.197404 -2.04122,-0.197404 z m -14.1795,0.680579 c -0.878,0 -1.53659,0.248676 -1.97559,0.746207 -0.43899,0.497532 -0.65836,1.229418 -0.65836,2.195215 0,0.907264 0.22644,1.616904 0.68006,2.129069 0.46827,0.497532 1.11979,0.746208 1.95389,0.746208 0.84873,0 1.48508,-0.248676 1.90944,-0.746208 0.439,-0.512165 0.65836,-1.221805 0.65836,-2.129069 0,-0.93653 -0.2047,-1.660829 -0.61443,-2.172994 -0.40973,-0.512165 -1.06074,-0.768428 -1.95337,-0.768428 z m -54.80906,1.163236 c -1.75599,-0.01463 -3.28547,0.343722 -4.58783,1.075387 -1.30236,0.71703 -2.31172,1.734497 -3.02876,3.051493 -0.7024,1.316995 -1.03902,2.845956 -1.00975,4.587317 0,1.273096 0.13899,2.377996 0.41702,3.314526 0.29267,0.921897 0.70207,1.734147 1.22887,2.436544 0.54143,0.687765 1.19295,1.317042 1.95389,1.88774 0.76092,0.556065 1.60956,1.104463 2.54609,1.645894 1.21457,0.673132 2.15823,1.295338 2.83136,1.866036 0.68776,0.556065 1.16338,1.156026 1.42678,1.799891 0.27804,0.629231 0.41703,1.389917 0.41703,2.282548 0,0.84873 -0.16072,1.617004 -0.48266,2.304768 -0.32193,0.687765 -0.79755,1.23668 -1.42678,1.646412 -0.62923,0.395098 -1.40509,0.592728 -2.32699,0.592728 -1.03897,0 -2.1656,-0.168313 -3.38016,-0.504879 -1.19993,-0.351198 -2.34121,-0.856138 -3.42408,-1.514636 v 4.960421 c 0.71703,0.365832 1.44892,0.666071 2.19522,0.900203 0.7463,0.234133 1.52164,0.402446 2.32647,0.504879 0.80483,0.102433 1.63881,0.153479 2.50217,0.153479 1.81453,0 3.38746,-0.40233 4.71909,-1.207161 1.33163,-0.804831 2.36376,-1.92439 3.09542,-3.358452 0.73167,-1.434061 1.09709,-3.08736 1.09709,-4.96042 0,-1.419429 -0.22643,-2.663326 -0.68006,-3.731556 -0.45363,-1.06823 -1.13447,-2.027062 -2.04173,-2.875793 -0.90726,-0.863364 -2.04097,-1.675096 -3.40186,-2.436027 -1.21456,-0.673131 -2.1734,-1.28068 -2.8758,-1.822111 -0.68776,-0.541432 -1.17804,-1.126734 -1.47071,-1.755965 -0.27803,-0.629232 -0.41703,-1.412164 -0.41703,-2.348694 0,-0.790198 0.15366,-1.48518 0.46096,-2.085144 0.3073,-0.614598 0.7536,-1.090221 1.33893,-1.426786 0.58533,-0.351199 1.30257,-0.526583 2.15129,-0.526583 0.7902,0 1.63176,0.138996 2.5244,0.417029 0.90725,0.263399 1.84384,0.6728 2.80964,1.228865 l 1.40457,-4.323767 c -0.98043,-0.541431 -2.06309,-0.973079 -3.24838,-1.295011 -1.17067,-0.321933 -2.38524,-0.483175 -3.64371,-0.483175 z m 18.85467,7.748364 c -1.28773,0 -2.52404,0.161243 -3.70934,0.483175 -1.17066,0.321932 -2.26091,0.797038 -3.2706,1.426269 l 1.33894,3.446302 c 0.93653,-0.541432 1.79275,-0.936692 2.56832,-1.185458 0.79019,-0.263399 1.52916,-0.394808 2.21691,-0.394808 1.06824,0 1.83651,0.387673 2.30477,1.163237 0.46827,0.775565 0.70229,1.983073 0.70229,3.622001 v 1.316716 l -2.8975,0.153479 c -2.57546,0.117066 -4.56539,0.834294 -5.97018,2.151289 -1.39017,1.316996 -2.08514,3.2119 -2.08514,5.684925 0,1.273096 0.19004,2.473017 0.5705,3.59978 0.38047,1.126763 0.98043,2.041621 1.79989,2.744019 0.81946,0.687764 1.88039,1.031461 3.18276,1.031461 0.92189,0 1.72656,-0.146067 2.41432,-0.438733 0.7024,-0.278032 1.3246,-0.702609 1.86603,-1.273307 0.54144,-0.570699 1.03172,-1.26568 1.47072,-2.085144 h 0.10955 l 0.7245,3.358451 h 3.42408 V 69.253994 c 0,-2.794957 -0.54891,-4.916807 -1.64641,-6.365503 -1.0975,-1.448696 -2.80236,-2.172994 -5.11441,-2.172994 z m 22.03793,0 c -0.81947,0 -1.57309,0.153655 -2.26085,0.460954 -0.68776,0.292666 -1.29479,0.724313 -1.82159,1.295011 -0.5268,0.556065 -0.96603,1.229318 -1.31723,2.019515 h -0.30748 l -0.48266,-3.314526 h -3.66592 v 24.3427 h 4.60954 V 73.249099 c 0,-3.014457 0.30023,-5.173211 0.9002,-6.475574 0.6146,-1.302362 1.62396,-1.953369 3.02876,-1.953369 1.03896,0 1.77084,0.468035 2.19521,1.404566 0.42437,0.921897 0.63665,2.297719 0.63665,4.12688 v 15.167549 h 4.60954 V 69.166144 c 0,-2.794957 -0.52718,-4.902149 -1.58078,-6.321578 -1.03897,-1.419429 -2.55327,-2.129069 -4.54339,-2.129069 z m 41.46362,0 c -1.28774,0 -2.52456,0.161243 -3.70985,0.483175 -1.17067,0.321932 -2.26091,0.797038 -3.27061,1.426269 l 1.33894,3.446302 c 0.93653,-0.541432 1.79275,-0.936692 2.56832,-1.185458 0.79019,-0.263399 1.52915,-0.394808 2.21692,-0.394808 1.06823,0 1.8365,0.387673 2.30477,1.163237 0.46826,0.775565 0.70228,1.983073 0.70228,3.622001 v 1.316716 l -2.89698,0.153479 c -2.57546,0.117066 -4.5659,0.834294 -5.9707,2.151289 -1.39015,1.316996 -2.08514,3.2119 -2.08514,5.684925 0,1.273096 0.19004,2.473017 0.57051,3.59978 0.38046,1.126763 0.98043,2.041621 1.79989,2.744019 0.81946,0.687764 1.88038,1.031461 3.18275,1.031461 0.92189,0 1.72707,-0.146067 2.41484,-0.438733 0.7024,-0.278032 1.32409,-0.702609 1.86552,-1.273307 0.54142,-0.570699 1.03171,-1.26568 1.47071,-2.085144 h 0.10955 l 0.72451,3.358451 h 3.42408 V 69.253994 c 0,-2.794957 -0.5484,-4.916807 -1.6459,-6.365503 -1.0975,-1.448696 -2.80236,-2.172994 -5.11441,-2.172994 z m 19.49131,0.04393 c -1.81452,0 -3.33641,0.497352 -4.56561,1.492416 -1.22919,0.98043 -2.15112,2.414886 -2.76572,4.302579 -0.6146,1.887695 -0.92191,4.199587 -0.92191,6.936011 0,2.473025 0.30024,4.645921 0.9002,6.518982 0.6146,1.873061 1.58758,3.336317 2.91921,4.389913 1.33163,1.038964 3.0658,1.558561 5.20226,1.558561 1.15603,0 2.23869,-0.131409 3.24838,-0.394808 1.0097,-0.263399 1.96853,-0.666247 2.8758,-1.207678 V 80.40474 c -0.98044,0.614598 -1.90995,1.060904 -2.78795,1.338936 -0.87799,0.263399 -1.79233,0.394808 -2.7435,0.394808 -1.69746,0 -2.96361,-0.629278 -3.7977,-1.88774 -0.81947,-1.273096 -1.24352,-3.197316 -1.27279,-5.772774 h 11.58947 v -2.831352 c 0,-2.121827 -0.29265,-4.002072 -0.87798,-5.640999 -0.58533,-1.638929 -1.46328,-2.919729 -2.63395,-3.841626 -1.17066,-0.936531 -2.62684,-1.404566 -4.36821,-1.404566 z m -49.36546,0.417029 v 24.3427 h 4.58783 v -24.3427 z m 49.43161,3.270601 c 0.7902,0 1.4412,0.285064 1.95337,0.855762 0.5268,0.570698 0.92206,1.35363 1.18546,2.348694 0.2634,0.98043 0.3948,2.099989 0.3948,3.358451 h -7.26519 c 0.0732,-2.268159 0.43152,-3.929045 1.07539,-4.982641 0.64387,-1.053597 1.52941,-1.580266 2.65617,-1.580266 z m -80.88602,9.350851 v 2.348177 c 0,1.887693 -0.32904,3.380783 -0.98754,4.47828 -0.6585,1.082863 -1.5511,1.62419 -2.67787,1.62419 -0.83409,0 -1.4851,-0.314897 -1.95337,-0.944129 -0.45363,-0.629231 -0.68058,-1.594618 -0.68058,-2.89698 0,-1.41943 0.35836,-2.5026 1.07539,-3.248898 0.71703,-0.746297 1.81486,-1.163286 3.29282,-1.251086 z m 63.50155,0 v 2.348177 c 0,1.887693 -0.32956,3.380783 -0.98805,4.47828 -0.6585,1.082863 -1.55111,1.62419 -2.67788,1.62419 -0.83409,0 -1.48511,-0.314897 -1.95336,-0.944129 -0.45364,-0.629231 -0.68058,-1.594618 -0.68058,-2.89698 0,-1.41943 0.35887,-2.5026 1.0759,-3.248898 0.71703,-0.746297 1.81434,-1.163286 3.29231,-1.251086 z" />
   </g>
 </svg>
diff --git a/static/upvote.svg b/static/upvote.svg
index 41a6538..8e113b7 100644
--- a/static/upvote.svg
+++ b/static/upvote.svg
@@ -41,7 +41,7 @@
      id="layer1"
      transform="translate(-47.715969,-129.48962)">
     <path
-       style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:7.9375;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;fill-opacity:1;stroke:#aaa;stroke-width:7.9375;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
        d="m 51.684719,147.57597 10.887303,12.1325 13.600048,-26.2501"
        id="path3462" />
   </g>
diff --git a/static/view.svg b/static/view.svg
index a6df2f0..c181cc3 100644
--- a/static/view.svg
+++ b/static/view.svg
@@ -41,11 +41,11 @@
      id="layer1"
      transform="translate(-53.804537,-76.370715)">
     <path
-       style="color:#000000;fill:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;-inkscape-stroke:none"
+       style="color:#000000;fill:#aaa;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;-inkscape-stroke:none"
        d="m 95.90625,76.370863 c -23.173772,0 -42.101563,18.92779 -42.101563,42.101567 0,23.17377 18.927791,42.10156 42.101563,42.10156 23.17377,0 42.10156,-18.92779 42.10156,-42.10156 0,-23.173777 -18.92779,-42.101567 -42.10156,-42.101567 z m 0,13.228515 c 16.02419,0 28.87305,12.848862 28.87305,28.873052 0,16.02419 -12.84886,28.87304 -28.87305,28.87304 -16.024189,0 -28.873047,-12.84885 -28.873047,-28.87304 0,-16.02419 12.848858,-28.873052 28.873047,-28.873052 z"
        id="path234" />
     <circle
-       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:#aaa;fill-opacity:1;stroke:#aaa;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:3.96999;stroke-dasharray:none;stroke-opacity:1"
        id="path3020"
        cx="95.90625"
        cy="118.47243"