diff --git a/assets/css/main.css b/assets/css/main.css
index 2560a0b..b196fd0 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1851,6 +1851,13 @@
 		margin: 0 0 2em 0;
 	}
 
+    ul ul,
+    ul ol,
+    ol ul,
+    ol ol {
+        margin: 0;
+    }
+
 	p.nomargin {
 		margin: 0 0 0 0;
 	}
diff --git a/index.html b/index.html
index acf5173..1f23c08 100644
--- a/index.html
+++ b/index.html
@@ -177,13 +177,13 @@ <h2>Examples</h2>
         </section>
         <section class="3u 12u(narrower)">
           <div class="box highlight">
-            <a class="image img-link" href="/examples/edenhofer-voxel-350.html">
+            <a class="image img-link" href="examples/edenhofer-voxel-350.html">
               <img
                 class="qr-code"
-                href="/examples/edenhofer-voxel-350.html"
-                src="/examples/edenhofer_voxel_qr_black.png"
-                onmouseover="this.src='/examples/edenhofer_voxel_qr_red.png'"
-                onmouseout="this.src='/examples/edenhofer_voxel_qr_black.png'"
+                href="examples/edenhofer-voxel-350.html"
+                src="examples/edenhofer_voxel_qr_black.png"
+                onmouseover="this.src='examples/edenhofer_voxel_qr_red.png'"
+                onmouseout="this.src='examples/edenhofer_voxel_qr_black.png'"
               />
             </a>
           </div>
@@ -201,12 +201,12 @@ <h2>Examples</h2>
         </section>
         <section class="3u 12u(narrower)">
           <div class="box highlight">
-            <a class="image img-link" href="/examples/edenhofer-isosurface-256-nocomp.html">
+            <a class="image img-link" href="examples/edenhofer-isosurface-256-nocomp.html">
               <img
                 class="qr-code"
-                src="/examples/edenhofer_isosurface_qr_black.png"
-                onmouseover="this.src='/examples/edenhofer_isosurface_qr_red.png'"
-                onmouseout="this.src='/examples/edenhofer_isosurface_qr_black.png'"
+                src="examples/edenhofer_isosurface_qr_black.png"
+                onmouseover="this.src='examples/edenhofer_isosurface_qr_red.png'"
+                onmouseout="this.src='examples/edenhofer_isosurface_qr_black.png'"
               />
             </a>
           </div>
@@ -224,12 +224,12 @@ <h2>Examples</h2>
         </section>
         <section class="3u 12u(narrower)">
           <div class="box highlight">
-            <a class="image img-link" href="/examples/pertau_voxel.html">
+            <a class="image img-link" href="examples/pertau_voxel.html">
               <img
                 class="qr-code"
-                src="/examples/pertau_voxel_qr_black.png"
-                onmouseover="this.src='/examples/pertau_voxel_qr_red.png'"
-                onmouseout="this.src='/examples/pertau_voxel_qr_black.png'"
+                src="examples/pertau_voxel_qr_black.png"
+                onmouseover="this.src='examples/pertau_voxel_qr_red.png'"
+                onmouseout="this.src='examples/pertau_voxel_qr_black.png'"
               />
             </a>
           </div>
@@ -247,12 +247,12 @@ <h2>Examples</h2>
         </section>
         <section class="3u 12u(narrower)">
           <div class="box highlight">
-            <a class="image img-link" href="/examples/pertau.html">
+            <a class="image img-link" href="examples/pertau.html">
               <img
                 class="qr-code"
-                src="/examples/pertau_isosurface_qr_black.png"
-                onmouseover="this.src='/examples/pertau_isosurface_qr_red.png'"
-                onmouseout="this.src='/examples/pertau_isosurface_qr_black.png'"
+                src="examples/pertau_isosurface_qr_black.png"
+                onmouseover="this.src='examples/pertau_isosurface_qr_red.png'"
+                onmouseout="this.src='examples/pertau_isosurface_qr_black.png'"
               />
             </a>
           </div>