[Design] Add footer
This commit is contained in:
parent
a721c40bf8
commit
ed9c40eefd
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue