diff --git a/web/_includes/devlog_category.html b/web/_includes/devlog_category.html
index c0a46d8..680f544 100644
--- a/web/_includes/devlog_category.html
+++ b/web/_includes/devlog_category.html
@@ -1,10 +1,13 @@
-
{{ include.emoji }} {{ include.tag }}
+ {% assign slug = include.tag | slugify %}
+
{{ include.emoji }} {{ include.tag }}
{{ include.description }}
- {%- for post in site.posts -%}
+ {% assign total = 0 %}
+ {% for post in site.posts %}
{%- if post.tags contains include.tag -%}
-
+ {%- assign total = total | plus: 1 -%}
+
6 %}hidden{% endif %}>
{%- if post.image -%}
{%- assign start = post.image | slice: 0, 4 -%}
{%- if start == "http" -%}
@@ -27,5 +30,15 @@
{%- endif -%}
- {%- endfor -%}
+ {% endfor %}
+
+ {% if total > 6 %}
+
+
+ {% endif %}
diff --git a/web/style.css b/web/style.css
index 99d16e3..9c1abf9 100644
--- a/web/style.css
+++ b/web/style.css
@@ -142,12 +142,12 @@ a:visited.wide-link {
}
.devlog {
- margin-bottom: 30px;
min-width: 250px;
- width: 45%;
+ width: calc(50% - 2px);
display: inline-block;
vertical-align: top;
- margin-right: 20px;
+ padding-right: 20px;
+ padding-bottom: 30px;
}
.devlog-title {
@@ -165,6 +165,13 @@ a:visited.wide-link {
margin-bottom: 10px;
}
+.devlog-more {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0;
+}
+
.video-embed {
position: relative;
width: 100%;