New design for posts in overview

- removed sidebar for links
- general left-aligned design

Author: Langhaarzombie

css/site.css

@@ -269,12 +269,20 @@ a.btn:focus {
   margin: auto;
 }
 
-.post-links>ul {
+.post .read-more {
+  margin-top: 25px;
+}
+
+.post-excerpt {
+  margin-top: 1rem;
+}
+
+.post-excerpt>ul {
   list-style-type: none;
   padding-left: 0;
 }
 
-.post-links>ul>li {
+.post-excerpt>ul>li {
   margin-bottom: 15px;
 }
 

news.html

@@ -7,19 +7,17 @@ <h1>QuTiP News</h1>
 <hr>
 
 {% for p in site.posts %}
-    <div id="{{ p.slug }}" class="row" style='margin-bottom: 15px'>
-        <div class="col-md-8">
+    <div id="{{ p.slug }}" class="post row" style='margin-bottom: 15px'>
+        <div>
             <p>{{ p.date | date_to_string: "ordinal", "US" }}</p>
             <h4>{{ p.title }}</h4>
+            <div class="post-excerpt">
+                {{ p.excerpt }}
+            </div>
             {% if p.readmore %}
                 <a href="{{ p.url }}"><p>Read More</p></a>
             {% endif %}
         </div>
-        <div class="col-md-4" style='margin-top: 25px'>
-            <div class="post-links">
-                {{ p.excerpt }}
-            </div>
-        </div>
     </div>
 <hr>
 {% endfor %}