added a footer and a visual separation between requests

This commit is contained in:
Gonçalo Valério 2019-04-05 22:50:38 +01:00
parent e835a99b43
commit 29a8b79d7f
2 changed files with 106 additions and 71 deletions

View File

@ -0,0 +1,24 @@
html,
body {
height: 100%;
}
.main {
min-height: 100%;
/* equal to footer height */
margin-bottom: -168px;
}
.main:after {
content: "";
display: block;
}
.footer,
.main:after {
height: 168px;
}
.card {
margin-bottom: 10px;
}

View File

@ -8,10 +8,12 @@
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css"
/>
<link rel="stylesheet" href="{% static 'css/main.css' %}"></link>
<link rel="stylesheet" href="{% static 'css/gh-corner.css' %}"></link>
<title>Webhook Logger</title>
</head>
<body>
<div class="main">
<section class="section">
<div class="container">
<h1 class="title">Webhook Logger</h1>
@ -87,6 +89,15 @@
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>Webhook Logger</strong> by <a href="https://ovalerio.net">Gonçalo Valério</a>. The source code is licensed
<a href="https://github.com/dethos/webhook_logger/blob/master/LICENSE">GPL-3.0</a>.
</p>
</div>
</footer>
<a
href="https://github.com/dethos/webhook_logger"
class="github-corner"