From a86a0ef2fef43a44183fb7a585be6262688f1b70 Mon Sep 17 00:00:00 2001
From: Egor Philippov <hoboman313@gmail.com>
Date: Thu, 25 Oct 2018 20:14:09 -0700
Subject: [PATCH] minor alignment improvements, make sure the web-app page can
 be refreshed after deployments

---
 .../pods/components/huegasm-app/template.hbs  |  2 +-
 .../components/huegasm-footer/template.hbs    |  5 --
 web/app/pods/index/template.hbs               |  2 +-
 web/app/styles/bridge-finder.scss             |  8 +-
 web/app/styles/index.scss                     | 14 ++--
 web/public/web-app.html                       | 76 +++++++++++++++++++
 6 files changed, 88 insertions(+), 19 deletions(-)
 create mode 100644 web/public/web-app.html

diff --git a/web/app/pods/components/huegasm-app/template.hbs b/web/app/pods/components/huegasm-app/template.hbs
index d388a4a..3515771 100644
--- a/web/app/pods/components/huegasm-app/template.hbs
+++ b/web/app/pods/components/huegasm-app/template.hbs
@@ -9,7 +9,7 @@
       <div id="intro-background">
         <div id="intro-wrapper">
           <p id="intro-paragraph">
-            Please be aware that this web application is no longer maintained, while we shift focus to our browser and mobile apps.
+            Please be aware that this web application is no longer maintained, while we shift focus to our Chrome and mobile apps.
           </p>
         </div>
       </div>
diff --git a/web/app/pods/components/huegasm-footer/template.hbs b/web/app/pods/components/huegasm-footer/template.hbs
index 9e89ed2..9ab6520 100644
--- a/web/app/pods/components/huegasm-footer/template.hbs
+++ b/web/app/pods/components/huegasm-footer/template.hbs
@@ -16,9 +16,4 @@
     class="play-store-icon">
     <img src="assets/images/android-play-badge.png" alt="Get it on the Play Store">
   </a>
-
-  <a href="https://itunes.apple.com/us/app/huegasm-for-philips-hue-lights/id1403108485" target="_blank" rel="noopener noreferrer"
-    class="app-store-icon">
-    <img src="assets/images/app-store-badge.svg" alt="Get it on the App Store">
-  </a>
 </div>
\ No newline at end of file
diff --git a/web/app/pods/index/template.hbs b/web/app/pods/index/template.hbs
index 1558d67..c835cea 100644
--- a/web/app/pods/index/template.hbs
+++ b/web/app/pods/index/template.hbs
@@ -39,7 +39,7 @@
             <a class="app-store-icon" href="https://itunes.apple.com/us/app/huegasm-for-philips-hue-lights/id1403108485" target="_blank" rel="noopener noreferrer">
               <img src="assets/images/app-store-badge.svg" alt="Huegasm on the App Store"></a>
 
