[Design] Add footer

This commit is contained in:
Ceda EI 2020-01-21 02:00:40 +05:30
parent a721c40bf8
commit ed9c40eefd
2 changed files with 26 additions and 1 deletions

View File

@ -1,11 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Redacted Life</title>
<link href="assets/css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<img src="assets/images/cloud.svg" class="clouds" id="cloud1" />
<img src="assets/images/cloud.svg" class="clouds" id="cloud2" />
@ -23,7 +25,11 @@
<a class="button" href="mailto:hello@redacted.life">Contact</a>
<a class="button" href="/archives/">Archives</a>
</div>
<footer>
<a href="https://git.webionite.com/ceda_ei/redacted.life">This website</a>, designed by <a href="https://webionite.com">Ceda EI</a>, is licensed under <a href="https://git.webionite.com/ceda_ei/redacted.life/src/branch/master/LICENSE">MIT License</a>. Content licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC-BY-4.0</a>
</footer>
</div>
</div>
</body>
</html>

View File

@ -44,8 +44,11 @@ body {
background-image: linear-gradient(#26a4c4, #afdde9);
min-height: 30vh;
.wrapper {
align-items: flex-start;
align-items: center;
justify-content: space-between;
flex-direction: column;
padding-top: 3em;
height: 100%;
.content {
display: flex;
width: 100%;
@ -65,6 +68,22 @@ body {
color: #FFF;
}
}
footer {
margin-top: 3em;
padding: 0 1em;
text-align: center;
color: #292929;
a {
color: #292929;
padding: 0.3em;
border-radius: 1.6em;
}
a:hover {
color: #FFF;
background-color: #000;
text-decoration: none;
}
}
}
}
.wrapper {