wfendler

install.packages("base64enc")
library(base64enc)

secret <- list(
  list(pos = 16, val = "eW91"),
  list(pos = 22, val = "TmV2ZXI="),
  list(pos = 1, val = "Z29ubmE="),
  list(pos = 6, val = "Z29ubmE="),
  list(pos = 18, val = "Z29ubmE="),
  list(pos = 23, val = "Z29ubmE="),

wfendler

var geoJson = [{
    "type": "Feature",
    "geometry": {
        "type": "Point",
        "coordinates": [-75.00, 40]
    },
    "properties": {
        "location": "Minneapolis, MN",
        "address": "5500 Wayzata Boulevard <br>Suite 800<br>Minneapolis, MN 55416<br>United States",
        "phone1": "Main: +1 (763) 545-1730",

wfendler

<!-- Current Markup -->
<div class="category-and-time">
  <p class="feature-category">Food &amp; Beverage</p>
  <p class="feature-time">2 hours ago</p>
</div>

<!--
  Re-using current abstractions and more generic naming convention:
  
  Also, I'd argue a list is more-semantic than two paragraph tags in this situation.

wfendler

.btn {
  font-family: cujojp;
  color: brightPink;
}

.btn--primary {
  font-size: 2em;
}

.btn--forward {

wfendler

// FILE: _mq-mixin-modern.scss
//
// standard media-query mixin with set breakpoints and the option for px-based min-width value
@mixin media-query($media-query){

  @if $media-query == "hand-and-up" {
    @media only screen and (min-width: $hand-start) { @content; }
  }
  @else if $media-query == "lap-and-up" {
    @media only screen and (min-width: $lap-start) { @content; }

wfendler

this.$initialCardCollection.length = $('.js-memory-card');
this.fullCardCollection = [];

// this.$initialCardCollection.length has the original divs on the page that i'll clone.
for ( var i = 0; i < this.$initialCardCollection.length; i++ ) {
  var $thisCard = $(this.$initialCardCollection[i]);
 
  this.fullCardCollection.push( $thisCard );
  this.fullCardCollection.push( $thisCard.clone() );
 }

wfendler

<div data-picture data-alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
  <div data-src="small.jpg"></div>
  <div data-src="small.jpg"         data-media="(min-device-pixel-ratio: 2.0)"></div>
  <div data-src="medium.jpg"        data-media="(min-width: 400px)"></div>
  <div data-src="medium_x2.jpg"     data-media="(min-width: 400px) and (min-device-pixel-ratio: 2.0)"></div>
  <div data-src="large.jpg"         data-media="(min-width: 800px)"></div>
  <div data-src="large_x2.jpg"      data-media="(min-width: 800px) and (min-device-pixel-ratio: 2.0)"></div>  
  <div data-src="extralarge.jpg"    data-media="(min-width: 1000px)"></div>
  <div data-src="extralarge_x2.jpg" data-media="(min-width: 1000px) and (min-device-pixel-ratio: 2.0)"></div> 
  

wfendler

/*------------------------------------*\
    3M Homepage Feed Nav Bar Styles
\*------------------------------------*/
.feed {
  .nav {
    .h4 {
    }
    ul {
      li {
        a {

wfendler

class TrackAnalytics

  constructor: (@el) ->
    @bindEvents()


  bindEvents: ->
    @el.on 'click', (e) =>
      e.preventDefault()
      @setEventProps()

wfendler

class TrackAnalytics

  constructor: (@el) ->
    @bindEvents()


  bindEvents: ->
    $('body').on 'click', '.track', (e) =>
      e.preventDefault()
      @setEventProps()