From 82343ec0e697b35e0c045ec9b1e6b071d9ed82da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miko=C5=82aj=20Pich?= <m.pich@outlook.com>
Date: Tue, 8 May 2018 17:14:30 +0200
Subject: [PATCH] Add google play download button

---
 app.css               |  42 +++++++----------
 app.js                |  40 +++++++++++++++++
 google-play-badge.png | Bin 0 -> 10014 bytes
 index.html            | 102 +++++++++++++-----------------------------
 4 files changed, 89 insertions(+), 95 deletions(-)
 create mode 100644 app.js
 create mode 100644 google-play-badge.png

diff --git a/app.css b/app.css
index 4fe273d..5cf9adf 100644
--- a/app.css
+++ b/app.css
@@ -34,8 +34,11 @@ body {
     padding: 30px 0;
 }
 
+.container {
+    padding: 10px 20px;
+}
+
 .header__title {
-    font-size: 60px;
     font-size: calc(50px + 16 * (100vw - 320px) / (960 - 320));
     font-weight: normal;
     margin-bottom: 20px;
@@ -51,37 +54,26 @@ body {
 }
 
 .main {
-    margin: 0 0 50px;
-    padding: 0 10px;
+    width: 800px;
+    max-width: 100%;
     text-align: center;
 }
 
-.main p {
-    line-height: 1.7;
-    text-align: left;
+.section {
+    margin-top: 40px;
+}
+
+.section__header {
     text-shadow: #000 1px 1px 5px;
+    font-weight: normal;
 }
 
-.main--fluid {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
+.play-button {
+    display: inline-block;
 }
 
-.main--background {
-    background: rgba(255, 255, 255, 0.8);
-}
-
-.main--background p {
-    color: #333;
-    text-shadow: none;
-}
-
-.container {
-    margin: 0 auto;
-    max-width: 700px;
-    padding: 10px 20px;
+.play-image {
+    max-width: 300px;
 }
 
 .button {
@@ -94,6 +86,7 @@ body {
     display: inline-block;
     font-size: 20px;
     padding: 15px 25px;
+    text-align: left;
     text-decoration: none;
     transition: background 0.3s;
 }
@@ -133,7 +126,6 @@ body {
     margin-top: 30px;
     list-style: none;
     padding: 0;
-    display: flex;
 }
 
 .footer__item {
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..2c78799
--- /dev/null
+++ b/app.js
@@ -0,0 +1,40 @@
+var disableClick = function(e) {e.preventDefault()};
+
+var addButtonInfo = function(url, button, version, cb) {
+    var buttonElement = document.querySelector(button);
+    buttonElement.addEventListener("click", disableClick);
+    var versionElement = document.querySelector(version);
+    versionElement.innerHTML = "Ładowanie…";
+
+    var res = new XMLHttpRequest();
+    res.open("GET", url, true);
+    res.onloadend = function () {
+        if(res.status === 200) {
+            cb(buttonElement, versionElement, res);
+        } else {
+            versionElement.innerHTML = "wersja nieznana";
+        }
+        buttonElement.removeEventListener("click", disableClick);
+    };
+    res.send(null);
+};
+
+addButtonInfo("https://api.github.com/repos/wulkanowy/wulkanowy/releases/latest", "#alfa-button", "#alfa-version",
+    function(button, version, res) {
+        var json = JSON.parse(res.responseText);
+        button.href = json.assets[0].browser_download_url;
+        version.innerHTML = "v" + json.name;
+    }
+);
+
+addButtonInfo("https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-debug-bitrise-signed.apk/info", "#nightly-button", "#nightly-version",
+    function(button, version, res) {
+        var json = JSON.parse(res.responseText);
+        button.href = json.expiring_download_url;
+        version.innerHTML = "v" + json.build_number;
+
+        setTimeout(function() {
+            button.href = json.public_install_page_url;
+        }, 60 * 1000);
+    }
+);
diff --git a/google-play-badge.png b/google-play-badge.png
new file mode 100644
index 0000000000000000000000000000000000000000..98f7a9bfda09ff0b39dc0af16ddc4f9236859d9e
GIT binary patch
literal 10014
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index f3291b4..74d42d3 100644
--- a/index.html
+++ b/index.html
@@ -9,42 +9,44 @@
     <link rel="stylesheet" href="app.css">
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-99646499-3"></script>
     <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'UA-99646499-3');
+        window.dataLayer = window.dataLayer || [];
+
+        function gtag() {
+            dataLayer.push(arguments);
+        }
+
+        gtag("js", new Date());
+        gtag("config", "UA-99646499-3");
     </script>
 </head>
 <body>
-    <section class="wrapper">
-        <header id="header" class="header">
+<section class="wrapper">
+    <div class="container">
+        <header class="header">
             <h1 class="header__title">Wulkanowy</h1>
             <p class="header__description">Nieoficjalna aplikacja mobilna dla dziennika <br>VULCAN UONET+</p>
         </header>
-        <main id="main" class="main">
-            <a
-                id="alfa-button"
-                title="Pobierz wersję alfa"
-                href="https://github.com/wulkanowy/wulkanowy/releases"
-                class="button button--alfa"
-                >Pobierz wersję alfa<br>
-                <span id="alfa-version">v0.0.0</span>
+        <main class="main">
+            <a class="play-button" href="https://play.google.com/store/apps/details?id=io.github.wulkanowy&amp;utm_source=homepage">
+                <img class="play-image" alt="pobierz z Google Play" src="google-play-badge.png">
             </a>
-            <a
-                id="nightly-button"
-                title="Pobierz wersję nightly"
-                href="https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-debug-bitrise-signed.apk"
-                class="button button--nightly"
-                >Pobierz wersję nightly<br>
-                <span id="nightly-version">v000</span>
-            </a>
-
+            <section class="section">
+                <h3 class="section__header">Więcej opcji</h3>
+                <a class="button button--alfa" id="alfa-button" title="Pobierz wersję alfa" href="https://github.com/wulkanowy/wulkanowy/releases">
+                    Pobierz wersję alfa<br>
+                    <span id="alfa-version">v0.0.0</span>
+                </a>
+                <a class="button button--nightly"
+                   id="nightly-button"
+                   title="Pobierz wersję nightly"
+                   href="https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-debug-bitrise-signed.apk">
+                    Pobierz wersję nightly<br>
+                    <span id="nightly-version">v000</span>
+                </a>
+            </section>
         </main>
         <footer id="footer" class="footer">
-            <a
-                title="Zobacz repozytorium na Githubie"
-                href="https://github.com/wulkanowy/wulkanowy"
-                class="github">
+            <a title="Zobacz repozytorium na Githubie" href="https://github.com/wulkanowy/wulkanowy" class="github">
                 <img src="./github.svg" alt="Zobacz repozytorium na Githubie">
             </a>
             <ul class="footer__nav">
@@ -53,48 +55,8 @@
                 </li>
             </ul>
         </footer>
-    </section>
-    <script>
-        var disableClick = function(e) {e.preventDefault()};
-
-        var addButtonInfo = function(url, button, version, cb) {
-            var buttonElement = document.querySelector(button);
-            buttonElement.addEventListener("click", disableClick);
-            var versionElement = document.querySelector(version);
-            versionElement.innerHTML = "Ładowanie…";
-
-            var res = new XMLHttpRequest();
-            res.open('GET', url, true);
-            res.onloadend = function () {
-                if(res.status === 200) {
-                    cb(buttonElement, versionElement, res);
-                } else {
-                    versionElement.innerHTML = 'wersja nieznana';
-                }
-                buttonElement.removeEventListener("click", disableClick);
-            };
-            res.send(null);
-        };
-
-        addButtonInfo("https://api.github.com/repos/wulkanowy/wulkanowy/releases/latest", "#alfa-button", "#alfa-version",
-            function(button, version, res) {
-                var json = JSON.parse(res.responseText);
-                button.href = json.assets[0].browser_download_url;
-                version.innerHTML = "v" + json.name;
-            }
-        );
-
-        addButtonInfo("https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-debug-bitrise-signed.apk/info", "#nightly-button", "#nightly-version",
-            function(button, version, res) {
-                var json = JSON.parse(res.responseText);
-                button.href = json.expiring_download_url;
-                version.innerHTML = "v" + json.build_number;
-
-                setTimeout(function() {
-                    button.href = json.public_install_page_url;
-                }, 60 * 1000);
-            }
-        )
-    </script>
+    </div>
+</section>
+<script src="app.js"></script>
 </body>
 </html>