mirror of https://github.com/DanilaFe/abacus
54 lines
1.2 KiB
HTML
54 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
{% include head.html %}
|
|
<style>
|
|
body {
|
|
margin-top: 50px;
|
|
color: white;
|
|
text-align: center;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: "Source Code Pro"
|
|
}
|
|
|
|
img#logo {
|
|
margin: auto;
|
|
width: 100%;
|
|
max-width: 100px;
|
|
}
|
|
|
|
img#image_preview {
|
|
margin: auto;
|
|
width: 100%;
|
|
max-width: 432px;
|
|
}
|
|
|
|
div#buttons {
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
a {
|
|
background-color: white;
|
|
color: #06e8a4;
|
|
}
|
|
|
|
a:hover {
|
|
background-color: #06e8a4;
|
|
color: white;
|
|
}
|
|
</style>
|
|
<body>
|
|
<img src="https://raw.githubusercontent.com/DanilaFe/abacus/master/image/logo.png" id="logo">
|
|
<h1>Abacus</h1>
|
|
<h2>The programmer's calculator</h2>
|
|
<div id="buttons">
|
|
<a class="button inverted" href="{{ "/download" | relative_url }}">Download</a>
|
|
<a class="button inverted" href="{{ "/about" | relative_url }}">About</a>
|
|
<a class="button inverted" href="https://github.com/DanilaFe/abacus">Contribute</a>
|
|
<a class="button inverted" href="https://github.com/DanilaFe/abacus/wiki">Wiki</a>
|
|
</div>
|
|
<img src="http://i.imgur.com/Min70QY.png" title="source: imgur.com" id="image_preview"/>
|
|
</body>
|
|
</html>
|