From 36845011f8483bbce0d5b10182d895469b40cdbc Mon Sep 17 00:00:00 2001
From: Joshua Seigler <joshua.seigler@xpo.com>
Date: Fri, 14 Oct 2016 10:46:44 -0400
Subject: [PATCH] feat: third step for hashpointers slide

---
 index.html                                    |   5 +-
 ...shpointers.svg => hashpointers-hashes.svg} |  25 +--
 ...-list.svg => hashpointers-linked-list.svg} |  14 +-
 styles/hashpointers-new-entry.svg             | 167 ++++++++++++++++++
 styles/main.css                               |   4 +-
 5 files changed, 177 insertions(+), 38 deletions(-)
 rename styles/{linked-list-hashpointers.svg => hashpointers-hashes.svg} (86%)
 rename styles/{linked-list.svg => hashpointers-linked-list.svg} (91%)
 create mode 100644 styles/hashpointers-new-entry.svg

diff --git a/index.html b/index.html
index bc77715..e33aebd 100644
--- a/index.html
+++ b/index.html
@@ -39,8 +39,9 @@
       </section>
 
       <section class="hashpointers">
-        <img janus-timeline janus-future="big" src="styles/linked-list.svg" alt="" class="contain" style="object-position: 70% 50%">
-        <img janus-timeline janus-future="big" src="styles/linked-list-hashpointers.svg" alt="" class="contain" style="object-position: 70% 50%">
+        <img janus-timeline janus-future="big" src="styles/hashpointers-linked-list.svg" alt="" class="contain" style="object-position: 70% 50%">
+        <img janus-timeline janus-future="big" src="styles/hashpointers-hashes.svg" alt="" class="contain" style="object-position: 70% 50%">
+        <img janus-timeline janus-future="big" src="styles/hashpointers-new-entry.svg" alt="" class="contain" style="object-position: 70% 50%">
         <h1>Hash Pointers</h1>
       </section>
 
diff --git a/styles/linked-list-hashpointers.svg b/styles/hashpointers-hashes.svg
similarity index 86%
rename from styles/linked-list-hashpointers.svg
rename to styles/hashpointers-hashes.svg
index 3ccea95..b1ad140 100644
--- a/styles/linked-list-hashpointers.svg
+++ b/styles/hashpointers-hashes.svg
@@ -102,8 +102,8 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1.4"
-     inkscape:cx="312.59118"
-     inkscape:cy="188.78368"
+     inkscape:cx="206.16261"
+     inkscape:cy="195.21225"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -125,7 +125,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -134,25 +134,6 @@
      inkscape:groupmode="layer"
      id="layer1"
      transform="translate(-209.7363,42.325432)">
-    <g
-       transform="translate(95.86584,0.50657535)"
-       id="g4197">
-      <path
-         inkscape:connector-curvature="0"
-         id="path4183"
-         d="M 365.29978,15.232822 A 15.152288,15.152288 0 0 1 350.14749,30.385111 15.152288,15.152288 0 0 1 334.9952,15.232822 15.152288,15.152288 0 0 1 350.14749,0.08053398 15.152288,15.152288 0 0 1 365.29978,15.232822 Z"
-         style="opacity:1;fill:#7f7fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
-      <g
-         id="text4184-3"
-         style="font-style:normal;font-weight:normal;font-size:44.98179626px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         transform="matrix(0.52285653,0,0,0.52285653,212.38885,-12.341957)">
-        <path
-           style="fill:#ffffff;fill-opacity:1"
-           id="path4189-6"
-           d="m 270.38073,49.23549 -1.29586,6.830732 5.97414,0 0,2.965109 -6.56717,0 -1.5155,7.92892 -3.16278,0 1.55943,-7.92892 -6.25967,0 -1.53747,7.92892 -3.09689,0 1.44961,-7.92892 -5.60076,0 0,-2.965109 6.17182,0 1.36175,-6.830732 -5.90825,0 0,-2.943145 6.43538,0 1.49354,-7.775173 3.16278,0 -1.47157,7.775173 6.3036,0 1.5155,-7.775173 3.09689,0 -1.5155,7.775173 5.64469,0 0,2.943145 -6.23771,0 z m -10.71832,6.830732 6.28164,0 1.31782,-6.830732 -6.25967,0 -1.33979,6.830732 z"
-           inkscape:connector-curvature="0" />
-      </g>
-    </g>
     <g
        transform="translate(244.74038,11.519724)"
        id="g4197-3">
diff --git a/styles/linked-list.svg b/styles/hashpointers-linked-list.svg
similarity index 91%
rename from styles/linked-list.svg
rename to styles/hashpointers-linked-list.svg
index 442cd77..266831f 100644
--- a/styles/linked-list.svg
+++ b/styles/hashpointers-linked-list.svg
@@ -102,7 +102,7 @@
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
      inkscape:zoom="1.4"
-     inkscape:cx="171.16261"
+     inkscape:cx="39.734039"
      inkscape:cy="195.21225"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
