minor alignment improvements, make sure the web-app page can be refreshed after deployments
This commit is contained in:
Egor Philippov
parent
b9c40a6bda
commit
a86a0ef2fe
6 changed files with 88 additions and 19 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
76
web/public/web-app.html
Normal file
76
web/public/web-app.html
Normal file
|
|
@ -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>
|
||||
Reference in a new issue