Add footer

This commit is contained in:
Edgar P. Burkhart 2022-05-06 21:06:15 +02:00
parent 0e486e6ca9
commit fb5e7ba5e3
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 18 additions and 2 deletions

View file

@ -11,8 +11,6 @@
<link rel="stylesheet" href="static/css/main.css" /> <link rel="stylesheet" href="static/css/main.css" />
</head> </head>
<body> <body>
<h1>Hello World!</h1>
<nav> <nav>
<span><img class="logo" src="static/svg/logo.svg" /></span> <span><img class="logo" src="static/svg/logo.svg" /></span>
@ -22,6 +20,8 @@
<a href="#test">Link 2</a> <a href="#test">Link 2</a>
</nav> </nav>
<h1>Hello World!</h1>
<h2>Hello World!</h2> <h2>Hello World!</h2>
<h3>Hello World!</h3> <h3>Hello World!</h3>
<h4>Hello World!</h4> <h4>Hello World!</h4>
@ -52,5 +52,9 @@
<li>Item 3</li> <li>Item 3</li>
<li>Item 4</li> <li>Item 4</li>
</ol> </ol>
<footer>
© Edgar P. Burkhart — 2022
</footer>
</body> </body>
</html> </html>

View file

@ -12,6 +12,7 @@
--text-00: #ffffffde; --text-00: #ffffffde;
--bg-00: #000000; --bg-00: #000000;
--bg-01: #dedede;
--link: #0066ffde; --link: #0066ffde;
} }
@ -89,3 +90,14 @@ nav img {
ul {list-style-type: ""} ul {list-style-type: ""}
ol {list-style-type: decimal-leading-zero} ol {list-style-type: decimal-leading-zero}
li {padding-left: .5rem} li {padding-left: .5rem}
footer {
background: var(--bg-01);
bottom: 0;
left: 0;
right: 0;
text-align: center;
height: 4rem;
padding: 1rem;
line-height: 2rem;
}