<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="apple-itunes-app" content="app-id=1097783265">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Laserlike</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <link rel="stylesheet" href="css/main.css">
  <script>
  alert(location.hash);
  alert(location.hash.substring(1));
  alert(location.hash.substring(2));
  history.pushState({}, "entry page", location.hash.substring(1));</script>
  <script src="js/GA.js" charset="utf-8"></script>
</head>
<body>
  <div class="wrapper">
    <div class="header">
      <div class="header__logo">
        <object type="image/svg+xml" data="img/laserlike_appicon.svg">
          <div class="header__logo--fallback"></div>
        </object>
      </div>
      <div class="header__logo--mobile">
        <object type="image/svg+xml" data="img/logo.svg">
          <div class="header__logo--mobile--fallback"></div>
        </object>
      </div>
      <h2 class="header__tagline">Search everything. Follow anything.</h2>
      <p class="header__description">Explore your interests with one magical feed.</p>
      <img src="./img/iphone.png" alt="Screenshot of Laserlike App" class="header__iphone">
      <img src="./img/iphone-mobile.png" alt="Screenshot of Laserlike Interests App" class="header__iphone--mobile">
      <div class="header__pills">
        <span class="pill" id="pill1">"Creative Writing"</span>
        <span class="pill" id="pill2">"Apple Executives"</span>
        <span class="pill" id="pill3">"Housing Bubble"</span>
        <span class="pill" id="pill4">"Overwatch"</span>
        <span class="pill" id="pill5">"Unity Game Development"</span>
        <span class="pill" id="pill6">"New Taylor Swift Album"</span>

        <span class="pill--grey" id="gpill1"></span>
        <span class="pill--grey" id="gpill2"></span>
        <span class="pill--grey" id="gpill3"></span>
        <span class="pill--grey" id="gpill4"></span>
        <span class="pill--grey" id="gpill5"></span>
        <span class="pill--grey" id="gpill6"></span>
        <span class="pill--grey" id="gpill7"></span>
        <span class="pill--grey" id="gpill8"></span>
        <span class="pill--grey" id="gpill9"></span>
        <span class="pill--grey" id="gpill10"></span>
        <span class="pill--grey" id="gpill11"></span>
        <span class="pill--grey" id="gpill12"></span>
        <span class="pill--grey" id="gpill13"></span>
        <span class="pill--grey" id="gpill14"></span>

        <span class="pill" id="pill7">"Michelin Star Food"</span>
        <span class="pill" id="pill8">"Christmas Cookies"</span>
        <span class="pill" id="pill9">"Popular Geek Gifts"</span>
        <span class="pill" id="pill10">"SXSW Band Playlists"</span>
        <span class="pill" id="pill11">"Dungeness Crab Season"</span>
        <span class="pill" id="pill12">"D&amp;D Modules"</span>
      </div>
    </div>

    <div class="footer">
    <div class="cta">
      <h3>Get started today and make it yours.</h3>
      <form class="cta__input" action="index.html" method="post">
        <div class="success"></div>
        <input id="request_invite_email" type="text" placeholder="Add your email here.">
        <button id="request_invite_button" type="button">Request Invite</button>
      </form>

      <div class="cta__appBanner">
        <object type="image/svg+xml" data="img/laserlike_appicon.svg">
          <div class="header__logo--fallback"></div>
        </object>
        <div>
          <p><strong>Laserlike</strong></p>
          <p>Free on the App Store</p>
        </div>
        <button id="appstore_view_button">View</button>
      </div>
      <div class="appstore_main">
        <img id="appstore_image" class="cta__appStore" src="img/AppStoreBadge@2x.png" alt="Avaliable on the iPhone App Store" width="150px">
      </div>
    </div>

    <div class="nav">
      <div class="nav__row">
        <ul class="nav__col">
          <li><a href="about.html">About Laserlike</a></li>
          <!--li><a href="about.html">Jobs in Mountain View</a></li> -->
          <li><a href="about.html">Contact Us</a></li>
        </ul>
        <ul class="nav__col">
          <!-- <li><a href="about.html">Give Us Feedback</a></li>
          <li><a href="about.html">Suggest a Site</a></li> -->
          <!--li><a href="affiliate.html">Share Your Interests</a></li-->
        </ul>
      </div>
    </div>

    <div class="legal">
      <span class="legal__copyright">©2017 Laserlike, Inc — All Rights Reserved.</span>
      <span class="legal__privacy"><a href="./privacy.html">Privacy Policy</a></span>
    </div>
    </div>
  </div>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js" charset="utf-8"></script>
  <script src="js/common.js" charset="utf-8"></script>
  <script src="js/request_email.js" charset="utf-8"></script>
</body>
</html>
