trusty-festivity-extension 2.4.0 → 2.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 25cbd6ac174c98114c89ec39479ea0faa321ec3c
-  data.tar.gz: 46ffd1cb6a41bdbb55ce9479ab0b9984518f262f
+  metadata.gz: d4510d95a5bb5469800f2084743ee4689b171998
+  data.tar.gz: e953503a28aed507eb8ab7725c0b1d503e3a7233
 SHA512:
-  metadata.gz: e18db3d404a06616b162a59ede39e2a1a042528d885735734f7fbdf1bf753025146b3be381ddaed90a2ac2c889b1dcb64763e151aed087336f203cee9496f65c
-  data.tar.gz: 25e9fd0d52df46944ff5f50b33a2228640f661773e607687cd1afdf96de2ec482983b5f6045aa6c0d4d6e992dea550138497dd198bbff8d697c01c233abf3564
+  metadata.gz: 2d691c35a8b5eca1e78fec220f940c72db6bcfded935827e1641601e8ea926a6b097a1884e4663909419031bcd7382130d267197604e3f981f9e78de7f509391
+  data.tar.gz: 7349808a3807143e6478b3543ddd3d9b261206878d4014a5a5d983ecbdd9a4782e2320648e848c0785b82a65ed9961eeaae057fbbdb11b31d277bcf29e7ecf38

data/Gemfile.lock

@@ -4,24 +4,24 @@ GEM
     builder (3.2.2)
     faraday (0.9.2)
       multipart-post (>= 1.2, < 3)
-    geminabox (0.12.4)
+    geminabox (0.13.0)
       builder
       faraday
       httpclient (>= 2.2.7)
       nesty
       sinatra (>= 1.2.7)
-    httpclient (2.7.0.1)
+    httpclient (2.7.1)
     multipart-post (2.0.0)
     nesty (1.0.2)
     rack (1.6.4)
     rack-protection (1.5.3)
       rack
-    rake (10.4.2)
-    sinatra (1.4.6)
-      rack (~> 1.4)
+    rake (11.1.1)
+    sinatra (1.4.7)
+      rack (~> 1.5)
       rack-protection (~> 1.4)
       tilt (>= 1.3, < 3)
-    tilt (2.0.1)
+    tilt (2.0.2)
     trustygems (0.1.0)
       rake
 
@@ -33,4 +33,4 @@ DEPENDENCIES
   trustygems (~> 0.1.0)
 
 BUNDLED WITH
-   1.10.6
+   1.11.2

data/app/assets/javascripts/faq.js

@@ -0,0 +1,8 @@
+$(document).ready(function(){
+  $('.list-group-item').on('click', function(){
+    $('.list-group-item').each(function(){
+      $(this).removeClass('active');
+    });
+    $(this).addClass('active');
+  });
+});

data/app/assets/javascripts/festivity_app.js

@@ -18,5 +18,5 @@
 //= require navigation
 //= require home-social
 //= require modal
-
-//= require modernizr/modernizr
+//= require faq
+//= require modernizr/modernizr

data/app/assets/stylesheets/contexts/_site-footer.scss

