trusty-festivity-extension 2.0.0

data/app/assets/stylesheets/_bootstrap-compass.scss

@@ -0,0 +1,9 @@
+@function twbs-font-path($path) {
+  @return font-url($path, true);
+}
+
+@function twbs-image-path($path) {
+  @return image-url($path, true);
+}
+
+$bootstrap-sass-asset-helper: true;

data/app/assets/stylesheets/_bootstrap-mincer.scss

@@ -0,0 +1,19 @@
+// Mincer asset helper functions
+//
+// This must be imported into a .css.ejs.scss file.
+// Then, <% %>-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation.
+
+
+@function twbs-font-path($path) {
+  // do something like following
+  // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>"
+  // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>"
+  // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>"
+  @return "<%- asset_path('#{$path}'.replace(/[#?].*$/, '')) + '#{$path}'.replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>";
+}
+
+@function twbs-image-path($file) {
+  @return "<%- asset_path('#{$file}') %>";
+}
+
+$bootstrap-sass-asset-helper: true;

data/app/assets/stylesheets/_bootstrap-sprockets.scss

@@ -0,0 +1,9 @@
+@function twbs-font-path($path) {
+  @return font-path($path);
+}
+
+@function twbs-image-path($path) {
+  @return image-path($path);
+}
+
+$bootstrap-sass-asset-helper: true;

data/app/assets/stylesheets/_bootstrap.scss

@@ -0,0 +1,50 @@
+// Core variables and mixins
+@import "bootstrap/variables";
+@import "bootstrap/mixins";
+
+// Reset and dependencies
+@import "bootstrap/normalize";
+@import "bootstrap/print";
+@import "bootstrap/glyphicons";
+
+// Core CSS
+@import "bootstrap/scaffolding";
+@import "bootstrap/type";
+@import "bootstrap/code";
+@import "bootstrap/grid";
+@import "bootstrap/tables";
+@import "bootstrap/forms";
+@import "bootstrap/buttons";
+
+// Components
+@import "bootstrap/component-animations";
+@import "bootstrap/dropdowns";
+@import "bootstrap/button-groups";
+@import "bootstrap/input-groups";
+@import "bootstrap/navs";
+@import "bootstrap/navbar";
+@import "bootstrap/breadcrumbs";
+@import "bootstrap/pagination";
+@import "bootstrap/pager";
+@import "bootstrap/labels";
+@import "bootstrap/badges";
+@import "bootstrap/jumbotron";
+@import "bootstrap/thumbnails";
+@import "bootstrap/alerts";
+@import "bootstrap/progress-bars";
+@import "bootstrap/media";
+@import "bootstrap/list-group";
+@import "bootstrap/panels";
+@import "bootstrap/responsive-embed";
+@import "bootstrap/wells";
+@import "bootstrap/close";
+
+// Components w/ JavaScript
+@import "bootstrap/modals";
+@import "bootstrap/tooltip";
+@import "bootstrap/popovers";
+@import "bootstrap/carousel";
+
+// Utility classes
+@import "bootstrap/utilities";
+@import "bootstrap/responsive-utilities";

data/app/assets/stylesheets/_defaults.scss

@@ -0,0 +1,6 @@
+/* Here we setup some defaults */
+
+$default-font-family: $open-sans;
+$default-font-weight: 400;
+
+$default-border-radius: 10px

data/app/assets/stylesheets/_event_filter_bar.scss

