Added Coach K page quotes section

Author: themichaellai

app/assets/javascripts/beta.js

@@ -13,4 +13,12 @@
 //= require common/local-time
 //= require_tree ./beta
 
-$(document).foundation();
+$(document).foundation({
+  tooltip: {
+    tip_template: function (selector, content) {
+      return '<span data-selector="' + selector + '" class="'
+        + Foundation.libs.tooltip.settings.tooltip_class.substring(1)
+        + '">' + content + '</span>';
+    }
+  }
+});

app/assets/stylesheets/beta/coach_k.css.sass

@@ -21,3 +21,10 @@
     margin-bottom: 10px
   h2.wins
     text-align: center
+
+.quote
+  $tooltip-pip-size: 10px
+  padding: 12px 0px
+  text-align: center
+  img
+    +border-radius(150px)

app/assets/stylesheets/beta/variables.css.sass

@@ -77,6 +77,8 @@ $row-width: 1200px
 $topbar-breakpoint: "66.063em"
 $topbar-media-query: "only screen and (min-width: 66.063em)"
 
+$has-tip-cursor-type: auto
+
 @mixin text-underline($color, $pos)
   background-image: -webkit-linear-gradient(top, rgba($color, 0) 75%, rgba($color, 0.8) 75%)
   background-image: linear-gradient(to bottom, rgba($color, 0) 75%, rgba($color, 0.8) 75%)

app/models/page/layouts/coach_k.rb

@@ -35,6 +35,33 @@ def schema
           }
         }
       },
+      'quotes_preface' => {
+        'label' => 'Quotes Section Preface',
+        'required' => false,
+        'extends' => markdown_schema,
+      },
+      'quotes' => {
+        'label' => 'Quotes',
+        'type' => 'array',
+        'required' => false,
+        'items' => {
+          'type' => 'object',
+          'properties' => {
+            'name' => {
+              'label' => 'Name',
+              'type' => 'string',
+            },
+            'quote' => {
+              'label' => 'Quote Text',
+              'type' => 'string',
+            },
+            'image_url' => {
+              'label' => 'Image URL',
+              'type' => 'string',
+            }
+          }
+        }
+      },
       'stories' => {
         'label' => 'Recent Articles',
         'type' => 'array',

app/views/beta/pages/coach_k.html.slim

@@ -18,8 +18,25 @@
           header.columns.small-12
             h2 Slideshow
           #slideshow-wrapper= render partial: 'beta/partials/section_page-slideshow', locals: {articles: slideshow_articles, pages: [], pages_first: true}
+        - if @model.quotes_preface or @model.quotes
+          .row
+            .columns.small-12
+              h3.section-title Quotes
+              - if @model.quotes_preface
+                .coachk
+                  .note== @model.quotes_preface
+              ul.small-block-grid-2.medium-block-grid-3
+                - if @model.quotes
+                  - @model.quotes.each do |quote|
+                    li
+                      .quote
+                        span(data-tooltip='' aria-haspopup="true" class="has-tip" title=quote['quote'])
+                          img(src=quote['image_url'] width=150 height=150)
+                          h4= quote['name']
+        section.row
           .columns.small-12
             = render partial: 'beta/containers/article-list', locals: { title: "Recent", articles: @model.stories, style: :teaser}
+        .row
           .columns.small-12.medium-6
             .column-inner
               a(href="https://twitter.com/#{@model.twitter}")