put footer at bottom

This commit is contained in:
Jus de Patate_ 2019-12-03 22:24:18 -07:00
parent b431b49129
commit 0fd24b51ca
2 changed files with 20 additions and 5 deletions

View File

@ -5,11 +5,13 @@
<link rel="stylesheet" type="text/css" href="src/aesthetics.css">
</head>
<body>
<h1>~jusdepatate</h1>
<div class="notfooter">
<h1>~jusdepatate</h1>
<p>Nothing really interesting here...<br>
If you like twtxt you can [ <a href="twtxt.txt"> </a> ], if you don't have beard you can follow me on [ <a href="https://twitter.com/@jusdepatate_"></a> ] or [ <a href="https://crazynoisybizarre.town/@jusdepatate"></a> ].</p>
<br>
<p>Nothing really interesting here...<br>
If you like twtxt you can [ <a href="twtxt.txt"> </a> ], if you don't have beard you can follow me on [ <a href="https://twitter.com/@jusdepatate_"></a> ] or [ <a href="https://crazynoisybizarre.town/@jusdepatate"></a> ].</p>
<br>
</div>
<div class="footer">
<font size="3">

View File

@ -18,14 +18,26 @@ td {
ol {
margin-left: 1em;
}
* {
box-sizing:border-box;
}
.nofooter {
margin: 0;
width: auto;
}
body {
margin: 1em;
margin: 0 auto;
padding: 15px;
font-family: 'VT323', monospace;
color: darkorange;
word-wrap: break-word;
height: 100vh;
background-image: url('https://cdnb.artstation.com/p/assets/images/images/014/665/033/original/yargon-kerman-webp-net-gifmaker-39.gif');
background-size: cover;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
a {
background: darkorange;
@ -43,6 +55,7 @@ hr {
padding-right: 0.25em;
}
h1 {
margin: 0;
font-weight: bold;
font-size: 42px;
color: #000400;