Blog updates

css-compiled/template.css

@@ -609,7 +609,7 @@ td {
     padding-top: 3rem; }
 
 .list-item {
-  border-bottom: 1px solid #EEEEEE;
+  border-bottom: 1px solid #dadada;
   margin-bottom: 3rem; }
   .list-item:last-child {
     border-bottom: 0; }
@@ -617,22 +617,21 @@ td {
     position: relative; }
     .list-item .list-blog-header h4 {
       text-align: left;
-      margin-bottom: 0.5rem; }
+      margin-bottom: 1.5rem; }
       .list-item .list-blog-header h4 a {
-        color: #9A9898; }
+        color: #656161; }
         .list-item .list-blog-header h4 a:hover {
           color: #87b672; }
     .list-item .list-blog-header img {
       display: block;
       margin-top: 1rem;
       border-radius: 0; }
-  .list-item .list-blog-date {
+  .list-item .list-blog-date, .list-item .list-blog-author {
     text-align: center;
     background-color: rgba(101, 97, 97, 0.1);
     padding: 0.7rem 1rem;
     margin-bottom: 0.2rem;
-    margin-right: 0.5rem; }
+    margin-right: 0.5rem;
-    .list-item .list-blog-date span {
     font-size: 1rem;
     text-transform: uppercase;
     color: #9A9898;
@@ -665,7 +664,6 @@ td {
   padding: 0;
   list-style: none; }
   .archives li, .related-pages li {
-    border-bottom: 1px solid #EEEEEE;
     line-height: 2rem; }
     .archives li:last-child, .related-pages li:last-child {
       border-bottom: 0; }

scss/template/_blog.scss

@@ -72,7 +72,7 @@
 // List Blog Item
 .list-item {
 
-    border-bottom: 1px solid $border-color;
+    border-bottom: 1px solid darken($border-color, 8%);
     margin-bottom: $padding-vert;
 
     &:last-child {
@@ -83,9 +83,9 @@
         position: relative;
         h4 {
             text-align: left;
-            margin-bottom: 0.5rem;
+            margin-bottom: 1.5rem;
             a {
-                color: $core-text;
+                color: $light-gray;
                 &:hover {
                     color: $core-accent;
                 }
@@ -99,20 +99,18 @@
         }
     }
 
-    .list-blog-date {
+    .list-blog-date, .list-blog-author {
         text-align: center;
         background-color: transparentize($light-gray, 0.9);
         padding: 0.7rem 1rem;
         margin-bottom: 0.2rem;
         margin-right: 0.5rem;
-        span {
         font-size: $core-font-size;
         text-transform: uppercase;
         color: $core-text;
         font-family: $font-family-header;
     }
 }
-}
 
 // Bigger first para
 .blog-content-item {
@@ -152,7 +150,6 @@
     padding: 0;
     list-style: none;
     li {
-        border-bottom: 1px solid $border-color;
         line-height: $core-font-size + 1rem;
         &:last-child {
             border-bottom: 0;

templates/item.html.twig

@@ -14,11 +14,11 @@
 	{% block content %}
         {% include 'partials/breadcrumbs.html.twig' %}
 		
-		<div class="blog-content-item grid pure-g-r">
+		<div class="blog-content-item g-grid pure-g-r">
-			<div id="item" class="block pure-u-2-3">
+			<div id="item" class="g-block pure-u-2-3">
 			    {% include 'partials/blog_item.html.twig' with {'truncate':false,'big_header':true} %}
 			</div>
-			<div id="sidebar" class="block size-1-3 pure-u-1-3">
+			<div id="sidebar" class="g-block size-1-3 pure-u-1-3">
 				{% include 'partials/sidebar.html.twig' %}
 			</div>
 		</div>

templates/modular.html.twig

@@ -75,7 +75,6 @@
             </li>
         {% endfor %}
     
-        
         {% for module in page.collection() %}
             {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
             <li class="{{ current_module }}"><a href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>

templates/partials/archives.html.twig

@@ -0,0 +1,12 @@
+<ul class="archives">
+{% for month,items in archives_data %}
+    <li>
+    	<a href="{{ base_url }}/archives_month:{{ month|date('M_Y')|lower|e('url') }}">
+        {% if archives_show_count %}
+        <span class="label">{{ items|length }}</span>
+        {% endif %}
+        <span class="archive_date">{{ month }}</span>
+        </a>
+    </li>
+{% endfor %}
+</ul>

templates/partials/blog_item.html.twig

@@ -1,6 +1,12 @@
 <div class="list-item">
 
     <div class="list-blog-header">
+        {% if big_header %}
+            {{ page.media.images|first.cropResize(900,600).html }}
+        {% else %}
+            {{ page.media.images|first.cropZoom(900,300).html }}
+        {% endif %}
+
         {% if page.header.link %}
             <h4>
                 {% if page.header.continue_link is not sameas(false) %}
@@ -17,6 +23,13 @@
             {{ page.date|date("d") }}, {{ page.date|date("M") }}
         </span>
         
+        {% if page.header.author %}
+        <span class="list-blog-author">
+            <i class="fa fa-user"></i>
+            {{ page.header.author }}
+        </span>
+        {% endif %}
+       
        {% if page.taxonomy.tag %}
         <ul class="tags">
             <i class="fa fa-tag"></i>
@@ -26,12 +39,6 @@
         </ul>
         {% endif %}
         
-        {% if big_header %}
-            {{ page.media.images|first.cropResize(900,600).html }}
-        {% else %}
-            {{ page.media.images|first.cropZoom(900,300).html }}
-        {% endif %}
-
     </div>
 
     <div class="list-blog-padding">