dive news into boxes

resources/blog.scss

@@ -7,12 +7,15 @@
     margin-right: 0;
 
     .post {
-        border-bottom: 2px solid $border_gray;
-        padding-top: 0.5em;
+        border: 1px dotted grey;
+        border-radius: 1em;
+        border-top: 0.125rem solid #9b9b9b;
+        padding: 1.25rem 1.25rem 1.563rem;
+        margin-bottom: 2em;
 
         .title {
             font-weight: 600;
-            font-size: 1.7em;
+            font-size: 1.875em;
 
             a {
                 color: Maroon !important;
@@ -24,7 +27,7 @@
         }
 
         &:last-child {
-            border-bottom: none;
+            // border-bottom: none;
         }
     }
 }

resources/content-description.scss

@@ -195,7 +195,7 @@
         width: 100%;
 
         &.split-common-content {
-            max-width: 86%;
+            width: 70%;
         }
 
         .content-description {

templates/blog/list.html

@@ -14,6 +14,9 @@
         .post {
             margin: 0 1.4em;
         }
+        .time {
+            margin-left: 0;
+        }
 
         .post:first-child {
             margin-top: 0.6em;
@@ -48,6 +51,10 @@
             font-style: italic;
             text-align: center;
         }
+
+        h3 a {
+            color: lightcyan;
+        }
     </style>
 {% endblock %}
 
@@ -93,9 +100,7 @@
             <div class="sidebox-content">
                 {% for post in posts %}
                     <section class="{% if post.sticky %}sticky {% endif %}post">
-                        <h2 class="title">
-                            <a href="{{ url('blog_post', post.id, post.slug) }}">{{ post.title }}</a>
-                        </h2>
+                        <span style="float:right;">
                         <span class="time">
                             {%- if post.sticky %}<i title="Sticky" class="fa fa-star fa-fw"></i>{% endif -%}
                             {% with authors=post.authors.all() %}
@@ -111,6 +116,11 @@
                                 </span>
                             </a>
                         </span>
+                        </span>
+                        <h2 class="title">
+                            <a href="{{ url('blog_post', post.id, post.slug) }}">{{ post.title }}</a>
+                        </h2>
+                        
                         <div class="summary content-description">
                             {% cache 86400 'post_summary' post.id %}
                                 {{ post.summary|default(post.content, true)|markdown('blog', 'svg', lazy_load=True)|reference|str|safe }}