From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 30 Dec 2020 14:28:46 +0000 (+0100)
Subject: wip #4155 @3
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=5d6f15843a9afdb0c7b42e731e79e29aaf45dc4e;p=Animations.git

wip #4155 @3
---

diff --git a/RedbullResilience/Table of contents/Table of contents.zip b/RedbullResilience/Table of contents/Table of contents.zip
new file mode 100644
index 0000000..b53f96d
Binary files /dev/null and b/RedbullResilience/Table of contents/Table of contents.zip differ
diff --git a/RedbullResilience/Table of contents/index.html b/RedbullResilience/Table of contents/index.html
index d55e0d3..1059a5e 100644
--- a/RedbullResilience/Table of contents/index.html	
+++ b/RedbullResilience/Table of contents/index.html	
@@ -2,6 +2,8 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <meta name="width" content="370">
+    <meta name="height" content="840">
     <title></title>
     <style>
         * {
@@ -22,7 +24,7 @@
             position: fixed;
             top: 0px;
             left: 0px;
-            width: 50px;
+            width: 30px;
             height: 100%;
             pointer-events: none;
             background-size: 60% auto;
@@ -31,10 +33,10 @@
 
         #labels {
             display: block;
-            width: 300px;
+            width: 200px;
             height: auto;
             position: relative;
-            left: 70px;
+            left: 50px;
             top: 30px;
             padding-bottom: 30px;
             pointer-events: none;
@@ -44,15 +46,15 @@
         nav {
             position: absolute;
             z-index: 0;
-            top: 10px;
+            top: 17px;
             left: 0px;
             width: 100%;
         }
 
         nav a {
             display: block;
-            height: 95px;
-            margin-bottom: 44.5px;
+            height: 63px;
+            margin-bottom: 30px;
         }
 
         nav a:hover {
@@ -66,16 +68,25 @@
 <main>
     <img id="labels" src="labels.svg" width="300">
     <nav>
-        <a href="#/page/5"></a>
-        <a href="#/page/7"></a>
-        <a href="#/page/8"></a>
-        <a href="#/page/9"></a>
-        <a href="#/page/14"></a>
-        <a href="#/page/16"></a>
-        <a href="#/page/18"></a>
-        <a href="#/page/20"></a>
-        <a href="#/page/21"></a>
+        <a href="#" data-page="5"></a>
+        <a href="#" data-page="7"></a>
+        <a href="#" data-page="8"></a>
+        <a href="#" data-page="9"></a>
+        <a href="#" data-page="14"></a>
+        <a href="#" data-page="16"></a>
+        <a href="#" data-page="18"></a>
+        <a href="#" data-page="20"></a>
+        <a href="#" data-page="21"></a>
     </nav>
 </main>
+<script src="../jquery.js"></script>
+<script>
+    $(function () {
+        $(document).on('click', 'a', function () {
+            parent.location.hash = "#/page/" + $(this).data('page');
+            return false;
+        });
+    });
+</script>
 </body>
 </html>
\ No newline at end of file
