Text navbar icon

Replaced the image with text, so it is easier to work with on the fly for the time being.
meese-enterprises · Mar 23, 2022 · f8fac50 · f8fac50
1 parent 7df7ab5
commit f8fac50
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/fonts/Hermes.otf b/fonts/Hermes.otf
diff --git a/index.html b/index.html
@@ -20,9 +20,8 @@
 
 <body>
 	<nav>
-		<a href="index.html">
-			<img id="navLogo" src="logo.png" alt="Meese Enterprises logo"
-				title="Meese Enterprises" />
+		<a id="navLogo" href="index.html">
+			M
 		</a>
 	</nav>
 

diff --git a/style.css b/style.css
@@ -6,10 +6,18 @@ p {
 	margin: 0;
 }
 
+/*
+ * TODO: Transition all of these fonts to minified versions
+ * and a CDN in case the client has some cached.
+ */
 @font-face {
 	font-family: "Noto";
 	src: url("./fonts/Noto.otf") format("opentype");
 }
+@font-face {
+	font-family: "Hermes";
+	src: url("./fonts/Hermes.otf") format("opentype");
+}
 @font-face {
 	font-family: "Bios Regular";
 	src: url("./fonts/Bios-Regular.otf") format("opentype");
@@ -24,8 +32,14 @@ nav {
 }
 
 #navLogo {
-	height: 100%;
-	border-radius: 7.5px;
+	font-family: "Hermes";
+	font-size: 50px;
+	text-decoration: none;
+	color: #FFFFFF;
+	margin-left: 10px;
+	text-shadow:
+		-4px -4px rgba(214, 0, 255, 0.6),
+		4px 4px rgba(0, 184, 255, 0.6);
 }
 
 #neonSplash {
@@ -51,13 +65,10 @@ nav {
 	letter-spacing: 0.7ch;
 }
 .chineseShadow {
-	/* use black as the color and remove the second shadow for normal text w/o blur */
 	color: transparent;
-	text-shadow: 2px 2px #00FF00, 0 0 4px #000;
 	text-shadow:
 		-1px -1px rgba(214, 0, 255, 0.6),
 		1px 1px rgba(0, 184, 255, 0.6);
-	/*-2px -2px 0 rgba(0, 184, 255, 0.5);*/
 }
 
 #companyName {