zoe
/
wisdom
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

styling and footer

This commit is contained in:
zoe 2022-01-20 15:11:54 +01:00
parent 7391d4028f
commit 8b2da63f3c
2 changed files with 46 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
static/style.css
View File

@ -1,7 +1,9 @@
@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");
body {
html, body {
margin: 0;
padding: 0;
size: 100%;
height: 100%;
}
div {
margin: 0;
@ -9,20 +11,45 @@ div {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin-left: 24%;
margin-right: 24%;
min-height: 90%;
margin-left: 8%;
margin-right: 8%;
}
a {
color: floralwhite;
font-size: 400%;
.wisdom {
display: flex;
font-size: 3.6em;
text-align: center;
font-family: "Prata", serif;
text-decoration: none;
}
a {font-family: "Prata", serif;
color: floralwhite;
text-decoration: none;
}
a:hover {
text-decoration: underline;
filter: drop-shadow(0 0 0.5rem floralwhite);
}
body {
background-color: #080808;
}
footer * {
overflow: visible;
margin-left: 5%;
margin-right: 5%;
}
footer {
border-top-style: solid;
border-top-width: 2%;
border-color: floralwhite;
background-color: #080808;
position: sticky;
overflow: visible;
left: 0;
display: flex;
height: 8%;
bottom: 0;
width: 100%;
font-size: 1.5em;
justify-content: center;
align-items: center;
}

14
templates/wisdom.html.hbs
View File

@ -1,17 +1,21 @@
<!doctype html>
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="static/style.css" media="all"/>
<title>Wisdom</title>
<meta charset="utf-8" name="viewport" />
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<body id="body">
<div class="main">
<div id="main">
</head />
<a href="">{{ wisdom }}</a>
<a id="home_link" href=".">home</a>
<a class="wisdom" href="">{{ wisdom }}</a>
<br />
</div>
<footer>
<p>
<a href=".">home</a><a href="https://zoe.kittycat.homes">zoe.kittycat.homes</a>
</p>
</footer>
</body>
</html>