formatting and semantics

log.html

@@ -11,17 +11,26 @@ image: /images/pages/4-darkweb-instrumental-.jpeg
 </section>
 {% for post in site.posts %}
 {% if post.category == 'ramblings' %}
-<section class="news" style="margin:0;">
-
-<div style="background-image:url({{ relBase }}{{ post.image }}"></div>
-<div class="description">
-  <h2>{{ post.title }}</h2>
-  <p><strong>{% include forloop-dates.html %}</strong></p>
-  <p>{{ post.description }}</p>
-<p><a href="{{ relBase }}{{ post.url }}#read" class="button">👀 Read post</a></p>
-</div>
-
-  
+<section id="read" class="front-section">
+  <div style="background-image:url({{ post.image }})">
+    <p class="editor-link">
+      <a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow" class="btn">
+        <strong>&#9998;</strong> Edit Post
+      </a>
+    </p>
+  </div>
+  <div class="description">
+    <div class="container">
+      <div class="">
+        <h3>{{ post.title }}</h3>
+        <p><strong><time datetime="{{ post.date }}">{% include forloop-dates.html %}</time></strong></p>
+        <p>{{ post.description  }}</p>
+      </div>
+      <div>
+        <p><a class="button" href="{{ relBase }}{{ post.url }}#read">📰 Read Highlight</a></p>
+      </div>
+    </div>
+  </div>
 </section>
 {% endif %}
 {% endfor %}