91 lines
3.1 KiB
HTML
91 lines
3.1 KiB
HTML
<!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>
|
|
<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>
|