Layout fix

readme.md

@@ -18,7 +18,7 @@ Based on [Hexo](http://hexo.io) for building the static website.
   
   - [x] **About page content**
   
-  - [ ] Add nav links to home page header
+  - [ ] **Add nav links to home page header**
   
   - [ ] Filter projects using URL parameters
   

themes/james-theme/layout/_partial/social-links.ejs

@@ -0,0 +1,20 @@
+<div class="container-fluid bg-light">
+    <div class="row bottom-spacer" style="padding-top: 50px">
+        <div class="col-12 text-center">
+            <h2 class="display-4" style="margin-bottom: 0px;">
+                Around the web
+            </h2>
+            <h4><small class="text-muted">Links to all my stuff</small></h4>
+        </div>
+    </div>
+    <% var i = 0 %>
+    <div class="row" style="padding-bottom: 50px">
+        <div class="col-12 text-center">
+            <% config.links.forEach(function(link) { %>
+                <%- partial('_partial/social-icons', {link: link.link, icon: link.icon}) %>
+                <% if(i == 12) { %><br><% } %>
+                <% i += 1 %>
+            <% }) %>
+        </div>
+    </div>
+</div>

themes/james-theme/layout/about.ejs

@@ -8,7 +8,10 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-12">
+        <div class="col-3">
+            <img class="img-fluid rounded" src="/images/james-peret-drawing.png">
+        </div>
+        <div class="col-9">
             <p class="lead">
                 My name is James Peret, and I'm a designer, programmer and filmmaker from from São Paulo, Brazil.
             </p>
@@ -24,24 +27,5 @@
         </div>
     </div>
 </div>
-<div class="container-fluid bg-light">
-    <div class="row bottom-spacer" style="padding-top: 50px">
-        <div class="col-12 text-center">
-            <h2 class="display-4" style="margin-bottom: 0px;">
-                Around the web
-            </h2>
-            <h4><small class="text-muted">Links to all my stuff</small></h4>
-        </div>
-    </div>
-    <% var i = 0 %>
-    <div class="row" style="padding-bottom: 50px">
-        <div class="col-12 text-center">
-            <% config.links.forEach(function(link) { %>
-                <%- partial('_partial/social-icons', {link: link.link, icon: link.icon}) %>
-                <% if(i == 12) { %><br><% } %>
-                <% i += 1 %>
-            <% }) %>
-        </div>
-    </div>
-</div>
+<%- partial('_partial/social-links') %>
 <%- partial('_partial/contact-form') %>

themes/james-theme/layout/index.ejs

@@ -98,4 +98,5 @@
         </div>
     </div>
 </div>
+<%- partial('_partial/social-links') %>
 <%- partial('_partial/contact-form') %>