@@ -1,7 +1,7 @@
 .social-footer {
-  background-color: $text-color;
+  background-color: $social-footer-color;
   padding: 1.25em 0 1.5em 0;
-  text-align: center;    
+  text-align: center;
 
   @include breakpoint($breakpoint-m) {
     padding: 2.25em 0 2.5em 0;
@@ -55,7 +55,7 @@
 .footer-navigation {
   padding-top: 1em;
   padding-bottom: 1em;
-  
+
   h3, h4 {
     color: $background-color;
   }
@@ -87,4 +87,4 @@
   a {
     @include link-reverse;
   }
-}
+}

data/app/assets/stylesheets/main.scss

@@ -30,4 +30,3 @@
 @import "modules/event";
 @import "modules/toggler";
 @import "modules/callout";
-

data/app/assets/stylesheets/pghkids.scss

@@ -0,0 +1,40 @@
+@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800,600');
+// from bower_components
+@import "breakpoint-sass/stylesheets/breakpoint";
+
+@import "library/reset";
+@import "library/grid";
+// @import "library/variables";
+@import "library/mediaqueries";
+@import "library/typographic-mixins";
+@import "library/general-mixins";
+@import "library/icons";
+@import "skins/pghkids/library/general-mixins";
+@import "skins/pghkids/library/icons";
+@import "library/modal";
+
+@import "globals/forms.scss";
+@import "globals/general.scss";
+
+@import "contexts/site-header";
+@import "contexts/site-footer";
+@import "contexts/events-list";
+@import "contexts/event-detail";
+@import "contexts/location";
+@import "contexts/related-events";
+@import "contexts/callouts";
+@import "skins/pghkids/contexts/faq";
+@import "contexts/subnav";
+@import "contexts/subnav_one_column";
+@import "contexts/subnav_two_column";
+@import "contexts/subnav_three_column";
+
+@import "modules/navigation";
+@import "modules/filters";
+@import "modules/event";
+@import "modules/toggler";
+@import "modules/callout";
+
+// override for pghkids
+@import "skins/pghkids/contexts/homepage";
+@import "skins/pghkids/contexts/pghkids";

data/app/assets/stylesheets/skins/pghkids/contexts/_faq.scss

@@ -0,0 +1,87 @@
+//questions
+.FAQ {
+  .faq-wrapper {
+    list-style: none;
+    display: flex;
+    flex-wrap: nowrap;
+  }
+  .faq-list {
+    @include column(4);
+    ul.list-group {
+      z-index: 2;
+      color: $link-color;
+      background-color: $background-color;
+      margin-bottom: 1.25em;
+      a.list-group-item {
+        position: relative;
+        display: block;
+        padding: 1em;
+        border:1px solid #ddd;
+        &:hover {
+          cursor: pointer;
+          text-decoration: none;
+          background-color: #f5f5f5;
+        }
+        &.active, {
+          background-color: #00A3B4;
+          color: #fff;
+        }
+      }
+    }
+  }
+  .faq-answers {
+    position: relative;
+    margin-bottom: 10em;
+    @include column(7);
+  }
+
+  //answers
+  .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: $background-color;
+      padding: 10px;
+      text-decoration: none;
+      color: white;
+      display: block;
+      @include breakpoint($breakpoint-l) {
+        display: none;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/skins/pghkids/contexts/_pghkids.scss

@@ -0,0 +1,527 @@
+//Header
+
+.utility-navigation a:hover {
+  color: $text-color;
+}
+
+.site-header {
+  background: url(/assets/skins/pghkids/header_mobile.png) no-repeat $header-bg-color;
+  @include breakpoint($breakpoint-xl) {
+    background: url(/assets/skins/pghkids/header.png) no-repeat $header-bg-color;
+  }
+}
+
+//Navigation
+
+.mobile-navigation {
+  padding: .5em 0;
+  @include breakpoint($breakpoint-xs) {
+    float: right;
+  }
+}
+
+.nav-wrapper {
+  background-color: $header-bg-color;
+  @include breakpoint($breakpoint-nav) {
+    background-color: transparent;
+    margin-top:0;
+  }
+  @include breakpoint($breakpoint-nav) {
+    @include column(12);
+    margin-top:4em;
+  }
+}
+
+.primary-navigation {
+	a {
+		color: $background-color;
+    @include breakpoint($breakpoint-xl) {
+      color: $text-color;
+      &:hover,
+      &:focus {
+        color: $link-color;
+      }
+    }
+	}
+}
+
+.utility-navigation {
+	a {
+		color: $background-color;
+		@include breakpoint($breakpoint-xl) {
+      color: $utility-nav-color;
+    }
+    &:hover {
+      color: $text-color;
+    }
+	}
+}
+
+.site-search {
+	input {
+		background-color: $search-input-bg-color;
+    color: $search-placeholder-color;
+    padding: 0.6em;
+    border-radius: 3px 0 0 3px;
+    @include reversed-text-smoothing;
+
+    @include breakpoint($breakpoint-nav) {
+      padding: 0.36em;
+    }
+	}
+  button.search-submit {
+    background-color: $background-color;
+    vertical-align:top;
+    border-radius: 0 3px 3px 0;
+    &:hover,
+    &:focus {
+      background-color: darken($background-color, 5%);
+    }
+    .icon-search {
+      vertical-align: baseline;
+    }
+  }
+}
+
+.overflow-wrapper .menu-content-wrapper .filters-wrapper {
+  background-color: $footer-color;
+  @include breakpoint($breakpoint-nav) {
+    background-color: transparent;
+  }
+  .title {
+    @include breakpoint($breakpoint-nav) {
+      @include heading-4;
+    }
+  }
+  .filter-type {
+    @include breakpoint($breakpoint-xs) {
+    h4 {
+      color: $text-color;
+    }
+    .toggler-content {
+      color: $text-color;
+    }
+  }
+}
+  .cancel-filters {
+    background-color: lighten($text-color, 15%);
+    color: $background-color;
+    &:hover,
+    &:focus {
+      color: $background-color;
+      background-color: darken($text-color, 10%);
+    }
+  }
+}
+
+//Home
+
+.home {
+  .main-content {
+    padding-top: 0;
+    .container {
+      @include breakpoint($breakpoint-xl) {
+        width: 100%;
+        max-width: 100%;
+      }
+    }
+  }
+  .section-wrapper {
+    max-width: 73.25em;
+    margin-left: auto;
+    margin-right: auto;
+    @include pie-clearfix;
+  }
+  .featured {
+    position: relative;
+    background-color: $header-bg-color;
+
+    .lead-image {
+      width: 100%;
+      @include breakpoint($breakpoint-m) {
+        max-width: 100em;
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+    h1.featured-text {
+      background-color: $homepage-featured-background;
+      padding: 0.5em;
+      margin-bottom:0;
+      line-height: 1;
+      font-size:2em;
+      max-width: 800px;
+
+      @include breakpoint($breakpoint-s) {
+        padding: 1em 0.5em;
+      }
+
+      @include breakpoint($breakpoint-m) {
+        @include column(8);
+        background: url(fn-featured-bg.svg) no-repeat transparent;
+        position: absolute;
+        bottom: 0;
+      }
+
+      @include breakpoint($breakpoint-xl) {
+        @include column(6);
+        padding: 1em;
+        font-size: 2.25em;
+      }
+      @include breakpoint($breakpoint-xxl) {
+        font-size: 2.5em;
+      }
+
+      span {
+        @include title-face-highlight;
+        color: $background-color;
+        display: block;
+        font-size: 0.5em;
+        text-transform: uppercase;
+
+        @include breakpoint($breakpoint-m) {
+          display: inline-block;
+        }
+      }
+    }
+  }
+  .get-access, .how-it-works {
+    .section-wrapper {
+      padding: 1.5em;
+
+      @include breakpoint($breakpoint-xl) {
+        padding: 4em 1.5em;
+      }
+    }
+  }
+  .get-access {
+    .section-wrapper {
+      padding-top: 2.5em;
+      @include breakpoint($breakpoint-m) {
+        padding: 4em 1.5em 3em 1.5em;
+      }
+      @include breakpoint($breakpoint-xl) {
+        padding-top:5em;
+      }
+    }
+    .pin-img {
+      display:none;
+      @include breakpoint($breakpoint-s) {
+        @include column(4);
+        display:block;
+        img {
+          max-width: 150px;
+        }
+      }
+      @include breakpoint($breakpoint-nav) {
+        @include column(3);
+        img {
+          margin: 0 auto;
+        }
+      }
+    }
+    .description {
+      @include breakpoint($breakpoint-s) {
+        @include column(8);
+        @include last;
+      }
+      @include breakpoint($breakpoint-nav) {
+        @include column(6);
+
+        p{
+          font-size: 1.25em;
+        }
+      }
+    }
+    .buy-button-group {
+      @include breakpoint($breakpoint-s) {
+        @include column(8);
+        @include last;
+      }
+      @include breakpoint($breakpoint-nav) {
+        @include column(3);
+        @include last;
+        text-align:center;
+        margin-top:2em;
+      }
+    }
+    .title {
+      @include breakpoint($breakpoint-nav){
+        @include heading-2;
+      }
+    }
+    .price {
+      @include title-face;
+      display: inline-block;
+      margin-left: 1em;
+      @include breakpoint($breakpoint-nav) {
+        display: block;
+        margin-left: 0;
+      }
+    }
+  }
+	.how-it-works {
+    background: url(fn-homepage-howitworks-topbg.svg) -1.5em 0 no-repeat, url(fn-homepage-howitworks-bg-sm.jpg) no-repeat, $text-color;
+		@include pie-clearfix;
+
+    @include breakpoint($breakpoint-l){
+      background: url(fn-homepage-howitworks-topbg.svg) -1.5em 0 no-repeat, url(fn-homepage-howitworks-bg.jpg) no-repeat, $text-color;
+    }
+    h3.section-title {
+      @include reversed-text-smoothing;
+      color: $background-color;
+      text-transform: uppercase;
+      margin-bottom: 2em;
+      margin-top: 2em;
+
+      @include breakpoint($breakpoint-m){
+        text-align:center;
+        @include heading-2;
+        color: $background-color;
+        text-transform: uppercase;
+        margin-bottom: 2em;
+      }
+    }
+
+		article {
+      @include pie-clearfix;
+      @include divider-bottom;
+      text-align: center;
+      @include breakpoint($breakpoint-xs) {
+        text-align: left;
+      }
+			@include breakpoint($breakpoint-m) {
+				@include column(4);
+        border: 0 none;
+        padding: 0;
+        text-align: center;
+			}
+      img {
+        margin: 0 auto;
+        width: 100%;
+        max-width: 60px;
+        margin-bottom: 1em;
+        @include breakpoint($breakpoint-xs) {
+          @include column(3);
+        }
+        @include breakpoint($breakpoint-m) {
+          @include reset-column;
+          margin: 0.5em auto 1em auto;
+          max-width: 80px;
+        }
+      }
+      .title {
+        @include reversed-text-smoothing;
+        color: $background-color;
+      }
+		}
+    article.last {
+      @include divider-none;
+      @include breakpoint($breakpoint-m) {
+        @include last;
+      }
+    }
+	}
+  .social-posts {
+    @include pie-clearfix;
+  }
+  .social-feed {
+    .section-wrapper {
+      padding: 1.5em;
+    }
+    .section-title {
+      text-align:center;
+      margin-bottom: 1.5em;
+      @include breakpoint($breakpoint-l) {
+        margin-top: 1.5em;
+      }
+      a {
+        color: $link-color;
+      }
+    }
+    article {
+      margin-bottom: 1em;
+      width: 100%;
+      @include breakpoint($breakpoint-s) {
+        width: 48.3%;
+      }
+      @include breakpoint($breakpoint-nav) {
+        width: 31.15%;
+      }
+      @include breakpoint($breakpoint-xl) {
+        width: 22.53%;
+      }
+    }
+    .grid-sizer {
+      width: 3.25%;
+    }
+    .instagram-post {
+      background: url('fn-instagram-bg.svg') no-repeat $link-color;
+      background-position: 90% 93%;
+      background-size: 35px auto;
+    }
+    .twitter-post {
+      background: url('fn-twitter-bg.svg') no-repeat $homepage-featured-background;
+      background-position: 90% 85%;
+      background-size: 38px 31px;
+    }
+    .post-text {
+      overflow: hidden;
+      padding: 1.5em;
+      .user-account, time {
+        max-width: 85%;
+      }
+      .user-account {
+        display:block;
+        font-weight: 700;
+      }
+    }
+  }
+}
+
+
+//Internal
+
+.events-list {
+	.content-wrapper {
+		background-image: none;
+	}
+  .event {
+    .event-title {
+      @include breakpoint($breakpoint-l) {
+        @include heading-2;
+        margin-bottom:0.15em;
+      }
+    }
+  }
+  .event-location {
+    margin-top: 1em;
+    margin-bottom:0;
+  }
+}
+
+.event-subtitle, .page-subtitle {
+  font-weight:400;
+  color:$text-color-subtle;
+}
+.event-detail {
+	.page-header {
+		background-image: none;
+		margin-bottom: 2.5em;
+		.page-title {
+			margin-bottom: 0.25em;
+			padding-bottom: 0;
+		}
+	}
+	.page-subtitle {
+		color: $link-color-reverse;
+	}
+}
+
+.event-genre {
+  text-transform: uppercase;
+}
+
+.event-date {
+	.time {
+		@include text-highlighted;
+	}
+}
+
+.event-tags {
+	a {
+		color: $text-color;
+	}
+}
+
+.pricing-free {
+	@include heading-2;
+	@include text-highlighted;
+	display: inline-block;
+}
+
+.callout {
+	.callout-title {
+		color: $link-color-reverse;
+	}
+	&.location {
+		a {
+      color: $link-color;
+		}
+	}
+  &.dates ul .day,  {
+    @include copy-face;
+    font-size: 1em;
+  }
+	.time {
+		@include text-highlighted;
+	}
+	&.connect {
+		a {
+			@include callout-secondary-link;
+		}
+	}
+}
+
+.footer-banner {
+  height: 102px;
+  background: url('/assets/skins/pghkids/footer_mobile.png') no-repeat;
+  @include breakpoint($breakpoint-xl) {
+    background: url('/assets/skins/pghkids/footer.png') no-repeat;
+    background-position: center top;
+    background-repeat: no-repeat;
+    margin-bottom: 20px;
+    height: 229px;
+  }
+}
+
+.social-footer {
+  .title {
+    color: $text-color;
+  }
+}
+.footer-navigation-header {
+  @include heading-4;
+  color: $text-color;
+}
+.footer-navigation  {
+  a {
+    color: $text-color;
+    &:hover {
+      color: $background-color;
+    }
+  }
+  li {
+    border-bottom: 1px solid $text-color-subtle;
+    padding: .6em;
+  }
+}
+
+.site-footer {
+  .copyright {
+    color: $text-color;
+  }
+}
+
+button.search-submit .icon-search {
+    height: 19px;
+    width: 19px;
+}
+
+.logolink {
+  position: absolute;
+  z-index: 1000;
+  background: none;
+}
+  @media all and (min-width: 62em) {
+    .logolink {
+      margin: 45px 0 0 0;
+      height: 135px;
+      width: 385px;}
+    }
+      @media all and (max-width: 62em) {
+        .logolink {
+          margin: 0;
+          height: 60px;
+          width: 165px;}
+        }