+ 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!
+
+
+
+
+
+
+
+
+
+
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!
+
+
+
+
-
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/css/res/gradient-mobile.png b/static/css/res/gradient-mobile.png
new file mode 100644
index 0000000..67fe49c
Binary files /dev/null and b/static/css/res/gradient-mobile.png differ
diff --git a/static/css/res/happy.svg b/static/css/res/happy.svg
new file mode 100644
index 0000000..989fe5a
--- /dev/null
+++ b/static/css/res/happy.svg
@@ -0,0 +1,58 @@
+
+
+
+
diff --git a/static/css/res/hero-mobile.png b/static/css/res/hero-mobile.png
new file mode 100644
index 0000000..8cf2343
Binary files /dev/null and b/static/css/res/hero-mobile.png differ
diff --git a/static/css/res/meh.svg b/static/css/res/meh.svg
new file mode 100644
index 0000000..fda2ac8
--- /dev/null
+++ b/static/css/res/meh.svg
@@ -0,0 +1,58 @@
+
+
+
+
diff --git a/static/css/res/sad.svg b/static/css/res/sad.svg
new file mode 100644
index 0000000..212deb0
--- /dev/null
+++ b/static/css/res/sad.svg
@@ -0,0 +1,58 @@
+
+
+
+
diff --git a/static/css/styles.css b/static/css/styles.css
index 3476c9c..9aa4fd4 100644
--- 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 */
diff --git a/static/css/styles.scss b/static/css/styles.scss
index 9e12083..fc1fd32 100644
--- 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;
}
diff --git a/static/icon/android-icon-144x144.png b/static/icon/android-icon-144x144.png
new file mode 100644
index 0000000..d67d11c
Binary files /dev/null and b/static/icon/android-icon-144x144.png differ
diff --git a/static/icon/android-icon-192x192.png b/static/icon/android-icon-192x192.png
new file mode 100644
index 0000000..686f863
Binary files /dev/null and b/static/icon/android-icon-192x192.png differ
diff --git a/static/icon/android-icon-36x36.png b/static/icon/android-icon-36x36.png
new file mode 100644
index 0000000..7052ff4
Binary files /dev/null and b/static/icon/android-icon-36x36.png differ
diff --git a/static/icon/android-icon-48x48.png b/static/icon/android-icon-48x48.png
new file mode 100644
index 0000000..39b49fa
Binary files /dev/null and b/static/icon/android-icon-48x48.png differ
diff --git a/static/icon/android-icon-72x72.png b/static/icon/android-icon-72x72.png
new file mode 100644
index 0000000..9e2a96b
Binary files /dev/null and b/static/icon/android-icon-72x72.png differ
diff --git a/static/icon/android-icon-96x96.png b/static/icon/android-icon-96x96.png
new file mode 100644
index 0000000..9e92ea1
Binary files /dev/null and b/static/icon/android-icon-96x96.png differ
diff --git a/static/icon/apple-icon-114x114.png b/static/icon/apple-icon-114x114.png
new file mode 100644
index 0000000..c5fff98
Binary files /dev/null and b/static/icon/apple-icon-114x114.png differ
diff --git a/static/icon/apple-icon-120x120.png b/static/icon/apple-icon-120x120.png
new file mode 100644
index 0000000..dd8ef33
Binary files /dev/null and b/static/icon/apple-icon-120x120.png differ
diff --git a/static/icon/apple-icon-144x144.png b/static/icon/apple-icon-144x144.png
new file mode 100644
index 0000000..d67d11c
Binary files /dev/null and b/static/icon/apple-icon-144x144.png differ
diff --git a/static/icon/apple-icon-152x152.png b/static/icon/apple-icon-152x152.png
new file mode 100644
index 0000000..d03e8f5
Binary files /dev/null and b/static/icon/apple-icon-152x152.png differ
diff --git a/static/icon/apple-icon-180x180.png b/static/icon/apple-icon-180x180.png
new file mode 100644
index 0000000..cc5b2ef
Binary files /dev/null and b/static/icon/apple-icon-180x180.png differ
diff --git a/static/icon/apple-icon-57x57.png b/static/icon/apple-icon-57x57.png
new file mode 100644
index 0000000..e43c5f4
Binary files /dev/null and b/static/icon/apple-icon-57x57.png differ
diff --git a/static/icon/apple-icon-60x60.png b/static/icon/apple-icon-60x60.png
new file mode 100644
index 0000000..3e13f85
Binary files /dev/null and b/static/icon/apple-icon-60x60.png differ
diff --git a/static/icon/apple-icon-72x72.png b/static/icon/apple-icon-72x72.png
new file mode 100644
index 0000000..9e2a96b
Binary files /dev/null and b/static/icon/apple-icon-72x72.png differ
diff --git a/static/icon/apple-icon-76x76.png b/static/icon/apple-icon-76x76.png
new file mode 100644
index 0000000..028880e
Binary files /dev/null and b/static/icon/apple-icon-76x76.png differ
diff --git a/static/icon/apple-icon-precomposed.png b/static/icon/apple-icon-precomposed.png
new file mode 100644
index 0000000..54c259e
Binary files /dev/null and b/static/icon/apple-icon-precomposed.png differ
diff --git a/static/icon/apple-icon.png b/static/icon/apple-icon.png
new file mode 100644
index 0000000..54c259e
Binary files /dev/null and b/static/icon/apple-icon.png differ
diff --git a/static/icon/browserconfig.xml b/static/icon/browserconfig.xml
new file mode 100644
index 0000000..c554148
--- /dev/null
+++ b/static/icon/browserconfig.xml
@@ -0,0 +1,2 @@
+
+#ffffff
\ No newline at end of file
diff --git a/static/icon/favicon-16x16.png b/static/icon/favicon-16x16.png
new file mode 100644
index 0000000..de4e3f1
Binary files /dev/null and b/static/icon/favicon-16x16.png differ
diff --git a/static/icon/favicon-32x32.png b/static/icon/favicon-32x32.png
new file mode 100644
index 0000000..49cc7dd
Binary files /dev/null and b/static/icon/favicon-32x32.png differ
diff --git a/static/icon/favicon-96x96.png b/static/icon/favicon-96x96.png
new file mode 100644
index 0000000..9e92ea1
Binary files /dev/null and b/static/icon/favicon-96x96.png differ
diff --git a/static/icon/favicon.ico b/static/icon/favicon.ico
new file mode 100644
index 0000000..f68e664
Binary files /dev/null and b/static/icon/favicon.ico differ
diff --git a/static/icon/manifest.json b/static/icon/manifest.json
new file mode 100644
index 0000000..013d4a6
--- /dev/null
+++ 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"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/static/icon/ms-icon-144x144.png b/static/icon/ms-icon-144x144.png
new file mode 100644
index 0000000..d67d11c
Binary files /dev/null and b/static/icon/ms-icon-144x144.png differ
diff --git a/static/icon/ms-icon-150x150.png b/static/icon/ms-icon-150x150.png
new file mode 100644
index 0000000..ae87a13
Binary files /dev/null and b/static/icon/ms-icon-150x150.png differ
diff --git a/static/icon/ms-icon-310x310.png b/static/icon/ms-icon-310x310.png
new file mode 100644
index 0000000..420a8a7
Binary files /dev/null and b/static/icon/ms-icon-310x310.png differ
diff --git a/static/icon/ms-icon-70x70.png b/static/icon/ms-icon-70x70.png
new file mode 100644
index 0000000..5143fac
Binary files /dev/null and b/static/icon/ms-icon-70x70.png differ