Use logo instead of text on top left corner

thelounge · Oct 25, 2018 · 05dcc38 · 05dcc38
1 parent 2a9e04d
commit 05dcc38
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -21,7 +21,10 @@
 
 	<nav id="nav">
 		<div class="container">
-			<a href="/" class="logo">The Lounge</a>
+			<a href="/" class="logo">
+				<img alt="The Lounge" src="/assets/logos/logo/TL_White&Yellow_Horizontal_logotype_Transparent_Bg/TL_White&Yellow_Horizontal_logotype_Transparent_Bg.svg">
+			</a>
+
 			<ul class="nav-links">
 				<li><a href="/docs">Documentation</a></li>
 				<li><a href="https://www.npmjs.com/search?q=keywords%3Athelounge-theme">Themes</a></li>

diff --git a/css/style.css b/css/style.css
@@ -88,11 +88,15 @@ pre code {
 	color: #fff;
 }
 #nav .logo {
-	color: #fff;
-	font-size: 22px;
+	line-height: 1;
 	margin-left: -10px;
 }
 
+#nav .logo img {
+	height: 100%;
+	padding: 5px 0;
+}
+
 #splash {
 	background: #455164;
 	color: #fff;