Closes #8

verification_server/src/static/base.css

@@ -1,5 +1,5 @@
 body {
-  background-color: hsl(251, 22%, 10%);
+  background-color: #e5e2d7; /* Betonggrå */
   padding: 2rem;
 
   display: flex;
@@ -7,12 +7,12 @@ body {
   align-items: center;
   justify-content: center;
 
-  color: rgb(228, 228, 228);
-  font-family: "Roboto", sans-serif;
+  color: #161516; /* Svart */
+  font-family: "Roboto", sans-serif; /* Only works if installed but not worth importing */
   text-align: center;
 }
 h1 {
-  color: rgb(255, 255, 255);
+  color: #000000; /* Svart */
 }
 h2 {
   text-decoration: underline;
@@ -20,3 +20,9 @@ h2 {
 p {
   max-width: 80ch;
 }
+
+img,
+picture {
+  max-width: 80vw;
+  max-height: 33vh;
+}

verification_server/src/templates/error.html

@@ -1,12 +1,15 @@
 <html>
   <head>
-    <title>Error</title>
+    <title>Noe rota seg til 😳</title>
     <link href="{{ url_for('static', path='/base.css') }}" rel="stylesheet" />
   </head>
 
   <body>
     <h1>Error!</h1>
     <p>{{ message }}</p>
-    <img src="{{ url_for('static', path='/edb.png') }}" alt="Error" />
+    <img
+      src="{{ url_for('static', path='/edb.png') }}"
+      alt="EDB skaper problemer, det koster penger og det er vanskelig"
+    />
   </body>
 </html>

verification_server/src/templates/success.html

@@ -1,16 +1,28 @@
 <html>
   <head>
-    <title>Success</title>
+    <title>Autentisering fullført!</title>
     <link href="{{ url_for('static', path='/base.css') }}" rel="stylesheet" />
   </head>
 
   <body>
+    <picture>
+      <source
+        srcset="{{ url_for('static', path='/dns_ikon_svart.png') }}"
+        media="(prefers-reduced-motion: reduce)"
+        alt="DNS ikon"
+      />
+      <img
+        src="{{ url_for('static', path='/dansende_gris.gif') }}"
+        alt="DNS-gris som danser"
+      />
+    </picture>
+
     <h1>Hurra!<br />Du har nå koblet Galtinn sammen med Discordbrukeren din</h1>
     <h2>{{ name }}</h2>
     <p>
-      Du skal ha fått tildelt en rolle på Discord! Hvis ikke, vennligst huk tak
-      i din nærmeste EDBer
+      Du skal ha fått tildelt rolle(r) på Discord.<br />
+      Hvis ikke, vennligst huk tak i din nærmeste datanerd (EDB-menneske)!
     </p>
-    <p>Du kan nå lukke dette vinduet</p>
+    <p>Du kan nå lukke dette vinduet.</p>
   </body>
 </html>