index.html.haml

- @title = "About Us"
- @description = "The Team Behind the Platform"

%div.l-wrap--bgImage.p-about-wrap--top.l-wrap--hero
  .l-wrap-image.l-wrap-image--tall{:data => {'stellar-ratio' => parallax_ratio}}
  = render 'about_hero'

%div.l-wrap
  %section.m-sec--white

    .m-sec-subtitle--red{:data => {'wp' => '', 'wp-cleared' => 'false', 'wp-menutheme' => 'dark', "an" => "", "an-cat" => "level-1", "an-label" => "work-is-our-passion", "an-action" => "scroll"}}
      %h3 Your Work is Our Passion
      %p
        \Airware is building the Aerial Information Platform for the development and safe operation of commercial drones.

    .m-sec-content--narrow.m-sec-content--twoColumns.m-sec-content--tall.m-sec--whiteGray{data: {"sc-eq" => "", "sc-eq-bp" => "640"}}
      .m-sec-block--two
        %p
          \In 2011, we identified a significant gap in the market. Military autopilots were too inflexible and expensive and hobbyist projects weren’t safe or reliable enough for commercial use. We knew that for the growing number of diverse commercial applications, the industry needed more than an autopilot.
      .m-sec-block--two
        %p
          \Airware’s Aerial Information Platform enables customers to tailor UAS to any commercial application by seamlessly connecting airframes, actuators, sensors, payloads, and application-specific software.

    = render 'about_leadership'

    .m-sec-content--full
      = render 'about_slider_top'

    = render 'about_team'
    = render 'about_board'

    .m-sec-content.p-about--backers{:data => {'wp' => '', 'wp-cleared' => 'false', "an" => "", "an-cat" => "level-4", "an-label" => "backers", "an-action" => "scroll"}}
      = render 'about_backers'

    = render 'about_careers_cta'

waypoints.js.coffee

#
#
#  Waypoints
#
#
Waypoints = {}

((obj) ->
  #
  #   Constants & Globals
  #
  isTouch = if Modernizr.touch then true else false
  $header = $ '.m-menu'
  $window = $ window

  #
  #   Controller
  #
  obj.init = ->

    # Body level
    # - detect if reached the bottom
    $('footer').waypoint
      handler: (direction)->

        console.log 'reached bottom'

        # General
        $this = $(@)

        # Analytics
        if !$this.data('wp-cleared') and $this.data("an") != undefined
          $this.trigger("an-trigger")

        # Clear the section
        $this.data('wp-cleared', 'true').attr('data-wp-cleared', 'true')

      offset: 'bottom-in-view'

    # Element level
    # $els need:
    # - data-wp
    # - data-wp-cleared="false"
    # - data-wp-value="xyz"
    # - data-wp-menutheme="dark|light"
    $els = $('[data-wp]')
    offset = 0
    $els.waypoint
      handler: (direction)->

        # General
        $this = $(@)

        # Analytics
        if !$this.data('wp-cleared') and $this.data("an") != undefined
          $this.trigger("an-trigger")

        # Clear the section
        $this.data('wp-cleared', 'true').attr('data-wp-cleared', 'true')

        # Add relevant classes to the section
        $this.addClass('is-sec--cleared')

        # Menu
        obj.menuTheme(direction, $this)

      offset: offset

  #
  #   Menu
  #
  obj.menuTheme = (direction, $el)->

    # Direction
    if (direction == "down")

      # Theme
      if ($el.data('wp-menutheme') != undefined)
        $header.trigger "wp-menutheme", $el.data('wp-menutheme')

      # Layout
      $header.trigger "wp-menulayout", $el.data('wp-menulayout')

    else

      # Theme
      if ($el.waypoint('prev').data('wp-menutheme') != undefined)
        $header.trigger "wp-menutheme", $el.waypoint('prev').data('wp-menutheme')


  #
  #   Private & Helpers
  #

) Waypoints

#
#   Ready
#
$ ->
  Waypoints.init()