1
0
mirror of https://github.com/DanilaFe/abacus synced 2024-11-17 16:09:32 -08:00
Abacus/docs/_layouts/home.html

54 lines
1.2 KiB
HTML
Raw Normal View History

2017-08-15 00:14:20 -07:00
<!DOCTYPE html>
<html>
{% include head.html %}
<style>
body {
2017-08-30 15:31:25 -07:00
margin-top: 50px;
2017-08-15 00:14:20 -07:00
color: white;
text-align: center;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Source Code Pro"
}
2017-08-30 15:31:25 -07:00
img#logo {
margin: auto;
width: 100%;
max-width: 100px;
}
img#image_preview {
2017-08-15 00:14:20 -07:00
margin: auto;
width: 100%;
max-width: 432px;
2017-08-15 00:14:20 -07:00
}
div#buttons {
margin-top: 40px;
margin-bottom: 40px;
}
a {
background-color: white;
color: #06e8a4;
}
a:hover {
background-color: #06e8a4;
color: white;
}
</style>
<body>
2017-08-30 15:31:25 -07:00
<img src="https://raw.githubusercontent.com/DanilaFe/abacus/master/image/logo.png" id="logo">
2017-08-15 00:14:20 -07:00
<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>
2017-08-15 00:31:47 -07:00
<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>
2017-08-15 00:14:20 -07:00
</div>
2017-08-30 15:31:25 -07:00
<img src="http://i.imgur.com/Min70QY.png" title="source: imgur.com" id="image_preview"/>
2017-08-15 00:14:20 -07:00
</body>
</html>