ceda_ei
/
redacted.life
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -1,11 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Redacted Life</title> <title>Redacted Life</title>
<link href="assets/css/index.css" rel="stylesheet" type="text/css"> <link href="assets/css/index.css" rel="stylesheet" type="text/css">
</head> </head>
<body> <body>
<img src="assets/images/cloud.svg" class="clouds" id="cloud1" /> <img src="assets/images/cloud.svg" class="clouds" id="cloud1" />
<img src="assets/images/cloud.svg" class="clouds" id="cloud2" /> <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="mailto:hello@redacted.life">Contact</a>
<a class="button" href="/archives/">Archives</a> <a class="button" href="/archives/">Archives</a>
</div> </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>
</div> </div>
</body> </body>
</html> </html>

21
scss/index.scss
View File

@ -44,8 +44,11 @@ body {
background-image: linear-gradient(#26a4c4, #afdde9); background-image: linear-gradient(#26a4c4, #afdde9);
min-height: 30vh; min-height: 30vh;
.wrapper { .wrapper {
align-items: flex-start; align-items: center;
justify-content: space-between;
flex-direction: column;
padding-top: 3em; padding-top: 3em;
height: 100%;
.content { .content {
display: flex; display: flex;
width: 100%; width: 100%;
@ -65,6 +68,22 @@ body {
color: #FFF; 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 { .wrapper {