From 3d0938f5aae5516f10baeb071d033d1d766506b5 Mon Sep 17 00:00:00 2001
From: nervuri <seva@nervuri.net>
Date: Tue, 22 Nov 2022 16:20:32 +0000
Subject: [PATCH Taler website 2/4] increase spacing between items on the docs
 page

Also, delete empty row at the bottom.
---
 template/docs.html.j2 | 71 +++++++++++++++++++++----------------------
 1 file changed, 34 insertions(+), 37 deletions(-)

diff --git a/template/docs.html.j2 b/template/docs.html.j2
index 2e359af..0b27dec 100644
--- a/template/docs.html.j2
+++ b/template/docs.html.j2
@@ -31,7 +31,7 @@
   </div>
 
   <div class="row">
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/taler-merchant-manual.html">
       <img src="{{ url('icons/icon-backend.svg') }}" height=60>
       <h3>{{ _("Merchant Backend Administration")}}</h3>
@@ -42,7 +42,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/taler-merchant-api-tutorial.html">
         <img src="{{ url('icons/icon-market.svg') }}" height=60>
         <h3>{{ _("Merchant API Tutorial") }}</h3>
@@ -53,7 +53,7 @@
       {{ gettext('Also available as <a href="%(link)s">PDF</a>.', link="https://" + siteconf['docshost'] + "/pdf/taler-merchant-api-tutorial.pdf") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/taler-backoffice-manual.html">
         <img src="{{ url('icons/icon-backoffice.svg') }}" height=60>
         <h3>{{ _("Back office") }}</h3>
@@ -64,7 +64,7 @@
       {{ gettext('Also available as <a href="%(link)s">PDF</a>.', link="https://" + siteconf['docshost'] + "/pdf/taler-backoffice-manual.pdf") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/taler-merchant-pos-terminal.html">
         <img src="{{ url('icons/noun-tablet-4084423.svg') }}" height=60>
         <h3>{{ _("Merchant POS Terminal") }}</h3>
@@ -75,7 +75,7 @@
       {{ gettext('Also available as <a href="%(link)s">PDF</a>.', link="https://" + siteconf['docshost'] + "/pdf/taler-merchant-pos-terminal.pdf") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/taler-exchange-manual.html">
         <img src="{{ url('icons/icon-exchange.svg') }}" height=60>
         <h3>{{ _("Exchange")}}</h3>
@@ -86,7 +86,7 @@
       {{ gettext('Also available as <a href="%(link)s">PDF</a>.', link="https://" + siteconf['docshost'] + "/pdf/taler-exchange-manual.pdf") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/taler-bank-manual.html">
         <img src="{{ url('icons/icon-bank.svg') }}" height=60>
         <h3>{{ _("Bank Integration") }}</h3>
@@ -97,7 +97,7 @@
       {{ gettext('Also available as <a href="%(link)s">PDF</a>.', link="https://" + siteconf['docshost'] + "/pdf/taler-bank-manual.pdf") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/taler-wallet.html">
         <img src="{{ url('icons/noun-digital-wallet-5004389.svg') }}" height=60>
         <h3>{{ _("Wallet") }}</h3>
@@ -109,7 +109,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="{{ url_localized('cashier.html') }}">
         <img src="{{ url('icons/icon-cashier.svg') }}" height=60>
         <h3>{{ _("Cashier") }}</h3>
@@ -133,7 +133,7 @@
   </div>
 
   <div class="row">
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://anastasis.lu/">
         <img src="{{ url('icons/noun-recovery-4887278.svg') }}" height=60>
         <h3>{{ _("GNU Anastasis") }}</h3>
@@ -143,7 +143,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/libeufin.git/">
         <img src="{{ url('icons/noun-bank-5178441.svg') }}" height=60>
         <h3>{{ _("libeufin") }}</h3>
@@ -154,7 +154,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/depolymerization.git/">
         <img src="{{ url('icons/noun-blockchain-4878073.svg') }}" height=60>
         <h3>{{ _("Depolymerization") }}</h3>
@@ -164,7 +164,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/sync.git/">
         <img src="{{ url('icons/noun-synchronization-5156797.svg') }}" height=60>
         <h3>{{ _("Sync") }}</h3>
@@ -174,7 +174,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/taler-mailbox.git/">
         <img src="{{ url('icons/noun-mailbox-5176593.svg') }}" height=60>
         <h3>{{ _("Taler Mailbox") }}</h3>
@@ -184,7 +184,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/taldir.git/">
         <img src="{{ url('icons/noun-directory-1024875.svg') }}" height=60>
         <h3>{{ _("TalDir") }}</h3>
@@ -205,7 +205,7 @@
  </div>
 
   <div class="row">
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/taler-mdb.git/">
         <img src="{{ url('icons/noun-vending-machine-4884056.svg') }}" height=60>
         <h3>{{ _("Taler-MDB") }}</h3>
@@ -217,7 +217,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/gnu-taler-payment-for-woocommerce.git/">
         <img src="{{ url('icons/noun-e-commerce-218402.svg') }}" height=60>
         <h3>{{ _("WooCommerce Payment Backend") }}</h3>
@@ -228,7 +228,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://github.com/pretix/pretix-taler">
         <img src="{{ url('icons/noun-tickets-5179896.svg') }}" height=60>
         <h3>{{ _("Pretix Payment Backend") }}</h3>
@@ -238,7 +238,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="">
         <img src="{{ url('icons/noun-e-commerce-218402.svg') }}" height=60>
         <h3>{{ _("Payage Payment Plugin") }}</h3>
@@ -264,7 +264,7 @@
   </div>
 
   <div class="row">
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/core/index.html">
         <img src="{{ url('icons/icon-api.svg') }}" height=60>
         <h3>{{ _("HTTP API")}}</h3>
@@ -274,7 +274,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/developers-manual.html">
         <img src="{{ url('icons/noun-onboarding-2896490.svg') }}" height=60>
         <h3>{{ _("Onboarding")}}</h3>
@@ -285,7 +285,7 @@
       {{ gettext('Also available as <a href="%(link)s">PDF</a>.', link="https://" + siteconf['docshost'] + "/pdf/developers-manual.pdf") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://{{ siteconf['docshost'] }}/manpages/taler.conf.5.html#exchange-kyc-provider-options">
         <img src="{{ url('icons/noun-kyc-2913646.svg') }}" height=60>
         <h3>{{ _("Know-your-customer")}}</h3>
@@ -310,7 +310,7 @@
   </div>
 
   <div class="row">
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://lists.gnu.org/mailman/listinfo/taler">
         <img src="{{ url('icons/noun-email-list-4339749.svg') }}" height=60>
         <h3>{{ _("Mailing List")}}</h3>
@@ -318,7 +318,7 @@
       {{ _("The official GNU Taler mailing list.") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://web.libera.chat/">
         <img src="{{ url('icons/noun-chat-5180308.svg') }}" height=60>
         <h3>{{ _("IRC")}}</h3>
@@ -326,7 +326,7 @@
       {{ _("Our IRC channel is #taler on Libera.") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://bugs.taler.net/">
         <img src="{{ url('icons/noun-bug-tracking-2119186.svg') }}" height=60>
         <h3>{{ _("Bug Tracker")}}</h3>
@@ -350,7 +350,7 @@
 
   <div class="row">
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net">
         <img src="{{ url('icons/noun-git-2407191.svg') }}" height=60>
         <h3>{{ _("Git repositories") }}</h3>
@@ -358,7 +358,7 @@
       {{ _("Git repositories for all of GNU Taler.") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://lcov.taler.net">
         <img src="{{ url('icons/icon-lcov.svg') }}" height=60>
         <h3>{{ _("lcov results") }}</h3>
@@ -366,7 +366,7 @@
       {{ _("Shows results of the code coverage analysis for our test suite.") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://buildbot.taler.net">
         <img src="{{ url('icons/noun-continuous-integration-4368507.svg') }}" height=60>
         <h3>{{ _("Continuous integration") }}</h3>
@@ -374,7 +374,7 @@
       {{ _("Continuous integration and deployment is managed by our Buildbot.") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://weblate.taler.net/">
         <img src="{{ url('icons/noun-translate-5177522.svg') }}" height=60>
         <h3>{{ _("Internationalization")}}</h3>
@@ -382,7 +382,7 @@
       {{ _("Using our weblate service, everyone in the community can contribute towards translating the Website and the GNU Taler applications.") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/twister.git/">
         <img src="{{ url('icons/noun-twister-2280690.svg') }}" height=60>
         <h3>{{ _("Twister") }}</h3>
@@ -406,7 +406,7 @@
   </div>
 
   <div class="row">
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.gnunet.org/libbrandt.git/">
         <img src="{{ url('icons/noun-auction-5172639.svg') }}" height=60>
         <h3>{{ _("SMC Auctions") }}</h3>
@@ -414,7 +414,7 @@
       {{ _("Secure multiparty aution protocol (future Taler exchange extension).") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="/papers/esorics2022-age-restriction.pdf">
         <img src="{{ url('icons/noun-parental-discretion-233685.svg') }}" height=60>
         <h3>{{ _("Age restrictions")}}</h3>
@@ -425,7 +425,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="https://git.taler.net/mch2022.git/">
         <img src="{{ url('icons/noun-id-badge-348401.svg') }}" height=60>
         <h3>{{ _("MCH 2022 Badge Integration") }}</h3>
@@ -435,7 +435,7 @@
       {% endtrans %}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="">
         <img src="{{ url('icons/noun-point-of-sale-3185628.svg') }}" height=60>
         <h3>{{ _("EMVco Integration") }}</h3>
@@ -443,7 +443,7 @@
       {{ _("Integeration with EMVco PoS systems (to be started soon).") }}
     </div>
 
-    <div class="col-lg-4">
+    <div class="col-lg-4 mb-4">
       <a href="">
         <img src="{{ url('icons/noun-vault-1775866.svg') }}" height=60>
         <h3>{{ _("Taler Vault") }}</h3>
@@ -451,9 +451,6 @@
       {{ _("Hardware security module for GNU Taler (to be started soon).") }}
     </div>
 
-
-  </div>
-  <div class="row mt-5">
   </div>
 
 </div>
-- 
2.35.1