@@ -125,7 +125,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -134,11 +134,6 @@
      inkscape:groupmode="layer"
      id="layer1"
      transform="translate(-209.7363,42.325432)">
-    <path
-       id="path4138"
-       style="fill:#ff9800;fill-opacity:1;fill-rule:evenodd;stroke:#777777;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 383.17465,16.639669 20.4364,39.494509 m -82.56746,-7.90114 78.05284,-40.3883942 20.89055,40.3721642 -78.05284,40.388391 z"
-       inkscape:connector-curvature="0" />
     <path
        inkscape:connector-curvature="0"
        id="path4138-7"
@@ -166,11 +161,6 @@
        id="path4138-9"
        style="fill:#ff9800;fill-opacity:1;fill-rule:evenodd;stroke:#777777;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
        d="m 363.20585,275.55971 26.52258,-35.69334 m 29.12875,77.66163 -70.54062,-52.41649 27.11199,-36.48654 70.54062,52.41649 z" />
-    <path
-       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#Arrow2Mend)"
-       d="M 397.85715,27.362198 514.28572,3.7907698"
-       id="path4206"
-       inkscape:connector-curvature="0" />
     <path
        style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#Arrow2Mend-1)"
        d="M 561.30679,3.1834788 655.06791,76.122328"
diff --git a/styles/hashpointers-new-entry.svg b/styles/hashpointers-new-entry.svg
new file mode 100644
index 0000000..a8c3a32
--- /dev/null
+++ b/styles/hashpointers-new-entry.svg
@@ -0,0 +1,167 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="500"
+   height="400"
+   viewBox="0 0 500.00002 399.99997"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="hashpointers-new-entry.svg">
+  <defs
+     id="defs4">
+    <marker
+       inkscape:stockid="Arrow2Mend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Mend"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path4239"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)"
+         inkscape:connector-curvature="0" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Mend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Mend-1"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4239-2"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Mend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Mend-1-0"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4239-2-9"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Mend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Mend-1-6"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4239-2-0"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)" />
+    </marker>
+    <marker
+       inkscape:stockid="Arrow2Mend"
+       orient="auto"
+       refY="0"
+       refX="0"
+       id="Arrow2Mend-1-2"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4239-2-6"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
+         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
+         transform="scale(-0.6,-0.6)" />
+    </marker>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="211.16261"
+     inkscape:cy="193.06939"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <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></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-209.7363,42.325432)">
+    <path
+       id="path4138"
+       style="fill:#ff9800;fill-opacity:1;fill-rule:evenodd;stroke:#777777;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 383.17465,16.639669 20.4364,39.494509 m -82.56746,-7.90114 78.05284,-40.3883942 20.89055,40.3721642 -78.05284,40.388391 z"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#Arrow2Mend)"
+       d="M 397.85715,27.362198 514.28572,3.7907698"
+       id="path4206"
+       inkscape:connector-curvature="0" />
+    <g
+       transform="translate(94.588824,3.1560043)"
+       id="g4197">
+      <path
+         inkscape:connector-curvature="0"
+         id="path4183"
+         d="M 365.29978,15.232822 A 15.152288,15.152288 0 0 1 350.14749,30.385111 15.152288,15.152288 0 0 1 334.9952,15.232822 15.152288,15.152288 0 0 1 350.14749,0.08053398 15.152288,15.152288 0 0 1 365.29978,15.232822 Z"
+         style="opacity:1;fill:#7f7fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      <g
+         id="text4184-3"
+         style="font-style:normal;font-weight:normal;font-size:44.98179626px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         transform="matrix(0.52285653,0,0,0.52285653,212.38885,-12.341957)">
+        <path
+           style="fill:#ffffff;fill-opacity:1"
+           id="path4189-6"
+           d="m 270.38073,49.23549 -1.29586,6.830732 5.97414,0 0,2.965109 -6.56717,0 -1.5155,7.92892 -3.16278,0 1.55943,-7.92892 -6.25967,0 -1.53747,7.92892 -3.09689,0 1.44961,-7.92892 -5.60076,0 0,-2.965109 6.17182,0 1.36175,-6.830732 -5.90825,0 0,-2.943145 6.43538,0 1.49354,-7.775173 3.16278,0 -1.47157,7.775173 6.3036,0 1.5155,-7.775173 3.09689,0 -1.5155,7.775173 5.64469,0 0,2.943145 -6.23771,0 z m -10.71832,6.830732 6.28164,0 1.31782,-6.830732 -6.25967,0 -1.33979,6.830732 z"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/styles/main.css b/styles/main.css
index 081d853..1bb8ed3 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -71,7 +71,7 @@ body.is-loading:after {
 }
 
 body.simulate-projection {
-  filter: contrast(0.65);
+  filter: contrast(0.8);
 }
 
 main {
@@ -93,7 +93,7 @@ nav {
   transition: transform ease 0.5s;
   font-size: 0.5rem;
   z-index: 2;
-  background-image: linear-gradient(to top, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.5));
+  background-image: linear-gradient(to top, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.75));
 }
 
 nav > label {