added a footer and a visual separation between requests
This commit is contained in:
parent
e835a99b43
commit
29a8b79d7f
|
@ -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;
|
||||
}
|
|
@ -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"
|
||||
|
|
Loading…
Reference in New Issue