From ba486e0e9c7745189e750450005bd95bd72c406a Mon Sep 17 00:00:00 2001
From: Ellpeck <me@ellpeck.de>
Date: Sat, 12 Aug 2023 12:37:06 +0200
Subject: [PATCH] some style improvements

---
 web/_data/community-content.json | 11 ------
 web/community.html               | 68 ++++++++++++++++----------------
 web/style.css                    |  8 +++-
 3 files changed, 42 insertions(+), 45 deletions(-)

diff --git a/web/_data/community-content.json b/web/_data/community-content.json
index a1d3dd1..02b5a17 100644
--- a/web/_data/community-content.json
+++ b/web/_data/community-content.json
@@ -1,15 +1,4 @@
 [
-    {
-        "name": "Itty for Tiny Life",
-        "slug": "itty",
-        "desc": "Itty adds a social media site (called Itty) that allows your Tinies to interact digitally!",
-        "author": "ssblur",
-        "section": "mods",
-        "links": {
-            "Steam": "https://steamcommunity.com/sharedfiles/filedetails/?id=2965803577",
-            "YouTube": "https://www.youtube.com/channel/UC87-8FM-U9OSUYCzIqlhztA"
-        }
-    },
     {
         "name": "Itty for Tiny Life",
         "slug": "itty",
diff --git a/web/community.html b/web/community.html
index 2957248..28dcc9d 100644
--- a/web/community.html
+++ b/web/community.html
@@ -5,37 +5,39 @@ title: Tiny Life
 summary: A fun simulation game where you mess with people's lives
 ---
 
-<div class="section community-top">
-    <h1>💬 Community Showcase</h1>
-    Tiny Life's community is awesome, blah blah blah
-</div>
-
-{% for section in site.data.community-sections %}
-    <div class="section">
-        <h2 id="{{ section.slug }}">{{ section.name }}</h2>
-        <p>{{ section.desc }}</p>
-
-        {% for content in site.data.community-content %}
-            {% if content.section == section.slug %}
-                <div class="community-content">
-                    <div class="community-content-box">
-                        <div class="community-content-box-content">
-                            <h4 class="community-title">{{ content.name }}</h4>
-                            <div class="community-author text-muted">Created by {{ content.author }}</div>
-                            <div class="community-desc">{{ content.desc }}</div>
-                            <div>
-                                {% for link in content.links %}
-                                    <a href="{{ link[1] }}">{{ link[0] }}</a>
-                                    {% unless forloop.last %}
-                                        &ndash;
-                                    {% endunless %}
-                                {% endfor %}
-                            </div>
-                        </div>
-                        <img id="{{ content.slug }}" src="/media/community/{{ content.slug }}.png" alt="An image showing off {{ content.name }}" width="100%">
-                    </div>
-                </div>
-            {% endif %}
-        {% endfor %}
+<div class="section">
+    <div class="community-top">
+        <h1>💬 Community Showcase</h1>
+        Tiny Life's community is awesome, blah blah blah
     </div>
-{% endfor %}
+
+    {% for section in site.data.community-sections %}
+        <div class="community-section">
+            <h2 id="{{ section.slug }}">{{ section.name }}</h2>
+            <p>{{ section.desc }}</p>
+
+            {% for content in site.data.community-content %}
+                {% if content.section == section.slug %}
+                    <div class="community-content">
+                        <div class="community-content-box">
+                            <div class="community-content-box-content">
+                                <h4 class="community-title">{{ content.name }}</h4>
+                                <div class="community-author text-muted">Created by {{ content.author }}</div>
+                                <div class="community-desc">{{ content.desc }}</div>
+                                <div>
+                                    {% for link in content.links %}
+                                        <a href="{{ link[1] }}">{{ link[0] }}</a>
+                                        {% unless forloop.last %}
+                                            &ndash;
+                                        {% endunless %}
+                                    {% endfor %}
+                                </div>
+                            </div>
+                            <img id="{{ content.slug }}" src="/media/community/{{ content.slug }}.png" alt="An image showing off {{ content.name }}" width="100%">
+                        </div>
+                    </div>
+                {% endif %}
+            {% endfor %}
+        </div>
+    {% endfor %}
+</div>
diff --git a/web/style.css b/web/style.css
index 35c1f48..0737615 100644
--- a/web/style.css
+++ b/web/style.css
@@ -110,7 +110,13 @@ pre.highlight {
 }
 
 .community-content {
-    margin: 25px auto;
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
+
+.community-section {
+    margin-top: 25px;
+    margin-bottom: 25px;
 }
 
 .community-title {