Add logo on the side

layouts/partials/header.html

@@ -7,18 +7,14 @@
 
 <section class="header"> 
     <div class="container">
+        <a href="/"><img class="logo" src="images/logo.png" /></a>
         <div class="content">
-            {{ if .Site.Params.gravatar }}
+            <a href="/"><div class="name">{{ .Site.Title }}</div></a>
-              <a href="/"><img class="avatar" src="https://gravatar.com/avatar/{{ .Site.Params.gravatar }}?s=50" /></a>
-            {{ else if .Site.Params.avatar }}
-              <a href="/"><img class="avatar" src="/{{ .Site.Params.avatar }}" /></a>
-            {{ end }}
-            <a href="/"><div class="name">{{ .Site.Params.author }}</div></a>
             <nav>
                 <ul>
                     <a href="/blog/"><li>Blog</li></a>
                     <a href="/about/"><li>About</li></a>
-                    <a href="/code/"><li>Code</li></a>
+                    <a href="/projects/"><li>Projects</li></a>
                 </ul>
             </nav>
         </div>

static/css/main.css

@@ -2,6 +2,10 @@
 @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400italic,700,700italic);
 @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
 @import url(https://fonts.googleapis.com/css?family=Raleway:500);
+@font-face {
+  font-family: 'Nexa Bold';
+  src: url('../fonts/Nexa Bold.otf');
+}0
 .dark {
   color: #333333 !important;
 }
@@ -180,14 +184,13 @@ section.header .content {
   -ms-align-items: center;
   align-items: center;
 }
-section.header .container .content .avatar {
+section.header .container .logo {
-  border-radius: 60px;
+  max-width: 100px;
-  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
-  max-width: 50px;
 }
 section.header .name {
-  font-size: 18px;
+  padding-top: 20px;
-  font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif;
+  font-size: 28px;
+  font-family: 'Nexa Bold', 'Helvetica Neue', 'Arial', sans-serif;
   letter-spacing: -0.005rem;
   text-transform: uppercase;
   font-weight: 700;