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 0000000..98f7a9b Binary files /dev/null and b/google-play-badge.png differ diff --git a/index.html b/index.html index f3291b4..74d42d3 100644 --- a/index.html +++ b/index.html @@ -9,42 +9,44 @@ -
-
+