Uodate the layout for posts

alexcoman · Jan 7, 2016 · f6050fc · f6050fc
1 parent 9d06435
commit f6050fc
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 29 deletions.
diff --git a/_includes/post.html b/_includes/post.html
@@ -0,0 +1,27 @@
+<section id="post" class="post container content-section text-center">
+  <div class="row">
+    <div class="col-md-10 col-md-offset-1">
+      {% include swipe-instructions.html %}
+
+      <h1><strong>{{ page.title }}</strong></h1>
+      <h4><strong>{{ page.date | date: "%B %-d, %Y" }}</strong>
+        <small> . <a href="/blog/{{ page.category }}">{{ page.category }} . <a href="{{site.baseurl}}{{page.url }}#disqus_thread">Comments</a>
+         {% for tag in page.tags %}
+            <a href="{{site.baseurl}}/tags/{{tag}}/">#{{ tag }}</a>
+          {% endfor %}
+        </small>
+      </h4>
+
+      <div id="post-content" class="post-content text-justify">
+        {{ page.content | markdownify }}
+      </div>
+
+      {% include share.html %}
+
+      {% include comments.html %}
+
+      {% include social-buttons.html %}
+
+    </div>
+  </div>
+</section>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -4,38 +4,11 @@
 
   {% include head.html %}
 
-  <body>
+  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"  data-offset="151">
 
     {% include navigation.html %}
 
-    <section id="post" class="container content-section text-center">
-      <div class="row">
-        <div class="col-md-10 col-md-offset-1">
-
-          {% include swipe-instructions.html %}
-
-          <h1><strong>{{ page.title }}</strong></h1>
-          <h4><strong>{{ page.date | date_to_string }}</strong>
-            <small> . {{ page.category }} . <a href="{{site.baseurl}}{{page.url }}#disqus_thread">Comments</a>
-            {% for tag in page.tags %}
-              <a href="{{site.baseurl}}/tags/{{tag}}/">#{{ tag }}</a>
-            {% endfor %}
-            </small>
-          </h4>
-
-          {{ page.content | markdownify }}
-
-          {% include share.html %}
-
-          {% if jekyll.environment == "production" %}
-            {% include comments.html %}
-          {% endif %}
-
-          {% include social-buttons.html %}
-
-        </div>
-      </div>
-    </section>
+    {% include post.html %}
 
     {% include footer.html %}
 

diff --git a/_sass/main.scss b/_sass/main.scss
@@ -6,6 +6,7 @@
 @import "partials/apply-now";
 @import "partials/contact";
 @import "partials/navigation";
+@import "partials/post";
 @import "partials/team";
 @import "partials/timeline";
 

diff --git a/_sass/partials/_post.scss b/_sass/partials/_post.scss
@@ -0,0 +1,7 @@
+.post-content {
+    ul,
+    ol {
+        text-align: left;
+        list-style-position: inside;
+    }
+}