Deploy to gh-pages

index.html

@@ -44,7 +44,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
-    <style>#scrolly{position:relative;padding:1rem}.anno{font-size:14px;font-family:Roboto,sans-serif}.xlabel,.ylabel{font-size:15px;font-family:Roboto,sans-serif}article{position:relative;padding:0;max-width:20rem;margin:0 auto}.tick{font-size:14px}#sticky-thing{position:-webkit-sticky;position:sticky;left:0;width:100%;margin:0;z-index:0;top:12.5vh;height:75vh;padding-bottom:7vh;align-items:center;justify-content:center}#sticky-thing p{color:#000}.step:first-child{margin-top:0}.step{margin:35vh 0;color:#fff;background-color:#fff}.step:last-child{margin-bottom:0}.step.is-active,.step.is-active p{background-color:#fff;color:#3b3b3b}.step p{text-align:center;padding:1rem;font-size:17px;background-color:#fff;opacity:1}.hidden{visibility:hidden;opacity:0}.quarter_opacity{opacity:.25}.full_opacity{opacity:1!important;transition:opacity 1s}.increase_width{stroke-width:.5%!important;transition:stroke-width 1s}.base_width{stroke-width:.2%}.fade_in,.visible{visibility:visible!important;opacity:1!important;transition:opacity 1s}#last{opacity:0}#twograf p:first-child{margin-bottom:-3vh}main{margin-bottom:7.5vh}@media only screen and (max-width:849px){.step p{font-size:14.5px}}@media only screen and (max-width:599px){.sticky-thing{display:block;margin-bottom:10vh}.annotation{transform:translateY(10px)}}@media only screen and (min-width:600px){.sticky-thing{display:flex}}body{margin:0;padding:0}#map_container{top:0;bottom:0}#map,#map_container{position:relative;width:100%}#map{bottom:10%;height:70%}#sources{position:relative;top:95%;background-color:hsla(0,0%,100%,.9);font-family:Roboto,sans-serif;font-size:10pt;margin:0;width:90%;max-width:600px;padding:10px}#info{top:10px}#info,#info_new{background-color:hsla(0,0%,100%,.9);position:absolute;z-index:1;left:10px;max-width:350px;width:40%;font-family:Roboto,sans-serif;border-radius:5px;border:1px solid rgba(0,0,0,.2);padding:0 10px}#info_new{top:-10px}.p1{font-weight:700;font-size:18pt;margin-bottom:5px}.p1,.p2{font-family:Roboto,sans-serif;padding-top:0;padding-bottom:0;margin-top:10px}.p2{font-weight:300;font-size:12pt;margin-bottom:10px}.p3{font-weight:400;color:#9e9e9e!important}.p3,.p4{font-family:Roboto,sans-serif;font-size:10pt;padding-top:0;padding-bottom:0;margin-top:10px}.p4{font-weight:300;margin-bottom:10px}.p5{font-weight:700;margin-bottom:5px}.p5,.p6{font-family:Roboto,sans-serif;font-size:12pt;padding-top:0;padding-bottom:0;margin-top:10px}.p6{font-weight:400}#menu{position:absolute;z-index:1;top:26%;left:1%;width:90px}#menu,#menu a{font-family:Roboto,sans-serif}#menu a{font-size:13px;background-color:hsla(0,0%,96.1%,.25);color:#000;display:block;margin:0 0 3px;padding:10px;text-decoration:none;border-radius:5px;border:1px solid rgba(0,0,0,.2);text-align:center;font-weight:300;font-size:10pt}#menu a.cuny{background-color:#0033a1;color:#fff}#menu a.cuny:hover{background-color:rgba(0,51,161,.5);color:#fff}#menu a.nyu{background-color:#8900e1;color:#fff}#menu a.nyu:hover{background-color:rgba(137,0,225,.25);color:#fff}#menu a.removed{background-color:#888}#menu a.removed:hover{background-color:hsla(0,0%,53.3%,.25)}#menu a.current{background-color:#ffd400}#menu a.current:hover{background-color:rgba(255,212,0,.25)}#menu a.nypl{background-color:#f56e6e}#menu a.nypl:hover{background-color:rgba(245,110,110,.25)}#menu a:last-child{border:1px solid rgba(0,0,0,.2)}#menu a:hover{background-color:hsla(0,0%,79.6%,.5);color:#404040}#menu a.active{background-color:hsla(0,0%,100%,.9);color:#000}#menu a.active:hover{background:hsla(0,0%,100%,.25)}</style>
+    <style>#scrolly{position:relative;padding:1rem}.anno{font-size:14px;font-family:Roboto,sans-serif}.xlabel,.ylabel{font-size:15px;font-family:Roboto,sans-serif}article{position:relative;padding:0;max-width:20rem;margin:0 auto}.tick{font-size:14px}#sticky-thing{position:-webkit-sticky;position:sticky;left:0;width:100%;margin:0;z-index:0;top:12.5vh;height:75vh;padding-bottom:7vh;align-items:center;justify-content:center}#sticky-thing p{color:#000}.step:first-child{margin-top:0}.step{margin:35vh 0;color:#fff;background-color:#fff}.step:last-child{margin-bottom:0}.step.is-active,.step.is-active p{background-color:#fff;color:#3b3b3b}.step p{text-align:center;padding:1rem;font-size:17px;background-color:#fff;opacity:1}.hidden{visibility:hidden;opacity:0}.quarter_opacity{opacity:.25}.full_opacity{opacity:1!important;transition:opacity 1s}.increase_width{stroke-width:.5%!important;transition:stroke-width 1s}.base_width{stroke-width:.2%}.fade_in,.visible{visibility:visible!important;opacity:1!important;transition:opacity 1s}#last{opacity:0}#twograf p:first-child{margin-bottom:-3vh}main{margin-bottom:7.5vh}@media only screen and (max-width:849px){.step p{font-size:14.5px}}@media only screen and (max-width:599px){.sticky-thing{display:block;margin-bottom:10vh}.annotation{transform:translateY(10px)}}@media only screen and (min-width:600px){.sticky-thing{display:flex}}body{margin:0;padding:0}#map_container{top:0;bottom:0}#map,#map_container{position:relative;width:100%}#map{bottom:10%;height:70%}#sources{position:relative;top:95%;background-color:hsla(0,0%,100%,.9);font-family:Roboto,sans-serif;font-size:10pt;margin:0;width:90%;max-width:600px;padding:10px}#info{top:10px}#info,#info_new{background-color:hsla(0,0%,100%,.9);position:absolute;z-index:1;left:10px;max-width:350px;width:40%;font-family:Roboto,sans-serif;border-radius:5px;border:1px solid rgba(0,0,0,.2);padding:0 10px}#info_new{top:-10px}.p1{font-weight:700;font-size:18pt;margin-bottom:5px}.p1,.p2{font-family:Roboto,sans-serif;padding-top:0;padding-bottom:0;margin-top:10px}.p2{font-weight:300;font-size:12pt;margin-bottom:10px}.p3{font-weight:400;color:#9e9e9e!important}.p3,.p4{font-family:Roboto,sans-serif;font-size:10pt;padding-top:0;padding-bottom:0;margin-top:10px}.p4{font-weight:300;margin-bottom:10px}.p5{font-weight:700;margin-bottom:5px}.p5,.p6{font-family:Roboto,sans-serif;font-size:12pt;padding-top:0;padding-bottom:0;margin-top:10px}.p6{font-weight:400}#menu_container{position:relative}#menu{position:absolute;z-index:1;left:1%;width:90px}#menu,#menu a{font-family:Roboto,sans-serif}#menu a{font-size:13px;background-color:hsla(0,0%,96.1%,.25);color:#000;display:block;margin:0 0 3px;padding:10px;text-decoration:none;border-radius:5px;border:1px solid rgba(0,0,0,.2);text-align:center;font-weight:300;font-size:10pt}#menu a.cuny{background-color:#0033a1;color:#fff}#menu a.cuny:hover{background-color:rgba(0,51,161,.5);color:#fff}#menu a.nyu{background-color:#8900e1;color:#fff}#menu a.nyu:hover{background-color:rgba(137,0,225,.25);color:#fff}#menu a.removed{background-color:#888}#menu a.removed:hover{background-color:hsla(0,0%,53.3%,.25)}#menu a.current{background-color:#ffd400}#menu a.current:hover{background-color:rgba(255,212,0,.25)}#menu a.nypl{background-color:#f56e6e}#menu a.nypl:hover{background-color:rgba(245,110,110,.25)}#menu a:last-child{border:1px solid rgba(0,0,0,.2)}#menu a:hover{background-color:hsla(0,0%,79.6%,.5);color:#404040}#menu a.active{background-color:hsla(0,0%,100%,.9);color:#000}#menu a.active:hover{background:hsla(0,0%,100%,.25)}</style>
 
   </head>
 
@@ -79,7 +79,9 @@
   <p class="p2">There are 19 polling sites that will be open to voters in Community Board 9 on Nov. 5. Three sites in CB9 will be open for early voting from Oct 26. to Nov. 3.</p>
   <p class="p6">Click on the buttons on the right to show/hide sites that will be open for early vs. regular voting.</p>
   <p class="p6">Click on a point to view details.</p>
+  <div id="menu_container">
 <nav id="menu"></nav>
+</div>
 <div id="map"></div>
 <div id="sources">
   <p class="p3">Sources: Vote Early NY, NYC Board of Elections<br>Graphic by Name</p>