fix logo,add color on menu when hovering

2023-01-04 05:43:17 +01:00
parent 98e31e9643
commit 89df73f4cf
2 changed files with 18 additions and 5 deletions
--- a/index.html
+++ b/index.html
@@ -1,4 +1,5 @@
 <!doctype html>
+<meta charset="UTF-8">
 <html>
 	<head>
 		<link rel="stylesheet" href="./static/reset.css">
@@ -8,7 +9,7 @@
 	<body>
 		<div class="container">
 			<div class="header">
-				<h1 class="logo">Decentrala_</h1>
+				<h1 class="logo">Decentrala<a id="d" href="/index.html">▮</a></h1>
 			</div>
 			<main>
 				<ul class="nav">
--- a/static/main.css
+++ b/static/main.css
@@ -1,5 +1,5 @@
 body {
-	background-color: rgb(20, 20, 20);
+	background-color: rgb(0, 0, 0);
 }

 .container {
@@ -12,17 +12,21 @@ body {
 	display: flex;
 	justify-content: center;
 	margin: 0 auto;
-	font: 9rem "Monospace", sans-serif;
+	font: 12vw "Monospace", sans-serif;
 	color: #24ea26;
 }

+#d {
+	font: 18vw "Monospace", sans-serif;
+}
+
 main  {

 	color: #24ea26;
 }

 a {
-	text-decoration: underline;
+	text-decoration: none;
 	color: #24ea26;

 }
@@ -37,7 +41,15 @@ a:hover {
 }

 main ul li {
-	font-size: 3rem;
+	font-size: 2rem;
+}
+
+main ul li:hover {
+	background-color: #008000;
+}
+
+main ul li:hover a {
+	color: #000000;
 }

 main ul li:before{