Minimal nav

I am interested in exploring a custom logo with no background that goes with the pure neon theme, so I will be working on that next.
meese-enterprises · Mar 23, 2022 · 7df7ab5 · 7df7ab5
1 parent 4e9f3fa
commit 7df7ab5
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -2,11 +2,11 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 
-	<title>Meese Enterprises, LLC</title>
+	<title>Meese Enterprises</title>
 	<meta name="description" content="Just say the word.">
 	<meta name="author" content="Aaron Meese {@ajmeese7}">
 
-	<meta property="og:title" content="Meese Enterprises, LLC">
+	<meta property="og:title" content="Meese Enterprises">
 	<meta property="og:type" content="website">
 	<meta property="og:url" content="https://www.meese.enterprises">
 	<meta property="og:description" content="Just say the word.">
@@ -19,7 +19,15 @@
 </head>
 
 <body>
-	<div id="companyLogo">
+	<nav>
+		<a href="index.html">
+			<img id="navLogo" src="logo.png" alt="Meese Enterprises logo"
+				title="Meese Enterprises" />
+		</a>
+	</nav>
+
+	<!-- Inspiration: https://www.reddit.com/r/cyberpunkgame/comments/c2egcv/cyberpunk_corporate_logos_ive_designed_oc/ -->
+	<div id="neonSplash">
 		<!--
 			米斯企业有限责任公司 = Meese Enterprises LLC
 			米斯企業 = Meese Enterprises

diff --git a/style.css b/style.css
@@ -2,6 +2,10 @@ body {
 	background-color: #000;
 }
 
+p {
+	margin: 0;
+}
+
 @font-face {
 	font-family: "Noto";
 	src: url("./fonts/Noto.otf") format("opentype");
@@ -11,10 +15,20 @@ body {
 	src: url("./fonts/Bios-Regular.otf") format("opentype");
 }
 
-p {
-	margin: 0;
+nav {
+	position: fixed;
+	width: 100%;
+	height: 50px;
+	background-color: #000;
+	z-index: 1;
 }
-#companyLogo {
+
+#navLogo {
+	height: 100%;
+	border-radius: 7.5px;
+}
+
+#neonSplash {
 	align-items: center;
 	display: flex;
 	justify-content: center;