feat: add favicon and footer

This commit is contained in:
Mike 2023-10-12 21:41:17 -04:00
parent c95b6039ba
commit 42e9f92143
4 changed files with 23 additions and 5 deletions

View file

@ -63,6 +63,13 @@
background-color: #FF6D60; background-color: #FF6D60;
} }
.footer {
margin-top: 30px;
}
.footer a {
text-decoration: none;
}
body { body {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -73,4 +80,5 @@ body {
margin-top: 80px; margin-top: 80px;
padding: 10px; padding: 10px;
background-color: #F0ECE2; background-color: #F0ECE2;
flex-direction: column;
} }

1
calculator/faviocon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#A0041E" d="M1 17l8-7 16 1 1 16-7 8s.001-5.999-6-12-12-6-12-6z"/><path fill="#FFAC33" d="M.973 35s-.036-7.979 2.985-11S15 21.187 15 21.187 14.999 29 11.999 32c-3 3-11.026 3-11.026 3z"/><circle fill="#FFCC4D" cx="8.999" cy="27" r="4"/><path fill="#55ACEE" d="M35.999 0s-10 0-22 10c-6 5-6 14-4 16s11 2 16-4c10-12 10-22 10-22z"/><path d="M26.999 5c-1.623 0-3.013.971-3.641 2.36.502-.227 1.055-.36 1.641-.36 2.209 0 4 1.791 4 4 0 .586-.133 1.139-.359 1.64 1.389-.627 2.359-2.017 2.359-3.64 0-2.209-1.791-4-4-4z"/><path fill="#A0041E" d="M8 28s0-4 1-5 13.001-10.999 14-10-9.001 13-10.001 14S8 28 8 28z"/></svg>

After

Width:  |  Height:  |  Size: 677 B

View file

@ -1,16 +1,20 @@
<!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">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link rel="shortcut icon" type="image/svg" href="faviocon.svg">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>Calculator</title> <title>Calculator</title>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="display"> <div class="display">
0 0
</div> </div>
@ -35,7 +39,11 @@
<button id="decimal" class="btn" value="." data-num="">.</button> <button id="decimal" class="btn" value="." data-num="">.</button>
<button id="action" class="btn" value="=" data-ops="">=</button> <button id="action" class="btn" value="=" data-ops="">=</button>
</div> </div>
</div> </div>
<script src="js/script.js"></script> <div class="footer">
<p>Created by <a href="http://smig.tech">Smig.Tech</a> | Calculator project from The Odin Project</p>
</div>
<script src="js/script.js"></script>
</body> </body>
</html>
</html>

1
static/faviocon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#A0041E" d="M1 17l8-7 16 1 1 16-7 8s.001-5.999-6-12-12-6-12-6z"/><path fill="#FFAC33" d="M.973 35s-.036-7.979 2.985-11S15 21.187 15 21.187 14.999 29 11.999 32c-3 3-11.026 3-11.026 3z"/><circle fill="#FFCC4D" cx="8.999" cy="27" r="4"/><path fill="#55ACEE" d="M35.999 0s-10 0-22 10c-6 5-6 14-4 16s11 2 16-4c10-12 10-22 10-22z"/><path d="M26.999 5c-1.623 0-3.013.971-3.641 2.36.502-.227 1.055-.36 1.641-.36 2.209 0 4 1.791 4 4 0 .586-.133 1.139-.359 1.64 1.389-.627 2.359-2.017 2.359-3.64 0-2.209-1.791-4-4-4z"/><path fill="#A0041E" d="M8 28s0-4 1-5 13.001-10.999 14-10-9.001 13-10.001 14S8 28 8 28z"/></svg>

After

Width:  |  Height:  |  Size: 677 B