Move homepage section spacing into stylesheet

orgatalk · May 16, 2024 · ce586f6 · ce586f6
1 parent 8542ce4
commit ce586f6
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 33 deletions.
diff --git a/src/lanpartydb_website/blueprints/homepage/templates/homepage/index.html b/src/lanpartydb_website/blueprints/homepage/templates/homepage/index.html
@@ -2,45 +2,51 @@
 
 {% block body %}
 
-<div class="block is-centered-h">
-  <p class="text--centered">This database covers:</p>
-  <div class="row row--collapsible row--center">
-    <div class="column text--centered">
-      <a href="{{ url_for('party.index') }}">
-        <div class="bignumber">{{ party_count }}</div>
-        <div class="bignumber-caption">parties</div>
-      </a>
-    </div>
-    <div class="column text--centered">
-      <a href="{{ url_for('series.index') }}">
-        <div class="bignumber">{{ series_count }}</div>
-        <div class="bignumber-caption">party series</div>
-      </a>
-    </div>
-    <div class="column text--centered">
-      <a href="{{ url_for('party.index_countries') }}">
-        <div class="bignumber">{{ country_count }}</div>
-        <div class="bignumber-caption">countries</div>
-      </a>
-    </div>
-    <div class="column text--centered">
-      <div class="bignumber">0</div>
-      <div class="bignumber-caption">organizers<br><small>(yet)</small></div>
+<div class="homepage-section">
+  <div class="block is-centered-h">
+    <p class="text--centered">This database covers:</p>
+    <div class="row row--collapsible row--center">
+      <div class="column text--centered">
+        <a href="{{ url_for('party.index') }}">
+          <div class="bignumber">{{ party_count }}</div>
+          <div class="bignumber-caption">parties</div>
+        </a>
+      </div>
+      <div class="column text--centered">
+        <a href="{{ url_for('series.index') }}">
+          <div class="bignumber">{{ series_count }}</div>
+          <div class="bignumber-caption">party series</div>
+        </a>
+      </div>
+      <div class="column text--centered">
+        <a href="{{ url_for('party.index_countries') }}">
+          <div class="bignumber">{{ country_count }}</div>
+          <div class="bignumber-caption">countries</div>
+        </a>
+      </div>
+      <div class="column text--centered">
+        <div class="bignumber">0</div>
+        <div class="bignumber-caption">organizers<br><small>(yet)</small></div>
+      </div>
     </div>
   </div>
 </div>
 
-<div class="block is-centered-h" style="margin-top: 3rem;">
-  <p>A bunch of people were so kind to collect and submit data:</p>
-</div>
-<div class="block is-centered-h">
-  <a href="https://github.com/orgatalk/lanpartydb-data/contributors" class="contributors">
-    <img src="https://contrib.rocks/image?repo=orgatalk/lanpartydb-data&columns=5">
-  </a>
+<div class="homepage-section">
+  <div class="block is-centered-h">
+    <p>A bunch of people were so kind to collect and submit data:</p>
+  </div>
+  <div class="block is-centered-h">
+    <a href="https://github.com/orgatalk/lanpartydb-data/contributors" class="contributors">
+      <img src="https://contrib.rocks/image?repo=orgatalk/lanpartydb-data&columns=5">
+    </a>
+  </div>
 </div>
 
-<div class="block is-centered-h" style="margin-top: 3rem;">
-  <p>Check out the <a href="https://github.com/orgatalk/lanpartydb-data/blob/main/CONTRIBUTING.md">Contribution Guide</a> to see how you can help improving this database.</p>
+<div class="homepage-section">
+  <div class="block is-centered-h">
+    <p>Check out the <a href="https://github.com/orgatalk/lanpartydb-data/blob/main/CONTRIBUTING.md">Contribution Guide</a> to see how you can help improving this database.</p>
+  </div>
 </div>
 
 {%- endblock %}
diff --git a/src/lanpartydb_website/static/style/style.css b/src/lanpartydb_website/static/style/style.css
@@ -407,6 +407,10 @@ table.table--wide {
 
 /* misc */
 
+.homepage-section:not(:last-child) {
+  margin-block-end: 3rem;
+}
+
 .breadcrumbs {
   margin-bottom: -1rem;
 }