diff --git a/img/nextcloud.svg b/img/nextcloud.svg
new file mode 100644
index 0000000..6f2ad11
--- /dev/null
+++ b/img/nextcloud.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 113.8922 51.849049"
+   enable-background="new 0 0 196.6 72"
+   xml:space="preserve"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="Nextcloud_Logo.svg"
+   width="121.485"
+   height="55.305656"
+   inkscape:export-filename="nextcloud-logo-inverted.png"
+   inkscape:export-xdpi="299.75104"
+   inkscape:export-ydpi="299.75104"
+   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"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
+     id="metadata20"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs18"><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath8812"><circle
+         id="circle8814"
+         cx="95.669289"
+         cy="95.669296"
+         r="79.724197"
+         style="fill:#00080d;fill-opacity:1;stroke-width:1" /></clipPath></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="4"
+     inkscape:cx="51.5"
+     inkscape:cy="49.625"
+     inkscape:current-layer="Layer_1"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     inkscape:window-x="26"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     units="px"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:snap-page="true"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><path
+     inkscape:connector-curvature="0"
+     id="path1052"
+     d="M 57.032896,0 C 45.227625,0 35.221679,8.003196 32.120504,18.846621 29.425259,13.095104 23.58457,9.065683 16.85711,9.065683 7.60526,9.065683 0,16.670946 0,25.922791 c 0,9.251833 7.60526,16.860567 16.85711,16.860567 6.72746,0 12.568149,-4.031885 15.263395,-9.784412 3.101175,10.84425 13.10712,18.850106 24.912391,18.850106 11.717964,0 21.67289,-7.885111 24.853382,-18.607048 2.745036,5.621934 8.513436,9.541354 15.145342,9.541354 9.25185,0 16.86057,-7.608734 16.86057,-16.860567 0,-9.251845 -7.60872,-16.857108 -16.86057,-16.857108 -6.631906,0 -12.400306,3.916965 -15.145342,9.537891 C 78.705786,7.882475 68.75086,0 57.032896,0 Z m 0,9.895518 c 8.911648,0 16.030748,7.115653 16.030748,16.027273 0,8.911605 -7.1191,16.030737 -16.030748,16.030737 -8.911593,0 -16.027247,-7.119132 -16.027247,-16.030737 0,-8.91162 7.115653,-16.027271 16.027247,-16.027273 z M 16.85711,18.961202 c 3.90438,0 6.96505,3.057188 6.96505,6.961589 0,3.904386 -3.06067,6.965049 -6.96505,6.965049 -3.90439,0 -6.96161,-3.060663 -6.96161,-6.965049 0,-3.904401 3.05722,-6.961589 6.96161,-6.961589 z m 80.17451,0 c 3.90442,0 6.96506,3.057188 6.96506,6.961589 0,3.904386 -3.06066,6.965049 -6.96506,6.965049 -3.90436,0 -6.961576,-3.060663 -6.961576,-6.965049 0,-3.904401 3.057226,-6.961589 6.961576,-6.961589 z"
+     style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#0082c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.5659;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+     inkscape:export-filename="Nextcloud Hub logo variants.png"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300" /></svg>
diff --git a/img/opost.svg b/img/opost.svg
new file mode 100644
index 0000000..17155b3
--- /dev/null
+++ b/img/opost.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   sodipodi:docname="opost.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="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.4677327"
+     inkscape:cx="160.45156"
+     inkscape:cy="308.29865"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Lag 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:#ffffff;stroke-width:0.32502"
+       id="rect3"
+       width="100"
+       height="100"
+       x="0"
+       y="0" />
+    <path
+       id="rect2"
+       style="stroke-width:0.363454;fill:#ff6600"
+       d="M 100,0 V 100 H 0 Z"
+       sodipodi:nodetypes="cccc" />
+  </g>
+</svg>
diff --git a/index.html b/index.html
index d957828..05429b9 100644
--- a/index.html
+++ b/index.html
@@ -6,18 +6,57 @@
   <meta name="viewport" content="width=device-width,initial-scale=1" />
   <meta name="description" content="" />
   <link rel="icon" href="favicon.png">
+  <style>
+    body {
+      background-color: black;
+      color: white;
+      font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Helvetica, sans-serif;
+      font-size: x-large;
+      text-align: center;
+    }
+    a:link {
+      color: rgb(101, 163, 255);
+    }
+    a:visited {
+      color: rgb(101, 163, 255);
+    }
+    h1 {
+      letter-spacing: 0.2px;
+      font-size: 3em;
+      margin: 0.1rem;
+      color: #33d17a;
+    }
+    h2 {
+      letter-spacing: 5px;
+      margin: 0.1rem;
+      color: #33d17a;
+    }
+    h3 {
+      margin-bottom: 0;
+    }
+    p, ul {
+      margin-top: 0
+    }
+    .links {
+      list-style: none;  
+    }
+    .logo {
+      height: 0.8em;
+      width: auto;
+      margin-right: 0.2em;
+    }
+  </style>
 </head>
 <body>
   <h1>Velkommen</h1>
   <h2>til sida mi!</h2>
-
   <h3>Viktige lenker:</h3>
-  <ul>
-    <li><a href="https://nextcloud.trygve.net/">Nextcloud</a></li>
-    <li><a href="https://live.trygve.net/">Liveresultater</a></li>
+  <ul class="links">
+    <li><a href="https://nextcloud.trygve.net/"><img src="img/nextcloud.svg" alt="Logo" class="logo">Nextcloud</a></li>
+    <li><a href="https://live.trygve.net/"><img src="img/opost.svg" alt="Logo" class="logo">Liveresultater</a></li>
   </ul>
   <h3>Mindre viktige lenker:</h3>
-  <ul>
+  <ul class="links">
     <li><a href="https://trygve.me/phpsysinfo">Server status</a></li>
   </ul>
   <h3>Kontakt meg :)</h3>