-            {{#link-to "web-app" class="btn btn-default" role="button"}}
+            {{#link-to "web-app" class="btn btn-default web-legacy-link" role="button"}}
               Web (legacy)
             {{/link-to}}
           </div>
diff --git a/web/app/styles/bridge-finder.scss b/web/app/styles/bridge-finder.scss
index c8d9647..fd8fefd 100644
--- a/web/app/styles/bridge-finder.scss
+++ b/web/app/styles/bridge-finder.scss
@@ -23,6 +23,7 @@
 #bridge-finder,
 .ready-block {
   font-size: 16px;
+  text-align: center;
 
   #intro {
     text-align: center;
@@ -70,13 +71,6 @@
   }
 }
 
-@media (min-width: 769px) {
-  #bridge-finder,
-  .ready-block {
-    text-align: center;
-  }
-}
-
 @media (max-width: 768px) {
   .ready-block {
     margin-bottom: 10px;
diff --git a/web/app/styles/index.scss b/web/app/styles/index.scss
index ea4bb38..2e759b4 100644
--- a/web/app/styles/index.scss
+++ b/web/app/styles/index.scss
@@ -1,6 +1,6 @@
 #intro {
   font-size: 32px;
-  margin-top: 4vh;
+  margin-top: 2vh;
 
   &-background {
     margin-bottom: 5vh;
@@ -29,16 +29,24 @@
 
 .chrome-store-icon img {
   width: 170px;
+  margin-left: -8px;
 }
 
 .play-store-icon img {
   width: 130px;
+  margin-left: -8px;
 }
 
 .app-store-icon img {
   width: 110px;
 }
 
+.available-on-list {
+  .web-legacy-link, .play-store-icon img, .app-store-icon img {
+    margin-bottom: 5px;
+  }
+}
+
 .embed-container {
   position: relative;
   padding-bottom: 56.25%;
@@ -76,8 +84,4 @@
   .available-on-container {
     margin-top: 2vh;
   }
-
-  .available-on-list a {
-    margin-top: 2vh;
-  }
 }
diff --git a/web/public/web-app.html b/web/public/web-app.html
new file mode 100644
index 0000000..35962a9
--- /dev/null
+++ b/web/public/web-app.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>Huegasm</title>
+  <meta name="description" content="Huegasm is a free web application for managing and synchronizing your Philips Hue lights with the beat of your music.">
+  <meta name="keywords" content="huegasm,hue,philips,lights,ambience,music player,disco,party,sync,synchronize">
+  <meta name="author" content="Egor Philippov">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <script type="application/ld+json">
+    {
+      "@context": "http://schema.org",
+      "@type": "WebSite",
+      "name": "Huegasm",
+      "url": "http://www.huegasm.com/"
+    }
+  </script>
+
+  <!--Open graph meta tags -->
+  <meta property="og:title" content="Huegasm" />
+  <meta property="og:type" content="website" />
+  <meta property="og:site_name" content="Huegasm" />
+  <meta property="og:url" content="http://www.huegasm.com/" />
+  <meta property="og:description" content="Huegasm is a free web application for managing and synchronizing your Philips Hue lights with the beat of your music." />
+  <meta property="og:image" content="http://www.huegasm.com/feature-graphic.png" />
+
+  <link type="text/plain" rel="author" href="http://www.huegasm.com/humans.txt" />
+<meta name="huegasm/config/environment" content="%7B%22modulePrefix%22%3A%22huegasm%22%2C%22podModulePrefix%22%3A%22huegasm/pods%22%2C%22environment%22%3A%22production%22%2C%22rootURL%22%3A%22/%22%2C%22locationType%22%3A%22auto%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22huegasm%22%2C%22version%22%3A%221.0.0+b9c40a6b%22%7D%2C%22ember-paper%22%3A%7B%22insertFontLinks%22%3Atrue%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway" rel="stylesheet">
+
+  <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/mbjanbdhcpohhfecjgbdpcfhnnbofooj">
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="theme-color" content="#ffffff">
+
+  <link rel="stylesheet" integrity="" href="/assets/vendor-7acae0193c51b46daa03031ccaace7d5.css">
+  <link rel="stylesheet" integrity="" href="/assets/huegasm-eabb8f23161fcc3071e0b23b5411e7a5.css">
+
+  <script src="https://connect.soundcloud.com/sdk/sdk-3.1.2.js"></script>
+
+  <script>
+    (function (i, s, o, g, r, a, m) {
+      i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+        (i[r].q = i[r].q || []).push(arguments)
+      }, i[r].l = 1 * new Date(); a = s.createElement(o),
+        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+    ga('create', 'UA-69470561-1', 'auto');
+    ga('send', 'pageview');
+  </script>
+</head>
+
+<body>
+
+
+  <script src="/assets/vendor-aee07ddd87a0c0d93b4dfdc65a4580d4.js" integrity="sha256-eNnkBUxtupxagkwbvVdeVmENr30iRDX5fWZaySfTzRk= sha512-Bvf+L6TVB2/NmqdrLe7uV6qRlP2D7G5IXEH7AIpXxvgDE4PKQHqvumpgyPaWOnrmVMF2LeOcvDzlR+8JLaD/6g==" ></script>
+  <script src="/assets/huegasm-594bb95927f0b83d8574af7c5d36ccdf.js" integrity="sha256-Si/XGx2u23cQZgNS/Hv4XjPf1flRl4808szS6uSKygg= sha512-BUWNzyYnI6dTkSZCTEuq37kJEYDkZAfe79YuXlVmVIyFLsJM+E1WfhJriqn9JgmrTsk3umm22IVi3DwBAcM1mA==" ></script>
+
+
+          <div id="ember-basic-dropdown-wormhole"></div>
+          <div id="paper-wormhole"></div>
+          <div id="paper-toast-fab-wormhole"></div>
+
+</body>
+
+</html>
\ No newline at end of file