Add landing page

This commit is contained in:
Mikołaj Pich 2017-12-27 23:45:01 +01:00
parent 60ace55549
commit 9677a6f421
4 changed files with 156 additions and 5 deletions

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

66
github.svg Normal file
View file

@ -0,0 +1,66 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="11.493064mm"
height="11.209469mm"
viewBox="0 0 11.493064 11.209469"
version="1.1"
id="svg400"
inkscape:version="0.92.1 r15371"
sodipodi:docname="github.svg">
<defs
id="defs394" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.2"
inkscape:cx="6.8325799"
inkscape:cy="15.756873"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1280"
inkscape:window-height="955"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<metadata
id="metadata397">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-80.431998,-106.18693)">
<path
d="m 86.178042,106.18693 c -3.173236,0 -5.746044,2.57281 -5.746044,5.74675 0,2.53894 1.646414,4.69265 3.929944,5.45289 0.287514,0.0526 0.392289,-0.12488 0.392289,-0.27728 0,-0.13618 -0.0049,-0.49777 -0.0078,-0.9772 -1.598436,0.34713 -1.935692,-0.77047 -1.935692,-0.77047 -0.261408,-0.66392 -0.638174,-0.84066 -0.638174,-0.84066 -0.521759,-0.35631 0.03951,-0.34925 0.03951,-0.34925 0.576791,0.0406 0.88018,0.59231 0.88018,0.59231 0.512586,0.87806 1.345142,0.62442 1.67252,0.47731 0.05221,-0.37112 0.200377,-0.62442 0.364772,-0.768 -1.275997,-0.14499 -2.617611,-0.63817 -2.617611,-2.84021 0,-0.62724 0.224014,-1.14018 0.591608,-1.54199 -0.05927,-0.14535 -0.256469,-0.72955 0.05609,-1.52083 0,0 0.4826,-0.15452 1.580444,0.58914 0.458258,-0.12771 0.950031,-0.19121 1.438628,-0.19332 0.487891,0.002 0.979664,0.0656 1.438628,0.19332 1.097138,-0.74366 1.57868,-0.58914 1.57868,-0.58914 0.313619,0.79128 0.116417,1.37548 0.05715,1.52083 0.3683,0.40181 0.590903,0.91475 0.590903,1.54199 0,2.20768 -1.343731,2.69345 -2.623961,2.83562 0.206375,0.17745 0.390172,0.52811 0.390172,1.06433 0,0.768 -0.0071,1.38783 -0.0071,1.57622 0,0.15381 0.103364,0.33267 0.395111,0.27657 2.28177,-0.76164 3.926773,-2.91394 3.926773,-5.45218 0,-3.17394 -2.573161,-5.74675 -5.747103,-5.74675"
style="display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.35277775"
id="path198"
inkscape:connector-curvature="0" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View file

@ -1,6 +1,91 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Wulkanowy</title>
<meta http-equiv="refresh" content="0;url=https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-release-bitrise-signed.apk">
<h1>Redirecting...</h1>
<a href="https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-release-bitrise-signed.apk">Click here if you are not redirected.<a>
<script>location='https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-release-bitrise-signed.apk'</script>
<style>
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
html, body, .wrapper {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
body {
background: url(wallpaper.jpg) no-repeat center / cover fixed;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.wrapper {
align-items: center;
background: -moz-radial-gradient(center center, circle cover, transparent, #000);
background: -ms-radial-gradient(center center, circle cover, transparent, #000);
background: -webkit-radial-gradient(center center, circle cover, transparent, #000);
background: radial-gradient(center center, circle cover, transparent, #000);
display: flex;
flex-direction: column;
justify-content: center;
}
.header__title {
color: #fff;
font-size: 60px;
font-size: calc(50px + 16 * (100vw - 320px) / (960 - 320));
font-weight: normal;
text-align: center;
text-shadow: #000 5px 5px 5px;
}
.main {
margin: 0 0 50px;
text-align: center;
}
.button {
background: rgb(112, 50, 50);
border-radius: 3px;
color: #eee;
display: inline-block;
font-size: 25px;
padding: 15px 25px;
text-decoration: none;
transition: background 0.3s;
}
.button:hover, .button:focus, .button:active {
background: rgb(90, 45, 45);
}
.github {
transition: opacity 0.3s;
}
.github:hover, .github:focus, .github:active {
opacity: 0.7;
}
</style>
</head>
<body>
<section class="wrapper">
<header id="header" class="header">
<h1 class="header__title">Wulkanowy</h1>
</header>
<main id="main" class="main">
<a
title="Pobierz wersję rozwojową"
href="https://bitrise-redirector.herokuapp.com/v0.1/apps/daeff1893f3c8128/builds/master/artifacts/app-release-bitrise-signed.apk"
class="button">Pobierz</a>
</main>
<footer id="footer" class="footer">
<a
title="Zobacz repozytorium na Githubie"
href="https://github.com/wulkanowy/wulkanowy"
class="github">
<img src="./github.svg" alt="Zobacz repozytorium na Githubie">
</a>
</footer>
</section>
</body>
</html>

BIN
wallpaper.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 216 KiB