feat: third step for hashpointers slide

This commit is contained in:
Joshua Seigler 2016-10-14 10:46:44 -04:00
parent ccb78186f3
commit 36845011f8
5 changed files with 177 additions and 38 deletions

View file

@ -39,8 +39,9 @@
</section> </section>
<section class="hashpointers"> <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/hashpointers-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-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> <h1>Hash Pointers</h1>
</section> </section>

View file

@ -102,8 +102,8 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="1.4" inkscape:zoom="1.4"
inkscape:cx="312.59118" inkscape:cx="206.16261"
inkscape:cy="188.78368" inkscape:cy="195.21225"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -125,7 +125,7 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title> <dc:title />
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
@ -134,25 +134,6 @@
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1" id="layer1"
transform="translate(-209.7363,42.325432)"> 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 <g
transform="translate(244.74038,11.519724)" transform="translate(244.74038,11.519724)"
id="g4197-3"> id="g4197-3">

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

View file

@ -102,7 +102,7 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="1.4" inkscape:zoom="1.4"
inkscape:cx="171.16261" inkscape:cx="39.734039"
inkscape:cy="195.21225" inkscape:cy="195.21225"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
@ -125,7 +125,7 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title> <dc:title />
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
@ -134,11 +134,6 @@
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1" id="layer1"
transform="translate(-209.7363,42.325432)"> 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 <path
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
id="path4138-7" id="path4138-7"
@ -166,11 +161,6 @@
id="path4138-9" 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" 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" /> 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 <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)" 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" d="M 561.30679,3.1834788 655.06791,76.122328"

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

Before After
Before After

View file

@ -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>

After

Width:  |  Height:  |  Size: 7 KiB

View file

@ -71,7 +71,7 @@ body.is-loading:after {
} }
body.simulate-projection { body.simulate-projection {
filter: contrast(0.65); filter: contrast(0.8);
} }
main { main {
@ -93,7 +93,7 @@ nav {
transition: transform ease 0.5s; transition: transform ease 0.5s;
font-size: 0.5rem; font-size: 0.5rem;
z-index: 2; 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 { nav > label {