Use HTML list instead of <div>s

Author: Aloso

blog.html

@@ -3,9 +3,11 @@
 ---
 <h2>Posts</h2>
 
-{% for post in site.categories.blog %}
-<div class="post">
-    <div class="post-date">{{ post.date | date: "%b %-d, %Y" }}</div>
-    <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-</div>
-{% endfor %}
+<ul class="post-list">
+    {% for post in site.categories.blog %}
+    <li class="post">
+        <div class="post-date">{{ post.date | date: "%b %-d, %Y" }}</div>
+        <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+    </li>
+    {% endfor %}
+</ul>

css/main.css

@@ -152,6 +152,11 @@ a.source:hover {
     list-style: none;
 }
 
+.post-list {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
 
 .post {
     margin: 0 0 1.5rem 0;

thisweek.html

@@ -3,9 +3,11 @@
 ---
 <h2>This Week In rust-analyzer</h2>
 
-{% for post in site.categories.thisweek %}
-<div class="post">
-    <div class="post-date">{{ post.date | date: "%b %-d, %Y" }}</div>
-    <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-</div>
-{% endfor %}
+<ul class="post-list">
+    {% for post in site.categories.thisweek %}
+    <li class="post">
+        <div class="post-date">{{ post.date | date: "%b %-d, %Y" }}</div>
+        <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+    </li>
+    {% endfor %}
+</ul>