You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

246 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>map v.1</title>
<link rel="stylesheet" href="map1.css">
</head>
<body >
<div class="svg_map">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" viewBox="0.00 0.00 472.39 763.43">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 759.4338)">
<title>a story</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-759.4338 468.3873,-759.4338 468.3873,4 -4,4"></polygon>
<text text-anchor="middle" x="232.1936" y="-738.8338" font-family="Times,serif" font-size="14.00" fill="#000000">a story</text>
<!-- 0&#45;Start -->
<g id="node1" class="node">
<title>0-Start</title>
<g id="a_node1"><a xlink:title="1 (60 words)">
<ellipse fill="#d8a849" stroke="#000000" stroke-width="2" cx="395.3695" cy="-689.3169" rx="37.1523" ry="37.1523"></ellipse>
<ellipse fill="none" stroke="#000000" stroke-width="2" cx="395.3695" cy="-689.3169" rx="41.1346" ry="41.1346"></ellipse>
<text text-anchor="middle" x="395.3695" y="-685.1169" font-family="Times,serif" font-size="14.00" fill="#000000">0-Start</text>
</a>
</g>
</g>
<!-- 1&#45;Newspaper -->
<g id="node2" class="node">
<title>1-Newspaper</title>
<g id="a_node2"><a xlink:title="2 (358 words)">
<ellipse fill="#4994d8" stroke="#000000" cx="304.3695" cy="-594" rx="62.5199" ry="18"></ellipse>
<text text-anchor="middle" x="304.3695" y="-589.8" font-family="Times,serif" font-size="14.00" fill="#000000">1-Newspaper</text>
</a>
</g>
</g>
<!-- 0&#45;Start&#45;&gt;1&#45;Newspaper -->
<g id="edge1" class="edge">
<title>0-Start-&gt;1-Newspaper</title>
<path fill="none" stroke="#000000" d="M366.8262,-659.4196C354.3947,-646.3983 339.9925,-631.3129 328.153,-618.9118"></path>
<polygon fill="#000000" stroke="#000000" points="330.59,-616.3959 321.153,-611.5798 325.5269,-621.2297 330.59,-616.3959"></polygon>
</g>
<!-- 1&#45;Walk/Pleiadians -->
<g id="node3" class="node">
<title>1-Walk/Pleiadians</title>
<g id="a_node3"><a xlink:title="3 (231 words)">
<ellipse fill="#49b6d8" stroke="#000000" cx="357.3695" cy="-450" rx="82.2391" ry="18"></ellipse>
<text text-anchor="middle" x="357.3695" y="-445.8" font-family="Times,serif" font-size="14.00" fill="#000000">1-Walk/Pleiadians</text>
</a>
</g>
</g>
<!-- 0&#45;Start&#45;&gt;1&#45;Walk/Pleiadians -->
<g id="edge2" class="edge">
<title>0-Start-&gt;1-Walk/Pleiadians</title>
<path fill="none" stroke="#000000" d="M420.8782,-656.6953C447.6424,-618.1892 482.1322,-553.1799 453.3695,-504 444.4521,-488.7526 429.4712,-477.478 413.9636,-469.2943"></path>
<polygon fill="#000000" stroke="#000000" points="415.3357,-466.0693 404.814,-464.8264 412.2641,-472.3594 415.3357,-466.0693"></polygon>
</g>
<!-- 1&#45;Wait for Amanda -->
<g id="node4" class="node">
<title>1-Wait for Amanda</title>
<g id="a_node4"><a xlink:title="4 (65 words)">
<ellipse fill="#d8b049" stroke="#000000" cx="357.3695" cy="-522" rx="86.7991" ry="18"></ellipse>
<text text-anchor="middle" x="357.3695" y="-517.8" font-family="Times,serif" font-size="14.00" fill="#000000">1-Wait for Amanda</text>
</a>
</g>
</g>
<!-- 0&#45;Start&#45;&gt;1&#45;Wait for Amanda -->
<g id="edge3" class="edge">
<title>0-Start-&gt;1-Wait for Amanda</title>
<path fill="none" stroke="#000000" d="M390.2327,-648.3139C387.0803,-626.6265 382.4677,-599.6628 376.3695,-576 374.1477,-567.3791 371.1545,-558.1795 368.2016,-549.8619"></path>
<polygon fill="#000000" stroke="#000000" points="371.4057,-548.4335 364.6745,-540.2517 364.8344,-550.8454 371.4057,-548.4335"></polygon>
</g>
<!-- 1&#45;Newspaper&#45;&gt;1&#45;Wait for Amanda -->
<g id="edge5" class="edge">
<title>1-Newspaper-&gt;1-Wait for Amanda</title>
<path fill="none" stroke="#000000" d="M311.7912,-575.8314C317.2238,-567.3251 324.6105,-557.0419 331.9123,-547.752"></path>
<polygon fill="#000000" stroke="#000000" points="334.6858,-549.8886 338.2559,-539.9134 329.2444,-545.485 334.6858,-549.8886"></polygon>
</g>
<!-- 2&#45;Looking for N. -->
<g id="node5" class="node">
<title>2-Looking for N.</title>
<g id="a_node5"><a xlink:title="5 (198 words)">
<ellipse fill="#49d869" stroke="#000000" cx="137.3695" cy="-522" rx="77.0553" ry="18"></ellipse>
<text text-anchor="middle" x="137.3695" y="-517.8" font-family="Times,serif" font-size="14.00" fill="#000000">2-Looking for N.</text>
</a>
</g>
</g>
<!-- 1&#45;Newspaper&#45;&gt;2&#45;Looking for N. -->
<g id="edge4" class="edge">
<title>1-Newspaper-&gt;2-Looking for N.</title>
<path fill="none" stroke="#000000" d="M269.3608,-578.9064C244.4638,-568.1724 210.7649,-553.6436 183.6497,-541.9532"></path>
<polygon fill="#000000" stroke="#000000" points="184.9271,-538.6925 174.3585,-537.9474 182.1557,-545.1205 184.9271,-538.6925"></polygon>
</g>
<!-- 1&#45;Walk/Pleiadians&#45;&gt;1&#45;Newspaper -->
<g id="edge6" class="edge">
<title>1-Walk/Pleiadians-&gt;1-Newspaper</title>
<path fill="none" stroke="#000000" d="M309.9249,-464.8264C291.3816,-473.2054 272.037,-485.7601 261.3695,-504 249.0121,-525.1292 263.4107,-550.364 278.7858,-568.7287"></path>
<polygon fill="#000000" stroke="#000000" points="276.5648,-571.498 285.8262,-576.6437 281.7951,-566.8457 276.5648,-571.498"></polygon>
</g>
<!-- 1&#45;Wait for Amanda&#45;&gt;1&#45;Newspaper -->
<g id="edge7" class="edge">
<title>1-Wait for Amanda-&gt;1-Newspaper</title>
<path fill="none" stroke="#000000" d="M350.0422,-540.0206C344.528,-548.6698 336.9712,-559.1819 329.5313,-568.6232"></path>
<polygon fill="#000000" stroke="#000000" points="326.6643,-566.6016 323.0775,-576.5708 332.0984,-571.0142 326.6643,-566.6016"></polygon>
</g>
<!-- 1&#45;Wait for Amanda&#45;&gt;1&#45;Walk/Pleiadians -->
<g id="edge8" class="edge">
<title>1-Wait for Amanda-&gt;1-Walk/Pleiadians</title>
<path fill="none" stroke="#000000" d="M357.3695,-503.8314C357.3695,-496.131 357.3695,-486.9743 357.3695,-478.4166"></path>
<polygon fill="#000000" stroke="#000000" points="360.8696,-478.4132 357.3695,-468.4133 353.8696,-478.4133 360.8696,-478.4132"></polygon>
</g>
<!-- 3&#45;Monteferro -->
<g id="node6" class="node">
<title>3-Monteferro</title>
<g id="a_node6"><a xlink:title="6 (196 words)">
<ellipse fill="#49d8a5" stroke="#000000" cx="137.3695" cy="-378" rx="63.1015" ry="18"></ellipse>
<text text-anchor="middle" x="137.3695" y="-373.8" font-family="Times,serif" font-size="14.00" fill="#000000">3-Monteferro</text>
</a>
</g>
</g>
<!-- 2&#45;Looking for N.&#45;&gt;3&#45;Monteferro -->
<g id="edge9" class="edge">
<title>2-Looking for N.-&gt;3-Monteferro</title>
<path fill="none" stroke="#000000" d="M153.3599,-503.9169C161.0233,-494.0371 169.386,-481.1563 173.3695,-468 178.006,-452.6865 178.006,-447.3135 173.3695,-432 170.3645,-422.0755 164.8676,-412.3077 159.0587,-403.8667"></path>
<polygon fill="#000000" stroke="#000000" points="161.7256,-401.5853 152.9836,-395.5996 156.0848,-405.7304 161.7256,-401.5853"></polygon>
</g>
<!-- 2&#45;Walk/Pleiadians -->
<g id="node7" class="node">
<title>2-Walk/Pleiadians</title>
<g id="a_node7"><a xlink:title="8 (230 words)">
<ellipse fill="#49bfd8" stroke="#000000" cx="82.3695" cy="-450" rx="82.2391" ry="18"></ellipse>
<text text-anchor="middle" x="82.3695" y="-445.8" font-family="Times,serif" font-size="14.00" fill="#000000">2-Walk/Pleiadians</text>
</a>
</g>
</g>
<!-- 2&#45;Looking for N.&#45;&gt;2&#45;Walk/Pleiadians -->
<g id="edge10" class="edge">
<title>2-Looking for N.-&gt;2-Walk/Pleiadians</title>
<path fill="none" stroke="#000000" d="M123.774,-504.2022C117.2955,-495.7214 109.4199,-485.4115 102.2837,-476.0696"></path>
<polygon fill="#000000" stroke="#000000" points="104.851,-473.6646 95.9992,-467.8425 99.2883,-477.9139 104.851,-473.6646"></polygon>
</g>
<!-- 4&#45;Canteen -->
<g id="node8" class="node">
<title>4-Canteen</title>
<g id="a_node8"><a xlink:title="9 (153 words)">
<ellipse fill="#5dd849" stroke="#000000" cx="137.3695" cy="-306" rx="50.9425" ry="18"></ellipse>
<text text-anchor="middle" x="137.3695" y="-301.8" font-family="Times,serif" font-size="14.00" fill="#000000">4-Canteen</text>
</a>
</g>
</g>
<!-- 3&#45;Monteferro&#45;&gt;4&#45;Canteen -->
<g id="edge11" class="edge">
<title>3-Monteferro-&gt;4-Canteen</title>
<path fill="none" stroke="#000000" d="M137.3695,-359.8314C137.3695,-352.131 137.3695,-342.9743 137.3695,-334.4166"></path>
<polygon fill="#000000" stroke="#000000" points="140.8696,-334.4132 137.3695,-324.4133 133.8696,-334.4133 140.8696,-334.4132"></polygon>
</g>
<!-- 2&#45;Walk/Pleiadians&#45;&gt;3&#45;Monteferro -->
<g id="edge12" class="edge">
<title>2-Walk/Pleiadians-&gt;3-Monteferro</title>
<path fill="none" stroke="#000000" d="M95.965,-432.2022C102.5587,-423.5704 110.5998,-413.0439 117.8356,-403.5717"></path>
<polygon fill="#000000" stroke="#000000" points="120.6413,-405.6644 123.9303,-395.593 115.0785,-401.4151 120.6413,-405.6644"></polygon>
</g>
<!-- 5&#45;Square -->
<g id="node9" class="node">
<title>5-Square</title>
<g id="a_node9"><a xlink:title="10 (58 words)">
<ellipse fill="#d8b049" stroke="#000000" cx="137.3695" cy="-162" rx="45.7867" ry="18"></ellipse>
<text text-anchor="middle" x="137.3695" y="-157.8" font-family="Times,serif" font-size="14.00" fill="#000000">5-Square</text>
</a>
</g>
</g>
<!-- 4&#45;Canteen&#45;&gt;5&#45;Square -->
<g id="edge13" class="edge">
<title>4-Canteen-&gt;5-Square</title>
<path fill="none" stroke="#000000" d="M120.4747,-288.6175C112.0694,-278.7401 102.7814,-265.6443 98.3695,-252 93.4468,-236.7761 93.4468,-231.2239 98.3695,-216 101.7318,-205.6018 107.9261,-195.522 114.4034,-186.9426"></path>
<polygon fill="#000000" stroke="#000000" points="117.3299,-188.8892 120.8807,-178.907 111.8799,-184.4961 117.3299,-188.8892"></polygon>
</g>
<!-- 4&#45;Clouds/Pleiadians -->
<g id="node10" class="node">
<title>4-Clouds/Pleiadians</title>
<g id="a_node10"><a xlink:title="11 (203 words)">
<ellipse fill="#49d8ad" stroke="#000000" cx="196.3695" cy="-234" rx="88.641" ry="18"></ellipse>
<text text-anchor="middle" x="196.3695" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">4-Clouds/Pleiadians</text>
</a>
</g>
</g>
<!-- 4&#45;Canteen&#45;&gt;4&#45;Clouds/Pleiadians -->
<g id="edge14" class="edge">
<title>4-Canteen-&gt;4-Clouds/Pleiadians</title>
<path fill="none" stroke="#000000" d="M151.6517,-288.5708C158.7922,-279.857 167.5708,-269.1441 175.4536,-259.5244"></path>
<polygon fill="#000000" stroke="#000000" points="178.1778,-261.7221 181.8089,-251.7689 172.7634,-257.2853 178.1778,-261.7221"></polygon>
</g>
<!-- 6&#45;River Bank -->
<g id="node11" class="node">
<title>6-River Bank</title>
<g id="a_node11"><a xlink:title="12 (90 words)">
<ellipse fill="#cdd849" stroke="#000000" cx="137.3695" cy="-90" rx="63.164" ry="18"></ellipse>
<text text-anchor="middle" x="137.3695" y="-85.8" font-family="Times,serif" font-size="14.00" fill="#000000">6-River Bank</text>
</a>
</g>
</g>
<!-- 5&#45;Square&#45;&gt;6&#45;River Bank -->
<g id="edge15" class="edge">
<title>5-Square-&gt;6-River Bank</title>
<path fill="none" stroke="#000000" d="M137.3695,-143.8314C137.3695,-136.131 137.3695,-126.9743 137.3695,-118.4166"></path>
<polygon fill="#000000" stroke="#000000" points="140.8696,-118.4132 137.3695,-108.4133 133.8696,-118.4133 140.8696,-118.4132"></polygon>
</g>
<!-- 4&#45;Clouds/Pleiadians&#45;&gt;5&#45;Square -->
<g id="edge16" class="edge">
<title>4-Clouds/Pleiadians-&gt;5-Square</title>
<path fill="none" stroke="#000000" d="M181.7852,-216.2022C174.6591,-207.506 165.9572,-196.8867 158.1504,-187.3598"></path>
<polygon fill="#000000" stroke="#000000" points="160.6278,-184.861 151.5824,-179.3446 155.2135,-189.2978 160.6278,-184.861"></polygon>
</g>
<!-- 7&#45;Spring River -->
<g id="node12" class="node">
<title>7-Spring River</title>
<g id="a_node12"><a xlink:title="13 (164 words)">
<ellipse fill="#66d849" stroke="#000000" cx="137.3695" cy="-18" rx="68.9007" ry="18"></ellipse>
<polyline fill="none" stroke="#000000" points="182.8077,-31.5 91.9312,-31.5 "></polyline>
<polyline fill="none" stroke="#000000" points="182.8077,-4.5 91.9312,-4.5 "></polyline>
<text text-anchor="middle" x="137.3695" y="-13.8" font-family="Times,serif" font-size="14.00" fill="#000000">7-Spring River</text>
</a>
</g>
</g>
<!-- 6&#45;River Bank&#45;&gt;7&#45;Spring River -->
<g id="edge17" class="edge">
<title>6-River Bank-&gt;7-Spring River</title>
<path fill="none" stroke="#000000" d="M137.3695,-71.8314C137.3695,-64.131 137.3695,-54.9743 137.3695,-46.4166"></path>
<polygon fill="#000000" stroke="#000000" points="140.8696,-46.4132 137.3695,-36.4133 133.8696,-46.4133 140.8696,-46.4132"></polygon>
</g>
</g>
</svg>
</div>
<div class="comments">
<div id="start" style="display: none;">
This is the start.
</div>
<div id="newspaper" style="display: none;" >
<iframe src="https://en.wikipedia.org/wiki/Pizzagate_conspiracy_theory" height="500px" ></iframe>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="map1.js" ></script>
</body>