From df5ef943d2b784ee783dc571e43753fbc0ee8fdf Mon Sep 17 00:00:00 2001
From: flifloo <flifloo@gmail.com>
Date: Wed, 30 Sep 2020 11:00:14 +0200
Subject: [PATCH] Add logo

---
 public/stylesheets/style.css | 16 ++++++++++++++++
 views/layout.pug             |  4 +++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index a2a7ebf..fa52919 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -7,3 +7,19 @@ body {
 main {
     flex: 1 0 auto;
 }
+
+nav .brand-logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.brand-logo img {
+    height: 64px;
+}
+
+@media (max-width: 600px) {
+    .brand-logo img {
+        height: 56px;
+    }
+}
diff --git a/views/layout.pug b/views/layout.pug
index 3293ef3..e219fd7 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -31,7 +31,9 @@ html
         li: a(href="/register")=__("layout.register")
     nav.orange(role="navigation")
       div.nav-wrapper.container
-        a.brand-logo(href="/") SOD
+        a.brand-logo(href="/")
+          img(src="/images/logo.png")
+          | SOD
         a.sidenav-trigger(href="#" data-target="mobile-nav"): i.material-icons menu
         ul.right.hide-on-med-and-down
           +nav