@@ -0,0 +1,78 @@
+.event-filter-bar {
+  padding: 0 3rem 3rem 3rem;
+  .events-filter-bar__wrapper {
+    overflow: hidden;
+    .event-filter-bar__header {
+      font-size: 1.25em;
+      font-weight: 600;
+      background-color: $ghost-gray;
+      padding: 1rem;
+    }
+    form {
+      h3 {
+        font-weight: 600;
+        font-size: 1.5em;
+        margin-top: 3rem;
+        padding-top: 3rem;
+        padding-bottom: 1rem;
+        border-top: 1px solid $ghost-gray;
+        &:first-child {
+          border-top: none;
+          margin-top: 2rem;
+          padding-top: 1rem;
+        }
+        a {
+          color: $dark-gray;
+          display: block;
+          width: 100%;
+          position: relative;
+          &:after {
+            content: "\f107";
+            position: absolute;
+            right: 0;
+            font-family: FontAwesome;
+            font-weight: normal;
+            font-style: normal;
+          }
+        }
+        &.open a:after {
+          content: "\f106";
+          position: absolute;
+          right: 0;
+          font-family: FontAwesome;
+          font-weight: normal;
+          font-style: normal;
+        }
+      }
+      ul {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+        li {
+          padding: 0;
+          margin: 0;
+          .checkbox {
+            label {
+              font-color: lighten($middle-gray, 30);
+              font-weight: 400;
+              font-size: 1em;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// indent with these data attributes
+
+.checkbox {
+  &.child {
+    padding-left: 3rem;
+  }
+}
+
+
+.hidden-event {
+  display: none;
+}

data/app/assets/stylesheets/_faq.scss

@@ -0,0 +1,48 @@
+.faq-header {
+  padding-bottom: 1rem;
+}
+.q {
+  padding-top: 4rem;
+}
+
+.q:first-child {
+  padding-top: 0;
+}
+
+nav.faq-navigation {
+  width: 300px;
+}
+
+// stuff for the affixed side menu
+
+.affix-top,.affix{
+ position: static;
+}
+
+.affix-bottom {
+  position: fixed;
+}
+
+.affix {
+  position: fixed;
+  width: 300px;
+  top: 60px;
+}
+
+#totop {
+  a {
+    position: fixed;
+    right: 15px;
+    bottom: 20px;
+    text-align: center;
+    z-index: 1000;
+    background-color: $middle-gray;
+    padding: 10px;
+    text-decoration: none;
+    color: white;
+    display: block;
+    @media #{$medium-up} {
+      display: none;
+    }
+  }
+}

data/app/assets/stylesheets/_filter-bar-mobile.scss

@@ -0,0 +1,32 @@
+.filter-bar-mobile {
+  width: 100%;
+  position: fixed;
+  background-color: $ghost-gray;
+  height: 60px;
+  top: 60px;
+  z-index: 200;
+  .filter-button {
+    display: block;
+    cursor: pointer;
+    margin-top: 10px;
+  }
+}
+
+.sort-bar-mobile {
+  padding-top: 10px;
+  line-height: 2;
+}
+
+.container .sort {
+  display: none;
+  @media #{$small-up} {
+    display: block;
+  }
+}
+
+.current-filters {
+  padding-top: 50px;
+  @media #{$medium-up} {
+    padding-top: 0;
+  }
+}

data/app/assets/stylesheets/_footer.scss

@@ -0,0 +1,18 @@
+footer {
+  margin-top: 7.5rem;
+  padding: 7.5rem 0;
+  background-color: lighten($middle-gray, 38);
+  .footer-navigation-header {
+    font-weight: 700;
+  }
+  li {
+    padding: 1rem 0 1rem 0;
+    border-bottom: 1px solid darken($ghost-gray, 5);
+  }
+  .copyright {
+    padding-top: 3rem;
+    text-align: center;
+    font-size: .75em;
+  }
+}
+

data/app/assets/stylesheets/_global.scss

@@ -0,0 +1,30 @@
+body {
+  // these will be some default type setups
+  font-family: $default-font-family;
+  font-weight: $default-font-weight;
+  // this is for the mobile menu to work properly
+  position: relative;
+  height: 100%;
+  font-size: 16px;
+  line-height: 1.6;
+}
+
+/* need to offset fixed headers on mobile */
+.main {
+  padding-top: 80px;
+  @media #{$medium-up} {
+    padding: 0;
+    margin: 0;
+  }
+}
+
+.large {
+  font-size: 1.25em;
+}
+
+.strong {
+  font-weight: 600;
+}
+
+
+// html { overflow-y: scroll; } // this is to prevent weird shifting with offcanvas menus

data/app/assets/stylesheets/_header.scss

@@ -0,0 +1,95 @@
+header.site-header {
+  position: fixed;
+  width: 100%;
+  background-color: black;
+  z-index: 500;
+  @media #{$medium-up} {
+    position: relative;
+    background-color: $ghost-gray;
+    margin-bottom: 3rem;
+  }
+  h1.logo {
+    background: url(image-path('traf-logo.svg'));
+    background-position: center center;
+    background-repeat: no-repeat;
+    -webkit-background-size: contain;
+         -o-background-size: contain;
+            background-size: contain;
+    text-indent: -100000px;
+    width:  auto;
+    height: 30px;
+    @media #{$medium-up} {
+      width: 125px;
+      height: 155px;
+    }
+    > a {
+      display: block;
+    }
+  }
+
+  .secondary-navigation {
+    @extend %nopadding;
+    float: right;
+    > div {
+      display: inline-block;
+      float: left;
+      &.utils {
+        width: 300px;
+      }
+      &.search-form {
+        width: 225px;
+      }
+      &.social {
+        padding-left: 20px;
+        font-size: 1.25em;
+      }
+    }
+    li {
+      font-size: 1em;
+      @media #{$medium-up} {
+        padding: 5px 5px;
+        line-height: 40px;
+      }
+    }
+    .social-icons {
+      float: right;
+    }
+  }
+
+  .main-nav {
+    font-size: 24px;
+    font-weight: 700;
+    display: block;
+    padding-top: 90px;
+    @include transition-all();
+   @media #{$medium-up} {
+     font-size: 18px;
+     float: right;
+     > ul {
+      float: right;
+     }
+   }
+    @media #{$large-up} {
+      font-size: 24px;
+      float: right;
+    }
+    ul > li {
+      padding: 0 0 20px 20px;
+      @media #{$large-up} {
+        padding: 0 0 20px 40px;
+      }
+      a {
+        @media #{$medium-up} {
+          color: black;
+        }
+        color: white;
+        &:hover {
+          text-decoration: none;
+          color: lighten(black, 40);
+          @include transition-all();
+        }
+      }
+    }
+  }
+}
+

data/app/assets/stylesheets/_landing_page.scss

@@ -0,0 +1,62 @@
+.landing-page-header {
+  background-color: lighten($middle-gray, 30);
+  width: 100%;
+  height: 300px;
+  position: relative;
+  .landing-page-header__title {
+    position: absolute;
+    bottom: 25px;
+    left: 25px;
+    font-weight: 700;
+  }
+}
+
+.landing-page-intro {
+  line-height: 1.5;
+  padding: 5rem 0;
+  font-weight: 300;
+  font-size: 1.25em;
+  @media #{$small-up} {
+    line-height: 1.5;
+    padding: 5rem 0;
+    font-weight: 300;
+    font-size: 2em;
+  }
+
+}
+
+.landing-page-divider {
+  padding-bottom: 4em;
+}
+
+.landing-page-plug {
+  padding-bottom: 4em;
+  h3 {
+    line-height: 1.4;
+  }
+}
+// small map thumbnails
+.map-thumb {
+  position: relative;
+  overflow: hidden;
+  background-color: $ghost-gray;
+  width: 100%;
+  height: 125px;
+  margin-bottom: 2em;
+  .map-label {
+    position: absolute;
+    bottom: 5px;
+    left: 10px;
+  }
+  img {
+     width: 100%;
+  }
+}
+
+.icon {
+  background-color: $ghost-gray;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  margin: 0 auto 3em auto;
+}