highlight that Huegasm for Chrome is the best experience

This commit is contained in:
Egor Philippov 2018-08-09 20:38:51 -07:00
parent fd58e78a33
commit edc62f7ccc
2 changed files with 22 additions and 12 deletions

View file

@ -5,12 +5,16 @@
<p id="intro">Your lights meet your music</p> <p id="intro">Your lights meet your music</p>
<p id="intro-paragraph"> <p id="intro-paragraph">
Huegasm is a Huegasm is a
<a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank" rel="noopener noreferrer"> <a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank" rel="noopener noreferrer">
Chrome</a>, Chrome</a>,
<a href="https://play.google.com/store/apps/details?id=com.hoboman313.huegasm" target="_blank" rel="noopener noreferrer"> <a href="https://play.google.com/store/apps/details?id=com.hoboman313.huegasm" target="_blank" rel="noopener noreferrer">
Android</a> and soon iOS app for managing and synchronizing your Android</a>
<a target="_blank" href="http://www2.meethue.com">Philips Hue lights</a> with the beat of your music. and
<a href="https://itunes.apple.com/us/app/huegasm-for-philips-hue-lights/id1403108485" target="_blank" rel="noopener noreferrer">
iOS</a>
app for controlling and synchronizing your
<a target="_blank" href="http://www2.meethue.com">Philips Hue lights</a> with the beat of your music.
</p> </p>
<div class="embed-container-wrapper"> <div class="embed-container-wrapper">
@ -20,17 +24,22 @@
</div> </div>
<div class="available-on-container"> <div class="available-on-container">
<p class="available-on">Available on:</p> <p class="available-on">Best experience</p>
<a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank" rel="noopener noreferrer">
<img src="assets/images/chrome-store-badge.png" alt="Huegasm on the Chrome Web Store">
</a>
<p class="available-on">Also available on</p>
<div class="available-on-list"> <div class="available-on-list">
<a href="https://chrome.google.com/webstore/detail/huegasm-for-philips-hue-l/mbjanbdhcpohhfecjgbdpcfhnnbofooj" target="_blank" rel="noopener noreferrer">
<img src="assets/images/chrome-store-badge.png" alt="Available in the Chrome Web Store"></a>
<a href="https://play.google.com/store/apps/details?id=com.hoboman313.huegasm" target="_blank" rel="noopener noreferrer"> <a href="https://play.google.com/store/apps/details?id=com.hoboman313.huegasm" target="_blank" rel="noopener noreferrer">
<img src="assets/images/android-play-badge.png" alt="Get it on the Google Play Store"></a> <img src="assets/images/android-play-badge.png" alt="Huegasm on the Google Play Store">
</a>
<a href="https://itunes.apple.com/us/app/huegasm-for-philips-hue-lights/id1403108485" target="_blank" rel="noopener noreferrer"> <a 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="Get it on the App Store"></a> <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" role="button"}}
Web (legacy) Web (legacy)

View file

@ -15,9 +15,11 @@
} }
.available-on { .available-on {
margin-top: 2vh;
&-container { &-container {
text-align: left; text-align: left;
margin-top: 1vh; margin-top: 3vh;
} }
&-list a { &-list a {
@ -64,7 +66,6 @@
} }
.available-on-list a { .available-on-list a {
display: block;
margin-top: 2vh; margin-top: 2vh;
} }
} }