added favicons and working on polls

2025-04-09 14:40:16 -04:00 · 2020-08-12 20:39:14 -04:00 · 2020-08-12 20:39:14 -04:00 · 5b8f58f471
commit 5b8f58f471
parent 07ae1011bc
35 changed files with 398 additions and 64 deletions
--- a/homepage/templates/homepage/index.html
+++ b/homepage/templates/homepage/index.html
@ -1,64 +1,121 @@
 {% load static %}
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+    <head>
+      <!-- Required meta tags -->
+      <meta charset="utf-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

-    <title>What's Your Story?</title>
-  </head>
-  <body>
-    <section>
-      <div class="jumbotron hero jumbotron-fluid m-0">
-        <div class="container">
-            <div class="arrow" id="arrow"></div>
+      <!-- Bootstrap CSS -->
+      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+
+      <!-- Stylesheet -->
+      <link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">
+
+      <!-- Favicon -->
+      <link rel="apple-touch-icon" sizes="57x57" href="{% static 'icon/apple-icon-57x57.png' %}">
+      <link rel="apple-touch-icon" sizes="60x60" href="{% static 'icon/apple-icon-60x60.png' %}">
+      <link rel="apple-touch-icon" sizes="72x72" href="{% static 'icon/apple-icon-72x72.png' %}">
+      <link rel="apple-touch-icon" sizes="76x76" href="{% static 'icon/apple-icon-76x76.png' %}">
+      <link rel="apple-touch-icon" sizes="114x114" href="{% static 'icon/apple-icon-114x114.png' %}">
+      <link rel="apple-touch-icon" sizes="120x120" href="{% static 'icon/apple-icon-120x120.png' %}">
+      <link rel="apple-touch-icon" sizes="144x144" href="{% static 'icon/apple-icon-144x144.png' %}">
+      <link rel="apple-touch-icon" sizes="152x152" href="{% static 'icon/apple-icon-152x152.png' %}">
+      <link rel="apple-touch-icon" sizes="180x180" href="{% static 'icon/apple-icon-180x180.png' %}">
+      <link rel="icon" type="image/png" sizes="192x192"  href="{% static 'icon/android-icon-192x192.png' %}">
+      <link rel="icon" type="image/png" sizes="32x32" href="{% static 'icon/favicon-32x32.png' %}">
+      <link rel="icon" type="image/png" sizes="96x96" href="{% static 'icon/favicon-96x96.png' %}">
+      <link rel="icon" type="image/png" sizes="16x16" href="{% static 'icon/favicon-16x16.png' %}">
+      <link rel="manifest" href="{% static 'icon/manifest.json' %}">
+      <meta name="msapplication-TileColor" content="#1df8ec">
+      <meta name="msapplication-TileImage" content="{% static 'icon/ms-icon-144x144.png' %}">
+      <meta name="theme-color" content="#1df8ec">
+
+      <!-- Font Awesome -->
+      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+
+      <title>What's Your Story?</title>
+    </head>
+    <body>
+        <section class="jumbotron hero jumbotron-fluid m-0">
+            <div class="container">
+              <div class="arrow" id="arrow"></div>
+            </div>
+        </section>
+        <section>
+            <div id="info-section"class="row">
+                <div class="col-lg info-col p-5">
+                    <h1 class="info-header">WHAT IS THIS?<br/>
+                        AND WHATS YOUR STORY?
+                    </h1>
+                    <p class="info">
+                    we’re “what’s your story” (hence #WYS) and we want to hear yours! what
+                    kinds of things make you special? what are some of your favorite snacks
+                    or movies? what is a special talent you mighthave that you don't tell
+                    people about in person? this is the beginning of us (fellow riders,
+                    walkers, etc.) getting to know one another throughout our communities
+                    across the US while encouraging people to get out on the trails and
+                    exercise. it revolves around the idea that every stranger has a story
+                    to share and we can unify communities using these diverse stories and
+                    connect just like trails and maps do. if you are here right now you
+                    scanned a QR code that was hung up on a nearby trail. we are happy to
+                    have you here! so, go ahead and share your story and enjoy being
+                    outside. YOU ARE AWESOME!
+                  </p>
+                </div>
+            </div>
+            <div id="info-section"class="row">
+                <div class="col-lg banner vh-25"></div>
+            </div>
+        </section>
+        <div id="insta-section"class="row">
+            <div class="col-lg p-5">
+                <p class="text-light insta-info">These responses are not being used in any negative way
+                  , just to hear stories and see how cool people are all over! you do not
+                  have to share your name or where you live, it just makes your
+                  responses more identifiable if you see them on the instagram.
+                  every two weeks or so there will be a new question put out via
+                  QR, and if you follow the instagram handle, you will know when it
+                  has been posted. so, please hit the trails and head out into
+                  your community and share a new tidbit about yourself.
+                  i hope to publish some stories via instagram and share
+                  the journeys taking place all over our country!<br/>
+
+                  <a href="https://instagram.com" target="_blank"><i class="fa fa-instagram center pt-3" style="font-size: 48px; color: white; text-align: center; width: 100%;"></i></a>
+                </p>
+            </div>
        </div>
-      </div>
-    </section>
+        <!-- Insta info
+            these responses are not being used in any negative way
+              , just to hear stories and see how cool people are all over! you do not
+              have to share your name or where you live, it just makes your
+              responses more identifiable if you see them on the instagram.
+              every two weeks or so there will be a new question put out via
+              QR, and if you follow the instagram handle, you will know when it
+              has been posted. so, please hit the trails and head out into
+              your community and share a new tidbit about yourself.
+              i hope to publish some stories via instagram and share
+              the journeys taking place all over our country!

-    <div id="info-section"class="row vh-50">
-      <div class="col-lg banner"></div>
-      <div class="col-lg info-col">
-        <h1 class="info-header">WHAT IS THIS?<br/>
-            AND WHATS YOUR STORY?</h1>
-        <span class="align-middle info" style="text-align: center;">
-          we’re “what’s your story” (hence #WYS) and we want to hear yours! what
-           kinds of things make you special? what are some of your favorite snacks
-           or movies? what is a special talent you mighthave that you don't tell
-           people about in person? this is the beginning of us (fellow riders,
-           walkers, etc.) getting to know one another throughout our communities
-           across the US while encouraging people to get out on the trails and
-           exercise. it revolves around the idea that every stranger has a story
-           to share and we can unify communities using these diverse stories and
-           connect just like trails and maps do. if you are here right now you
-           scanned a QR code that was hung up on a nearby trail. we are happy to
-           have you here! so, go ahead and share your story and enjoy being
-           outside. YOU ARE UGLY!
-         </span>
-      </div>
-    </div>
-    <section style="container">
-      <div id="insta-section"class="row vh-50">
-        <span class="text-light insta-info text-center align-middle">these responses are not being used in any negative way
-          , just to hear stories and see how cool people are all over! you do not
-          have to share your name or where you live, it just makes your
-          responses more identifiable if you see them on the instagram.
-          every two weeks or so there will be a new question put out via
-          QR, and if you follow the instagram handle, you will know when it
-          has been posted. so, please hit the trails and head out into
-          your community and share a new tidbit about yourself.
-          i hope to publish some stories via instagram and share
-          the journeys taking place all over our country! </span>
-      </div>
-    </section>
+            -->

-    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
-    <script src="{% static 'js/main.js' %}" type="text/javascript">
-
-    </script>
-  </body>
+          <section>
+              <div class="jumbotron poll jumbotron-fluid m-0">
+                  <div class="container">
+                    <div class="row short-answer">
+                      <label for="test" class="mx-auto">Lorem ipsum docet docet?</label>
+                      <input class="w-75 mx-auto rounded" type="text" name="test" value="">
+                    </div>
+                    <div class="row short-answer">
+                      <label for="test" class="mx-auto">Lorem ipsum docet docet?</label>
+                      <input class="w-75 mx-auto rounded" type="text" name="test" value="">
+                    </div>
+                  </div>
+              </div>
+          </section>
+        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
+        <script src="{% static 'js/main.js' %}" type="text/javascript"></script>
+    </body>
 </html>
--- a/static/css/res/gradient-mobile.png
+++ b/static/css/res/gradient-mobile.png
--- a/static/css/res/happy.svg
+++ b/static/css/res/happy.svg
@ -0,0 +1,58 @@
+<?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"
+   version="1.1"
+   id="svg4534"
+   width="257"
+   height="258"
+   viewBox="0 0 257 258"
+   sodipodi:docname="happy.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata4540">
+    <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>
+  <defs
+     id="defs4538" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     id="namedview4536"
+     showgrid="false"
+     inkscape:zoom="0.91472868"
+     inkscape:cx="128.5"
+     inkscape:cy="129"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4534" />
+  <path
+     style="fill:#fafaf6"
+     d="M 109,255.37885 C 80.68439,250.16911 60.228313,239.85792 40.4823,220.8415 24.27849,205.23641 14.295611,189.78402 7.6365989,170 5.6928181,164.225 3.589113,156.35 2.9616985,152.5 c -0.6274144,-3.85 -1.5504661,-7.78139 -2.05122599,-8.73643 -1.1851986,-2.26038 -1.1851986,-27.26676 0,-29.52714 C 1.4112324,113.28139 2.3366149,109.35 2.9668782,105.5 4.3963226,96.768155 9.0786036,82.868198 13.956116,72.877025 19.757243,60.993908 26.63331,51.334963 36.704086,40.922509 55.678743,21.304088 77.37426,9.2408703 103.15708,3.9730777 115.49084,1.4531181 138.89348,1.2629178 151.12516,3.5832267 176.28559,8.3560801 199.28944,20.442159 217.58343,38.5 c 14.96002,14.766909 25.80159,32.459532 32.2545,52.636949 4.24611,13.277041 5.14696,19.904021 5.14696,37.863051 0,17.40622 -0.88681,24.3858 -4.61038,36.28571 -12.10019,38.67021 -38.37388,67.52947 -74.80956,82.17152 -16.91134,6.796 -21.919,7.71241 -44.06495,8.06404 -11,0.17466 -21.125,0.11057 -22.5,-0.14242 z m 29.14405,-21.419 c 16.51476,-1.65875 35.29957,-8.11238 47.79793,-16.42128 24.02351,-15.9708 39.87921,-39.99868 45.55531,-69.03498 2.13175,-10.90503 1.61812,-34.35476 -0.96383,-44.00359 C 224.98235,83.755281 216.21893,68.422078 201.83713,54.290536 182.17798,34.97346 160.60132,25.512965 133.46082,24.310273 96.830812,22.687068 65.487602,37.210388 43.333516,66.072036 28.778889,85.033347 20.491241,114.0556 23.012852,137.23234 c 1.378581,12.67087 2.231059,16.5893 5.934269,27.27697 8.986622,25.93588 29.47933,48.53187 54.430988,60.01753 13.132112,6.04493 24.937531,8.89934 42.765941,10.34028 0.90422,0.0731 6.30422,-0.33519 12,-0.90727 z M 116.84022,197.9926 C 108.26283,196.63147 96.051654,191.51827 88.185094,185.9938 79.15292,179.65076 76,175.5827 76,170.27197 c 0,-3.44398 0.589908,-4.57219 4.002881,-7.65561 5.984066,-5.40624 9.047101,-4.94439 17.945182,2.70583 1.896435,1.63048 6.846437,4.5875 10.999997,6.57116 7.39785,3.53306 7.79679,3.60586 19.55194,3.5679 14.49396,-0.0468 18.95528,-1.57173 30.84343,-10.54257 4.31388,-3.25527 8.72373,-5.91868 9.79966,-5.91868 5.09985,0 11.84398,6.55334 11.85317,11.51787 0.0139,7.51261 -19.26929,21.75958 -35.33494,26.10643 -6.67393,1.80575 -21.59917,2.51433 -28.8211,1.3683 z M 79.5,109.83932 c -4.793917,-2.63634 -5.454286,-4.68726 -5.477764,-17.012397 -0.02209,-11.596327 -0.0029,-11.692407 2.917668,-14.612981 5.575151,-5.57515 12.343654,-4.895611 16.772766,1.683941 C 95.643721,82.766505 96,84.601712 96,91.680002 96,96.714694 95.424783,101.44093 94.560176,103.51022 92.093473,109.41387 84.51657,112.59809 79.5,109.83932 Z M 164.4,107.6 161,104.2 V 93.134796 c 0,-10.902592 0.0447,-11.116118 3.04191,-14.52975 3.77387,-4.298202 7.69979,-5.295983 12.28212,-3.121527 5.66871,2.68998 6.92677,6.326911 6.52391,18.860002 -0.34668,10.785139 -0.35977,10.834889 -3.61372,13.740409 -4.78297,4.2708 -10.2581,4.09219 -14.83422,-0.48393 z"
+     id="path4544"
+     inkscape:connector-curvature="0" />
+</svg>
--- a/static/css/res/hero-mobile.png
+++ b/static/css/res/hero-mobile.png
--- a/static/css/res/meh.svg
+++ b/static/css/res/meh.svg
@ -0,0 +1,58 @@
+<?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"
+   version="1.1"
+   id="svg4558"
+   width="257"
+   height="258"
+   viewBox="0 0 257 258"
+   sodipodi:docname="meh.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata4564">
+    <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>
+  <defs
+     id="defs4562" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     id="namedview4560"
+     showgrid="false"
+     inkscape:zoom="0.91472868"
+     inkscape:cx="128.5"
+     inkscape:cy="129"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4558" />
+  <path
+     style="fill:#fafaf6"
+     d="M 104.98789,253.45938 C 96.505954,251.92251 79.145075,246.11753 71.552695,242.27961 43.340067,228.01824 18.770647,200.2353 8.5176681,171 3.5577195,156.85723 2.0327229,146.97371 2.0156676,128.86047 1.9984458,110.57037 3.415683,100.40067 7.7099331,88 27.348298,31.289525 81.459302,-3.6349026 141,1.9716697 196.63749,7.210701 242.01478,48.019871 253.59508,103.23182 c 2.43579,11.61322 2.41057,39.04096 -0.0467,50.76518 -10.44761,49.8486 -51.41629,89.93361 -101.6567,99.46406 -10.11092,1.91801 -36.31432,1.91707 -46.90382,-0.002 z M 149,231.33844 c 37.96798,-7.54803 67.48563,-33.35153 79.319,-69.33844 4.31896,-13.13454 5.14585,-18.75823 5.07278,-34.5 -0.0601,-12.94065 -0.43547,-16.37173 -2.73436,-24.99149 C 222.00339,70.060021 199.78691,44.331902 169.5,31.684275 141.78706,20.111521 113.683,20.372654 85.681459,32.463088 55.044813,45.6913 34.661255,70.433329 25.9224,105 c -2.671297,10.56635 -3.315989,20.81946 -2.074964,33 3.787641,37.17533 25.216314,68.14341 58.652564,84.76295 11.383557,5.65821 23.48963,8.91424 39.5,10.62385 5.5185,0.58927 18.80109,-0.41841 27,-2.04836 z M 93.90441,181.33546 c -3.680943,-2.28509 -5.143818,-5.0717 -5.080256,-9.67731 0.04264,-3.08946 0.755349,-4.69948 3.133493,-7.07859 L 95.03595,161.5 l 32.45582,-0.28923 c 35.76198,-0.31869 36.93718,-0.14953 39.9913,5.7565 1.91745,3.70793 1.91745,6.35753 0,10.06546 -2.98741,5.77702 -4.25949,5.96988 -39.18341,5.94066 -27.47105,-0.023 -32.152975,-0.24594 -34.39525,-1.63793 z M 79.216795,108.4393 C 75.197854,105.62432 74,101.77717 74,91.684519 c 0,-8.203613 0.286435,-9.785931 2.226512,-12.29966 3.444404,-4.462864 4.948114,-5.318748 9.404831,-5.353056 3.349457,-0.02578 4.721569,0.571896 7.25,3.158035 C 95.98619,80.365551 96,80.427836 96,91.255579 c 0,11.246151 -0.711416,14.011011 -4.36704,16.972181 -2.682121,2.17261 -9.451686,2.28794 -12.416165,0.21154 z M 164.4,106.6 161,103.2 V 91.718657 80.237315 l 3.08776,-3.018857 c 1.69827,-1.660371 4.28565,-3.247848 5.74974,-3.527727 3.57124,-0.682685 8.32766,1.432482 11.07483,4.924943 2.08405,2.649435 2.22403,3.686244 1.9179,14.205472 L 182.5,104.16858 l -3.26578,2.91571 C 174.45111,111.35469 168.97594,111.17594 164.4,106.6 Z"
+     id="path4568"
+     inkscape:connector-curvature="0" />
+</svg>
--- a/static/css/res/sad.svg
+++ b/static/css/res/sad.svg
@ -0,0 +1,58 @@
+<?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"
+   version="1.1"
+   id="svg4570"
+   width="257"
+   height="258"
+   viewBox="0 0 257 258"
+   sodipodi:docname="sad.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata4576">
+    <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>
+  <defs
+     id="defs4574" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="695"
+     inkscape:window-height="480"
+     id="namedview4572"
+     showgrid="false"
+     inkscape:zoom="0.91472868"
+     inkscape:cx="128.5"
+     inkscape:cy="129"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg4570" />
+  <path
+     style="fill:#fafaf6"
+     d="M 108.5,254.41024 C 82.420559,250.36488 56.578335,236.65204 37.187178,216.56902 13.566172,192.10524 2,163.15671 2,128.50039 2,105.80051 5.1770516,91.844442 14.975947,71.5 31.164377,37.889624 64.057482,11.981834 101.5,3.3505504 c 11.47924,-2.6462054 42.59183,-2.61104946 54,0.061018 23.24546,5.4446432 43.15255,16.3537286 60.42198,33.1112426 20.58421,19.974034 31.30726,40.130855 38.55651,72.477189 2.5161,11.22693 1.74003,32.12763 -1.70804,46 -6.86029,27.60051 -18.32004,47.83818 -37.38478,66.02079 -28.38192,27.06865 -67.9498,39.42906 -106.88567,33.38945 z m 36,-21.97056 c 19.96548,-3.44721 36.53565,-10.7999 50.58761,-22.44726 C 217.55496,191.36972 229.39176,168.7611 233.0412,137.5 235.25492,118.53729 230.01641,94.120913 219.96524,76.553734 199.73746,41.200141 164.32359,21.648189 123.5,23.295405 97.093552,24.360895 73.278595,34.807119 54.542857,53.542857 41.152395,66.933319 33.298321,80.587962 27.522623,100.51869 18.882714,130.33321 25.598565,165.79781 44.767762,191.58564 67.805636,222.5779 107.48258,238.83106 144.5,232.43968 Z M 80.565779,177.92361 c -4.262788,-3.74278 -5.421186,-8.36876 -3.180613,-12.70154 3.909497,-7.56014 20.996577,-18.37862 34.614834,-21.91598 8.46498,-2.19879 24.33562,-2.18534 33,0.028 9.90122,2.52925 22.41934,9.24787 29.13213,15.63554 5.56676,5.29716 5.86787,5.83001 5.86787,10.38396 0,3.95272 -0.50707,5.30736 -2.87187,7.67215 -5.46621,5.46621 -10.01624,5.20731 -17.48954,-0.99516 -2.67378,-2.2191 -7.84878,-5.4804 -11.5,-7.24733 -5.98637,-2.89697 -7.71931,-3.25017 -17.63859,-3.59503 -9.77484,-0.33984 -11.80326,-0.10143 -18.212,2.14051 -3.96661,1.38761 -9.27875,4.01882 -11.80476,5.84712 -2.526011,1.8283 -5.984656,4.33668 -7.685877,5.57418 -4.294009,3.12354 -8.019536,2.87184 -12.231584,-0.82639 z M 77.4,106.6 74,103.2 V 92.085315 80.97063 l 3.402333,-3.712588 C 80.291697,74.1052 81.437195,73.545455 85,73.545455 c 3.58099,0 4.70588,0.557101 7.681824,3.804417 L 96.168312,81.15429 95.834156,92.661437 95.5,104.16858 92.234223,107.08429 C 87.451112,111.35469 81.975939,111.17594 77.4,106.6 Z m 87,0 -3.4,-3.4 V 92.504292 c 0,-12.198686 1.20672,-15.425441 6.75294,-18.057294 4.1744,-1.980884 8.22844,-1.192893 11.69439,2.273061 3.43191,3.43191 3.80597,5.337582 3.398,17.311491 -0.34091,10.00598 -0.38714,10.17306 -3.61111,13.05209 -4.78286,4.27113 -10.25795,4.09263 -14.83422,-0.48364 z"
+     id="path4580"
+     inkscape:connector-curvature="0" />
+</svg>
--- a/static/css/styles.css
+++ b/static/css/styles.css
@ -29,8 +29,6 @@ body::-webkit-scrollbar {
      background-image: url("res/hero-mobile.png"); } }

 .arrow {
-  vertical-align: bottom;
-  text-align: center;
  cursor: pointer;
  width: 70px;
  margin: 0 auto;
@ -55,6 +53,9 @@ body::-webkit-scrollbar {
    top: 50px; }
  50% {
    top: 80px; } }
+.vh-25 {
+  height: 25vh; }
+
 .vh-50 {
  height: 50vh; }

@ -74,13 +75,38 @@ body::-webkit-scrollbar {
  color: white;
  text-stroke: 3px #305899;
  -webkit-text-stroke: 3px #305899; }
+  @media (max-width: 768px) {
+    .info-header {
+      font-size: 1.25em;
+      text-stroke: 2px #305899;
+      -webkit-text-stroke: 2px #305899; } }

 .info {
  font-family: 'Hanson-Bold','Arial',sans-serif;
  font-size: .8em;
  color: #2b5291; }
+  @media (max-width: 768px) {
+    .info {
+      font-size: .75em; } }

 #insta-section {
  background-color: #333; }

+.poll {
+  color: white;
+  background-image: url("res/gradient.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed; }
+  @media (max-width: 768px) {
+    .poll {
+      background-image: url("res/gradient-mobile.png"); } }
+
+.short-answer {
+  padding-bottom: 10vh; }
+
+label {
+  font-size: 1.25em; }
+
 /*# sourceMappingURL=styles.css.map */
--- a/static/css/styles.scss
+++ b/static/css/styles.scss
@ -11,11 +11,15 @@
  }
 }

+// mobile
+
+$mobile-width: 768px;
+
@mixin mobile {
-  @media (max-width: 768px) { @content }
+  @media (max-width: $mobile-width) { @content }
 }

-//fonts
+// fonts
@font-face {
    src: url("./fonts/Hanson-Bold.ttf");
    font-family: "Hanson-Bold";
@ -60,8 +64,6 @@ body::-webkit-scrollbar {
 }

 .arrow {
-  vertical-align: bottom;
-   text-align: center;
   cursor: pointer;
   width: 70px;
   margin: 0 auto;
@ -81,6 +83,9 @@ body::-webkit-scrollbar {

     -webkit-animation: 3s infinite ease;
     animation: 3s infinite ease;
+     @include mobile {
+
+     }

     @include animation-keyframes {
       0%,
@ -95,6 +100,10 @@ body::-webkit-scrollbar {
 }


+.vh-25 {
+  height: 25vh;
+}
+
 .vh-50 {
  height: 50vh;
 }
@ -117,18 +126,43 @@ body::-webkit-scrollbar {
      color: white;
      text-stroke: 3px $header-stroke;
      -webkit-text-stroke: 3px $header-stroke;
+    @include mobile {
+      font-size: 1.25em;
+      text-stroke: 2px $header-stroke;
+      -webkit-text-stroke: 2px $header-stroke;
+    }
 }

 .info {
  font-family: 'Hanson-Bold','Arial',sans-serif;
  font-size: .8em;
  color: $text;
+  @include mobile {
+    font-size: .75em;
+
+  }
 }

 #insta-section {
  background-color: $dark-grey;
 }

-.insta-info {
-
+.poll {
+  color: white;
+  background-image: url("res/gradient.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  @include mobile {
+    background-image: url("res/gradient-mobile.png");
+  };
+}
+
+.short-answer {
+  padding-bottom: 10vh;
+}
+
+label {
+  font-size: 1.25em;
 }
--- a/static/icon/android-icon-144x144.png
+++ b/static/icon/android-icon-144x144.png
--- a/static/icon/android-icon-192x192.png
+++ b/static/icon/android-icon-192x192.png
--- a/static/icon/android-icon-36x36.png
+++ b/static/icon/android-icon-36x36.png
--- a/static/icon/android-icon-48x48.png
+++ b/static/icon/android-icon-48x48.png
--- a/static/icon/android-icon-72x72.png
+++ b/static/icon/android-icon-72x72.png
--- a/static/icon/android-icon-96x96.png
+++ b/static/icon/android-icon-96x96.png
--- a/static/icon/apple-icon-114x114.png
+++ b/static/icon/apple-icon-114x114.png
--- a/static/icon/apple-icon-120x120.png
+++ b/static/icon/apple-icon-120x120.png
--- a/static/icon/apple-icon-144x144.png
+++ b/static/icon/apple-icon-144x144.png
--- a/static/icon/apple-icon-152x152.png
+++ b/static/icon/apple-icon-152x152.png
--- a/static/icon/apple-icon-180x180.png
+++ b/static/icon/apple-icon-180x180.png
--- a/static/icon/apple-icon-57x57.png
+++ b/static/icon/apple-icon-57x57.png
--- a/static/icon/apple-icon-60x60.png
+++ b/static/icon/apple-icon-60x60.png
--- a/static/icon/apple-icon-72x72.png
+++ b/static/icon/apple-icon-72x72.png
--- a/static/icon/apple-icon-76x76.png
+++ b/static/icon/apple-icon-76x76.png
--- a/static/icon/apple-icon-precomposed.png
+++ b/static/icon/apple-icon-precomposed.png
--- a/static/icon/apple-icon.png
+++ b/static/icon/apple-icon.png
--- a/static/icon/browserconfig.xml
+++ b/static/icon/browserconfig.xml
@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
--- a/static/icon/favicon-16x16.png
+++ b/static/icon/favicon-16x16.png
--- a/static/icon/favicon-32x32.png
+++ b/static/icon/favicon-32x32.png
--- a/static/icon/favicon-96x96.png
+++ b/static/icon/favicon-96x96.png
--- a/static/icon/favicon.ico
+++ b/static/icon/favicon.ico
--- a/static/icon/manifest.json
+++ b/static/icon/manifest.json
@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}
--- a/static/icon/ms-icon-144x144.png
+++ b/static/icon/ms-icon-144x144.png
--- a/static/icon/ms-icon-150x150.png
+++ b/static/icon/ms-icon-150x150.png
--- a/static/icon/ms-icon-310x310.png
+++ b/static/icon/ms-icon-310x310.png
--- a/static/icon/ms-icon-70x70.png
+++ b/static/icon/ms-icon-70x70.png