gnunet-svn
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[taler-taler-ops-www] 06/06: finish the landing page


From: gnunet
Subject: [taler-taler-ops-www] 06/06: finish the landing page
Date: Sun, 25 Feb 2024 06:38:03 +0100

This is an automated email from the git hooks/post-receive script.

nora pushed a commit to branch master
in repository taler-ops-www.

commit af2b7577a0435493a9cbdbf6b8db49031e01976d
Author: Nullptrderef <nullptrderef@national.shitposting.agency>
AuthorDate: Sun Feb 25 05:32:56 2024 +0100

    finish the landing page
---
 common/footer.j2.inc              |  98 ++++++++-----------------
 locale/de/LC_MESSAGES/messages.po |  65 +++++++++--------
 locale/en/LC_MESSAGES/messages.po |  60 ++++++++--------
 locale/fr/LC_MESSAGES/messages.po |  60 ++++++++--------
 locale/messages.pot               |  60 ++++++++--------
 static/scss/_link.scss            |   8 ++-
 static/scss/pages/landing.scss    |  27 +++++++
 static/scss/util.scss             |  11 +++
 template/index.html.j2            | 148 ++++++++++++++++++--------------------
 9 files changed, 274 insertions(+), 263 deletions(-)

diff --git a/common/footer.j2.inc b/common/footer.j2.inc
index ea2bee3..fbf7172 100644
--- a/common/footer.j2.inc
+++ b/common/footer.j2.inc
@@ -1,20 +1,12 @@
-<footer
-  class="dark bg-black text-white w-screen relative py-8 footer flex flex-col 
items-center justify-center"
->
-  <div
-    class="footer-top-outer flex px-8 py-8 sm:px-10 items-center 
justify-center w-full"
-  >
+<footer class="dark bg-black text-white w-screen relative py-8 footer flex 
flex-col items-center justify-center">
+  <div class="footer-top-outer flex px-8 py-8 sm:px-10 items-center 
justify-center w-full">
     <div
-      class="footer-top flex p-4 items-start max-w-max justify-center flex-1 
gap-12 lg:max-w-screen-2xl flex-col lg:flex-row lg:items-start 
lg:justify-between"
-    >
+      class="footer-top flex p-4 items-start max-w-max justify-center flex-1 
gap-12 lg:max-w-screen-2xl flex-col lg:flex-row lg:items-start 
lg:justify-between">
       <div class="footer-col flex-1">
         <div class="text-center flex flex-col items-center">
-          <a href="{{ url_localized('index.html') }}" class="footlogo"
-            ><img
-              src="{{ url_static('images/unsorted/footlogo.png') }}"
-              alt="Homepage"
-              style="width: 206px; height: 85px; max-width: max-content"
-          /></a>
+          <a href="{{ url_localized('index.html') }}" class="footlogo"><img
+              src="{{ url_static('images/unsorted/footlogo.png') }}" 
alt="Homepage"
+              style="width: 206px; height: 85px; max-width: max-content" /></a>
           <p class="mt-3">
             Taler Operations AG, {% trans %}Switzerland{% endtrans %}<br />
             Höheweg 80<br />
@@ -27,25 +19,22 @@
           <h4 class="section-title">{% trans %}Quick Links{% endtrans %}</h4>
           <ul>
             <li>
-              <a
-                class="link"
-                href="{{ url_localized('index.html') }}"
-                alt="{% trans %}Taler Operations AG Homepage{% endtrans %}"
-              >
+              <a class="link no-clr" href="{{ url_localized('index.html') }}"
+                alt="{% trans %}Taler Operations AG Homepage{% endtrans %}">
                 {% trans %}Home{% endtrans %}
               </a>
             </li>
             {#
-            <!-- <li><a class="link" href="{{ url_localized('merchants.html') 
}}">{% trans %}Merchant Integration Guide{% endtrans %}</a></li>
-                                                       <li><a class="link" 
href="{{ url_localized('users.html') }}">{% trans %}User Installation Guide{% 
endtrans %}</a></li> -->
+            <!-- <li><a class="link no-clr" href="{{ 
url_localized('merchants.html') }}">{% trans %}Merchant Integration Guide{% 
endtrans %}</a></li>
+                                                       <li><a class="link 
no-clr" href="{{ url_localized('users.html') }}">{% trans %}User Installation 
Guide{% endtrans %}</a></li> -->
             #}
             <li>
-              <a class="link" href="{{ url_localized('fees.html') }}">
+              <a class="link no-clr" href="{{ url_localized('fees.html') }}">
                 {% trans %}Fees{% endtrans %}
               </a>
             </li>
             <li>
-              <a class="link" href="https://exchange.taler-ops.ch/terms";>
+              <a class="link no-clr" 
href="https://exchange.taler-ops.ch/terms";>
                 {% trans %}Terms of Service{% endtrans %}
               </a>
             </li>
@@ -57,32 +46,17 @@
           <h4 class="section-title">{% trans %}Partners{% endtrans %}</h4>
           <ul>
             <li>
-              <a
-                href="https://taler.net/en/ngi-taler.html";
-                target="_blank"
-                rel="noopener noreferrer"
-                class="link"
-                >{% trans %}Taler Consortium{% endtrans %}</a
-              >
+              <a href="https://taler.net/en/ngi-taler.html"; target="_blank" 
rel="noopener noreferrer"
+                class="link no-clr">{% trans %}Taler Consortium{% endtrans 
%}</a>
             </li>
             <li>
-              <a
-                href="https://bfh.ch/";
-                target="_blank"
-                rel="noopener noreferrer"
-                class="link"
-                >{% trans %}Bern&nbsp;University of Applied&nbsp;Sciences{%
-                endtrans %}</a
-              >
+              <a href="https://bfh.ch/"; target="_blank" rel="noopener 
noreferrer" class="link no-clr">{% trans
+                %}Bern&nbsp;University of Applied&nbsp;Sciences{%
+                endtrans %}</a>
             </li>
             <li>
-              <a
-                href="https://netzbon.ch";
-                target="_blank"
-                rel="noopener noreferrer"
-                class="link"
-                >{% trans %}NetzBon{% endtrans %}</a
-              >
+              <a href="https://netzbon.ch"; target="_blank" rel="noopener 
noreferrer" class="link no-clr">{% trans
+                %}NetzBon{% endtrans %}</a>
             </li>
           </ul>
         </div>
@@ -92,43 +66,29 @@
           <h4 class="section-title">{% trans %}Contacts{% endtrans %}</h4>
           <ul>
             <li>
-              <a class="link phone" href="tel:0041442801200"
-                >{% trans %}Tel:{% endtrans %} +41 44 280 1200</a
-              >
+              <a class="link no-clr phone" href="tel:0041442801200">{% trans 
%}Tel:{% endtrans %} +41 44 280 1200</a>
             </li>
             <li>
-              <a class="link" href="mailto:compliance@taler-systems.com";
-                >{% trans %}Compliance Officer{% endtrans %}</a
-              >
+              <a class="link no-clr" 
href="mailto:compliance@taler-systems.com";>{% trans %}Compliance Officer{% 
endtrans
+                %}</a>
             </li>
             <li>
-              <a class="link" href="mailto:aml@taler-systems.com";
-                >{% trans %}AML Officer{% endtrans %}</a
-              >
+              <a class="link no-clr" href="mailto:aml@taler-systems.com";>{% 
trans %}AML Officer{% endtrans %}</a>
             </li>
           </ul>
         </div>
       </div>
     </div>
   </div>
-  <div
-    class="footer-bottom flex items-center justify-center flex-col text-center 
px-6 max-w-5xl"
-  >
+  <div class="footer-bottom flex items-center justify-center flex-col 
text-center px-6 max-w-5xl">
     <p>
       © {% trans %}Copyright{% endtrans %} 2024
-      <a class="link" href="{{ url_localized('index.html') }}"
-        >Taler Operations AG</a
-      >. {% trans %}Licensed under the{% endtrans %}
-      <a
-        href="https://www.gnu.org/licenses/fdl-1.3.html.en";
-        target="_blank"
-        rel="noopener noreferrer"
-        class="link"
-      >
+      <a class="link" href="{{ url_localized('index.html') }}">Taler 
Operations AG</a>. {% trans %}Licensed under the{%
+      endtrans %}
+      <a href="https://www.gnu.org/licenses/fdl-1.3.html.en"; target="_blank" 
rel="noopener noreferrer" class="link">
         {# TODO: ask around for who chose the FDL - shouldn't we be using the
         GPL, or atleast license the code under the GPL? #} GNU Free
-        Documentation License</a
-      >.
+        Documentation License</a>.
     </p>
     <p class="py-2">
       {% trans %}We do not assume any liability for the correctness of 
contents.
@@ -140,4 +100,4 @@
       mitigating problems.{% endtrans %}
     </p>
   </div>
-</footer>
+</footer>
\ No newline at end of file
diff --git a/locale/de/LC_MESSAGES/messages.po 
b/locale/de/LC_MESSAGES/messages.po
index 7fafc82..1af016a 100644
--- a/locale/de/LC_MESSAGES/messages.po
+++ b/locale/de/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 04:58+0100\n"
+"POT-Creation-Date: 2024-02-25 05:32+0100\n"
 "PO-Revision-Date: 2024-02-24 20:06+0000\n"
 "Last-Translator: Stefan Kügel <skuegel@web.de>\n"
 "Language-Team: German <https://weblate.taler.net/projects/taler-ops/website/";
@@ -24,75 +24,75 @@ msgstr ""
 msgid "Taler Operations AG, Biel, Switzerland"
 msgstr "Taler Operations AG, Biel, Schweiz"
 
-#: common/footer.j2.inc:19 common/footer.old.j2.inc:15
+#: common/footer.j2.inc:11 common/footer.old.j2.inc:15
 msgid "Switzerland"
 msgstr "Schweiz"
 
-#: common/footer.j2.inc:27 common/footer.old.j2.inc:23
+#: common/footer.j2.inc:19 common/footer.old.j2.inc:23
 msgid "Quick Links"
 msgstr "Seitenübersicht"
 
-#: common/footer.j2.inc:33 common/footer.old.j2.inc:28
+#: common/footer.j2.inc:23 common/footer.old.j2.inc:28
 msgid "Taler Operations AG Homepage"
 msgstr "Taler Operations AG Startseite"
 
-#: common/footer.j2.inc:35 common/footer.old.j2.inc:29
+#: common/footer.j2.inc:24 common/footer.old.j2.inc:29
 #: common/navigation/items.j2.inc:5
 msgid "Home"
 msgstr "Startseite"
 
-#: common/footer.j2.inc:44 common/footer.old.j2.inc:38
+#: common/footer.j2.inc:33 common/footer.old.j2.inc:38
 #: common/navigation/items.j2.inc:20 template/fees.html.j2:3
 #: template/fees.html.j2:14 template/fees.html.j2:29
 msgid "Fees"
 msgstr "Gebührenordnung"
 
-#: common/footer.j2.inc:49 common/footer.old.j2.inc:43
+#: common/footer.j2.inc:38 common/footer.old.j2.inc:43
 #: common/navigation/items.j2.inc:25
 msgid "Terms of Service"
 msgstr "AGB"
 
-#: common/footer.j2.inc:57 common/footer.old.j2.inc:51
+#: common/footer.j2.inc:46 common/footer.old.j2.inc:51
 msgid "Partners"
 msgstr "Partner"
 
-#: common/footer.j2.inc:65 common/footer.old.j2.inc:58
+#: common/footer.j2.inc:50 common/footer.old.j2.inc:58
 msgid "Taler Consortium"
 msgstr "Taler-Konsortium NGI TALER"
 
-#: common/footer.j2.inc:74 common/footer.old.j2.inc:66
+#: common/footer.j2.inc:53 common/footer.old.j2.inc:66
 msgid "Bern&nbsp;University of Applied&nbsp;Sciences"
 msgstr "Berner Fachhochschule (BFH)"
 
-#: common/footer.j2.inc:84 common/footer.old.j2.inc:75
+#: common/footer.j2.inc:58 common/footer.old.j2.inc:75
 msgid "NetzBon"
 msgstr "NetzBon"
 
-#: common/footer.j2.inc:92 common/footer.old.j2.inc:83
+#: common/footer.j2.inc:66 common/footer.old.j2.inc:83
 msgid "Contacts"
 msgstr "Kontakt"
 
-#: common/footer.j2.inc:96 common/footer.old.j2.inc:87
+#: common/footer.j2.inc:69 common/footer.old.j2.inc:87
 msgid "Tel:"
 msgstr "Tel:"
 
-#: common/footer.j2.inc:101 common/footer.old.j2.inc:92
+#: common/footer.j2.inc:72 common/footer.old.j2.inc:92
 msgid "Compliance Officer"
 msgstr "Compliance-Beauftragte"
 
-#: common/footer.j2.inc:106 common/footer.old.j2.inc:97
+#: common/footer.j2.inc:76 common/footer.old.j2.inc:97
 msgid "AML Officer"
 msgstr "AML-Beauftragte"
 
-#: common/footer.j2.inc:118 common/footer.old.j2.inc:110
+#: common/footer.j2.inc:85 common/footer.old.j2.inc:110
 msgid "Copyright"
 msgstr "Copyright"
 
-#: common/footer.j2.inc:121
+#: common/footer.j2.inc:86
 msgid "Licensed under the"
 msgstr ""
 
-#: common/footer.j2.inc:134
+#: common/footer.j2.inc:94
 #, fuzzy
 #| msgid ""
 #| "We do not assume any liability for the correctness of contents. We do not "
@@ -138,11 +138,11 @@ msgstr ""
 msgid "Skip to main content"
 msgstr "Navigationsmenü überspringen"
 
-#: common/navigation/items.j2.inc:10 template/index.html.j2:76
+#: common/navigation/items.j2.inc:10 template/index.html.j2:73
 msgid "For Merchants"
 msgstr "Für Händler"
 
-#: common/navigation/items.j2.inc:15 template/index.html.j2:58
+#: common/navigation/items.j2.inc:15 template/index.html.j2:57
 msgid "For Users"
 msgstr "Für Kunden"
 
@@ -166,28 +166,34 @@ msgid ""
 "Switzerland."
 msgstr "Taler Operations betreibt das Taler-Bezahlsystem in der Schweiz."
 
-#: template/index.html.j2:16
+#: template/index.html.j2:20
 #, fuzzy
 #| msgid "Welcome to <span>Taler Operations</span>!"
 msgid "Welcome to <span class=\"text-accent-pure\">Taler Operations</span>!"
 msgstr "Willkommen bei <span>Taler Operations</span>!"
 
-#: template/index.html.j2:20
+#: template/index.html.j2:24
 msgid "Taler Operations runs the GNU Taler payment system in Switzerland."
 msgstr "Taler Operations betreibt das Taler-Bezahlsystem in der Schweiz."
 
-#: template/index.html.j2:24
+#: template/index.html.j2:28
 msgid ""
 "Taler Operations is not supervised by the Swiss Financial Market Supervisory "
 "Authority (FINMA). However, the cover amount (in Swiss francs) of your eCHF "
 "is deposited in a separate bank account."
 msgstr ""
 
-#: template/index.html.j2:35
+#: template/index.html.j2:39
 msgid "Swiss Franc coin with GNU head as face value"
 msgstr ""
 
-#: template/index.html.j2:60
+#: template/index.html.j2:49
+#, fuzzy
+#| msgid "Get Started Now"
+msgid "Getting Started with Taler"
+msgstr "Zur Demo-Seite"
+
+#: template/index.html.j2:59
 msgid ""
 "Taler provides the world with a payment solution that definitely makes sense "
 "in a society where privacy, data safety, technical security, and reliability "
@@ -198,11 +204,11 @@ msgstr ""
 "höchsten Datenschutz, technische Sicherheit und uneingeschränkte "
 "Verlässlichkeit verlangen."
 
-#: template/index.html.j2:66
+#: template/index.html.j2:68
 msgid "Pay&nbsp;with&nbsp;Taler"
 msgstr "Mit&nbsp;Taler&nbsp;bezahlen"
 
-#: template/index.html.j2:78
+#: template/index.html.j2:75
 msgid ""
 "Taler offers efficient payments and backoffice procedures with security, "
 "privacy and data minimization by design. Payers and payees can rely on "
@@ -213,7 +219,7 @@ msgstr ""
 "Händler und Kunden können sich auf Technologie verlassen und müssen nicht "
 "mehr auf blindes Vertrauen setzen."
 
-#: template/index.html.j2:86
+#: template/index.html.j2:84
 msgid "Integrate"
 msgstr "Integration"
 
@@ -1106,9 +1112,6 @@ msgstr "FAQs (Frequently Asked Questions)"
 #~ "Taler-Wallets nach Verstreichen einer Nutzungsfrist. Ihre Höhe und die "
 #~ "Nutzungsfrist werden vom Systembetreiber bestimmt."
 
-#~ msgid "Get Started Now"
-#~ msgstr "Zur Demo-Seite"
-
 #~ msgid ""
 #~ "From a legal point of view, users can always turn to their national "
 #~ "authority responsible for settling disputes concerning the management of "
diff --git a/locale/en/LC_MESSAGES/messages.po 
b/locale/en/LC_MESSAGES/messages.po
index 17c8ba2..dc235b9 100644
--- a/locale/en/LC_MESSAGES/messages.po
+++ b/locale/en/LC_MESSAGES/messages.po
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 04:58+0100\n"
+"POT-Creation-Date: 2024-02-25 05:32+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -22,75 +22,75 @@ msgstr ""
 msgid "Taler Operations AG, Biel, Switzerland"
 msgstr ""
 
-#: common/footer.j2.inc:19 common/footer.old.j2.inc:15
+#: common/footer.j2.inc:11 common/footer.old.j2.inc:15
 msgid "Switzerland"
 msgstr ""
 
-#: common/footer.j2.inc:27 common/footer.old.j2.inc:23
+#: common/footer.j2.inc:19 common/footer.old.j2.inc:23
 msgid "Quick Links"
 msgstr ""
 
-#: common/footer.j2.inc:33 common/footer.old.j2.inc:28
+#: common/footer.j2.inc:23 common/footer.old.j2.inc:28
 msgid "Taler Operations AG Homepage"
 msgstr ""
 
-#: common/footer.j2.inc:35 common/footer.old.j2.inc:29
+#: common/footer.j2.inc:24 common/footer.old.j2.inc:29
 #: common/navigation/items.j2.inc:5
 msgid "Home"
 msgstr ""
 
-#: common/footer.j2.inc:44 common/footer.old.j2.inc:38
+#: common/footer.j2.inc:33 common/footer.old.j2.inc:38
 #: common/navigation/items.j2.inc:20 template/fees.html.j2:3
 #: template/fees.html.j2:14 template/fees.html.j2:29
 msgid "Fees"
 msgstr ""
 
-#: common/footer.j2.inc:49 common/footer.old.j2.inc:43
+#: common/footer.j2.inc:38 common/footer.old.j2.inc:43
 #: common/navigation/items.j2.inc:25
 msgid "Terms of Service"
 msgstr ""
 
-#: common/footer.j2.inc:57 common/footer.old.j2.inc:51
+#: common/footer.j2.inc:46 common/footer.old.j2.inc:51
 msgid "Partners"
 msgstr ""
 
-#: common/footer.j2.inc:65 common/footer.old.j2.inc:58
+#: common/footer.j2.inc:50 common/footer.old.j2.inc:58
 msgid "Taler Consortium"
 msgstr ""
 
-#: common/footer.j2.inc:74 common/footer.old.j2.inc:66
+#: common/footer.j2.inc:53 common/footer.old.j2.inc:66
 msgid "Bern&nbsp;University of Applied&nbsp;Sciences"
 msgstr ""
 
-#: common/footer.j2.inc:84 common/footer.old.j2.inc:75
+#: common/footer.j2.inc:58 common/footer.old.j2.inc:75
 msgid "NetzBon"
 msgstr ""
 
-#: common/footer.j2.inc:92 common/footer.old.j2.inc:83
+#: common/footer.j2.inc:66 common/footer.old.j2.inc:83
 msgid "Contacts"
 msgstr ""
 
-#: common/footer.j2.inc:96 common/footer.old.j2.inc:87
+#: common/footer.j2.inc:69 common/footer.old.j2.inc:87
 msgid "Tel:"
 msgstr ""
 
-#: common/footer.j2.inc:101 common/footer.old.j2.inc:92
+#: common/footer.j2.inc:72 common/footer.old.j2.inc:92
 msgid "Compliance Officer"
 msgstr ""
 
-#: common/footer.j2.inc:106 common/footer.old.j2.inc:97
+#: common/footer.j2.inc:76 common/footer.old.j2.inc:97
 msgid "AML Officer"
 msgstr ""
 
-#: common/footer.j2.inc:118 common/footer.old.j2.inc:110
+#: common/footer.j2.inc:85 common/footer.old.j2.inc:110
 msgid "Copyright"
 msgstr ""
 
-#: common/footer.j2.inc:121
+#: common/footer.j2.inc:86
 msgid "Licensed under the"
 msgstr ""
 
-#: common/footer.j2.inc:134
+#: common/footer.j2.inc:94
 msgid ""
 "We do not assume any liability for the correctness of contents. We do not "
 "collect any data and do not use cookies. </p> <p> Our web server generates a "
@@ -114,11 +114,11 @@ msgstr ""
 msgid "Skip to main content"
 msgstr ""
 
-#: common/navigation/items.j2.inc:10 template/index.html.j2:76
+#: common/navigation/items.j2.inc:10 template/index.html.j2:73
 msgid "For Merchants"
 msgstr ""
 
-#: common/navigation/items.j2.inc:15 template/index.html.j2:58
+#: common/navigation/items.j2.inc:15 template/index.html.j2:57
 msgid "For Users"
 msgstr ""
 
@@ -140,44 +140,48 @@ msgid ""
 "Switzerland."
 msgstr ""
 
-#: template/index.html.j2:16
+#: template/index.html.j2:20
 msgid "Welcome to <span class=\"text-accent-pure\">Taler Operations</span>!"
 msgstr ""
 
-#: template/index.html.j2:20
+#: template/index.html.j2:24
 msgid "Taler Operations runs the GNU Taler payment system in Switzerland."
 msgstr ""
 
-#: template/index.html.j2:24
+#: template/index.html.j2:28
 msgid ""
 "Taler Operations is not supervised by the Swiss Financial Market Supervisory "
 "Authority (FINMA). However, the cover amount (in Swiss francs) of your eCHF "
 "is deposited in a separate bank account."
 msgstr ""
 
-#: template/index.html.j2:35
+#: template/index.html.j2:39
 msgid "Swiss Franc coin with GNU head as face value"
 msgstr ""
 
-#: template/index.html.j2:60
+#: template/index.html.j2:49
+msgid "Getting Started with Taler"
+msgstr ""
+
+#: template/index.html.j2:59
 msgid ""
 "Taler provides the world with a payment solution that definitely makes sense "
 "in a society where privacy, data safety, technical security, and reliability "
 "become more and more crucial for everyone."
 msgstr ""
 
-#: template/index.html.j2:66
+#: template/index.html.j2:68
 msgid "Pay&nbsp;with&nbsp;Taler"
 msgstr ""
 
-#: template/index.html.j2:78
+#: template/index.html.j2:75
 msgid ""
 "Taler offers efficient payments and backoffice procedures with security, "
 "privacy and data minimization by design. Payers and payees can rely on "
 "technology, and do not need to purely rely on trust anymore."
 msgstr ""
 
-#: template/index.html.j2:86
+#: template/index.html.j2:84
 msgid "Integrate"
 msgstr ""
 
diff --git a/locale/fr/LC_MESSAGES/messages.po 
b/locale/fr/LC_MESSAGES/messages.po
index 79e2414..3c2f587 100644
--- a/locale/fr/LC_MESSAGES/messages.po
+++ b/locale/fr/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 04:58+0100\n"
+"POT-Creation-Date: 2024-02-25 05:32+0100\n"
 "PO-Revision-Date: 2024-02-12 18:13+0000\n"
 "Last-Translator: Stefan Kügel <skuegel@web.de>\n"
 "Language-Team: French <https://weblate.taler.net/projects/taler-ops/website/";
@@ -24,77 +24,77 @@ msgstr ""
 msgid "Taler Operations AG, Biel, Switzerland"
 msgstr "Taler Operations AG, Bienne, Suisse"
 
-#: common/footer.j2.inc:19 common/footer.old.j2.inc:15
+#: common/footer.j2.inc:11 common/footer.old.j2.inc:15
 msgid "Switzerland"
 msgstr ""
 
-#: common/footer.j2.inc:27 common/footer.old.j2.inc:23
+#: common/footer.j2.inc:19 common/footer.old.j2.inc:23
 msgid "Quick Links"
 msgstr "Liens directs"
 
-#: common/footer.j2.inc:33 common/footer.old.j2.inc:28
+#: common/footer.j2.inc:23 common/footer.old.j2.inc:28
 msgid "Taler Operations AG Homepage"
 msgstr "Page d'accueil Taler Operations AG"
 
-#: common/footer.j2.inc:35 common/footer.old.j2.inc:29
+#: common/footer.j2.inc:24 common/footer.old.j2.inc:29
 #: common/navigation/items.j2.inc:5
 msgid "Home"
 msgstr "Accueil"
 
-#: common/footer.j2.inc:44 common/footer.old.j2.inc:38
+#: common/footer.j2.inc:33 common/footer.old.j2.inc:38
 #: common/navigation/items.j2.inc:20 template/fees.html.j2:3
 #: template/fees.html.j2:14 template/fees.html.j2:29
 msgid "Fees"
 msgstr "Frais"
 
-#: common/footer.j2.inc:49 common/footer.old.j2.inc:43
+#: common/footer.j2.inc:38 common/footer.old.j2.inc:43
 #: common/navigation/items.j2.inc:25
 msgid "Terms of Service"
 msgstr "Conditions d'utilisation"
 
-#: common/footer.j2.inc:57 common/footer.old.j2.inc:51
+#: common/footer.j2.inc:46 common/footer.old.j2.inc:51
 msgid "Partners"
 msgstr "Partenaires"
 
-#: common/footer.j2.inc:65 common/footer.old.j2.inc:58
+#: common/footer.j2.inc:50 common/footer.old.j2.inc:58
 msgid "Taler Consortium"
 msgstr "Consortium Taler"
 
-#: common/footer.j2.inc:74 common/footer.old.j2.inc:66
+#: common/footer.j2.inc:53 common/footer.old.j2.inc:66
 #, fuzzy
 #| msgid "Bern University of Applied Sciences"
 msgid "Bern&nbsp;University of Applied&nbsp;Sciences"
 msgstr "Haute école spécialisée bernoise"
 
-#: common/footer.j2.inc:84 common/footer.old.j2.inc:75
+#: common/footer.j2.inc:58 common/footer.old.j2.inc:75
 msgid "NetzBon"
 msgstr "NetzBon"
 
-#: common/footer.j2.inc:92 common/footer.old.j2.inc:83
+#: common/footer.j2.inc:66 common/footer.old.j2.inc:83
 msgid "Contacts"
 msgstr "Contacts"
 
-#: common/footer.j2.inc:96 common/footer.old.j2.inc:87
+#: common/footer.j2.inc:69 common/footer.old.j2.inc:87
 msgid "Tel:"
 msgstr ""
 
-#: common/footer.j2.inc:101 common/footer.old.j2.inc:92
+#: common/footer.j2.inc:72 common/footer.old.j2.inc:92
 msgid "Compliance Officer"
 msgstr "Responsable de la conformité"
 
-#: common/footer.j2.inc:106 common/footer.old.j2.inc:97
+#: common/footer.j2.inc:76 common/footer.old.j2.inc:97
 msgid "AML Officer"
 msgstr "Agent de lutte contre le blanchiment d'argent"
 
-#: common/footer.j2.inc:118 common/footer.old.j2.inc:110
+#: common/footer.j2.inc:85 common/footer.old.j2.inc:110
 msgid "Copyright"
 msgstr "Droits d'auteur"
 
-#: common/footer.j2.inc:121
+#: common/footer.j2.inc:86
 msgid "Licensed under the"
 msgstr ""
 
-#: common/footer.j2.inc:134
+#: common/footer.j2.inc:94
 #, fuzzy
 msgid ""
 "We do not assume any liability for the correctness of contents. We do not "
@@ -130,11 +130,11 @@ msgstr ""
 msgid "Skip to main content"
 msgstr "Aller au menu principal"
 
-#: common/navigation/items.j2.inc:10 template/index.html.j2:76
+#: common/navigation/items.j2.inc:10 template/index.html.j2:73
 msgid "For Merchants"
 msgstr ""
 
-#: common/navigation/items.j2.inc:15 template/index.html.j2:58
+#: common/navigation/items.j2.inc:15 template/index.html.j2:57
 msgid "For Users"
 msgstr ""
 
@@ -158,46 +158,50 @@ msgid ""
 "Switzerland."
 msgstr "Taler Operations AG, Bienne, Suisse"
 
-#: template/index.html.j2:16
+#: template/index.html.j2:20
 msgid "Welcome to <span class=\"text-accent-pure\">Taler Operations</span>!"
 msgstr ""
 
-#: template/index.html.j2:20
+#: template/index.html.j2:24
 #, fuzzy
 #| msgid "Taler Operations AG, Biel, Switzerland"
 msgid "Taler Operations runs the GNU Taler payment system in Switzerland."
 msgstr "Taler Operations AG, Bienne, Suisse"
 
-#: template/index.html.j2:24
+#: template/index.html.j2:28
 msgid ""
 "Taler Operations is not supervised by the Swiss Financial Market Supervisory "
 "Authority (FINMA). However, the cover amount (in Swiss francs) of your eCHF "
 "is deposited in a separate bank account."
 msgstr ""
 
-#: template/index.html.j2:35
+#: template/index.html.j2:39
 msgid "Swiss Franc coin with GNU head as face value"
 msgstr ""
 
-#: template/index.html.j2:60
+#: template/index.html.j2:49
+msgid "Getting Started with Taler"
+msgstr ""
+
+#: template/index.html.j2:59
 msgid ""
 "Taler provides the world with a payment solution that definitely makes sense "
 "in a society where privacy, data safety, technical security, and reliability "
 "become more and more crucial for everyone."
 msgstr ""
 
-#: template/index.html.j2:66
+#: template/index.html.j2:68
 msgid "Pay&nbsp;with&nbsp;Taler"
 msgstr ""
 
-#: template/index.html.j2:78
+#: template/index.html.j2:75
 msgid ""
 "Taler offers efficient payments and backoffice procedures with security, "
 "privacy and data minimization by design. Payers and payees can rely on "
 "technology, and do not need to purely rely on trust anymore."
 msgstr ""
 
-#: template/index.html.j2:86
+#: template/index.html.j2:84
 msgid "Integrate"
 msgstr ""
 
diff --git a/locale/messages.pot b/locale/messages.pot
index fccb3dc..10ebd35 100644
--- a/locale/messages.pot
+++ b/locale/messages.pot
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-02-25 04:58+0100\n"
+"POT-Creation-Date: 2024-02-25 05:32+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -21,75 +21,75 @@ msgstr ""
 msgid "Taler Operations AG, Biel, Switzerland"
 msgstr ""
 
-#: common/footer.j2.inc:19 common/footer.old.j2.inc:15
+#: common/footer.j2.inc:11 common/footer.old.j2.inc:15
 msgid "Switzerland"
 msgstr ""
 
-#: common/footer.j2.inc:27 common/footer.old.j2.inc:23
+#: common/footer.j2.inc:19 common/footer.old.j2.inc:23
 msgid "Quick Links"
 msgstr ""
 
-#: common/footer.j2.inc:33 common/footer.old.j2.inc:28
+#: common/footer.j2.inc:23 common/footer.old.j2.inc:28
 msgid "Taler Operations AG Homepage"
 msgstr ""
 
-#: common/footer.j2.inc:35 common/footer.old.j2.inc:29
+#: common/footer.j2.inc:24 common/footer.old.j2.inc:29
 #: common/navigation/items.j2.inc:5
 msgid "Home"
 msgstr ""
 
-#: common/footer.j2.inc:44 common/footer.old.j2.inc:38
+#: common/footer.j2.inc:33 common/footer.old.j2.inc:38
 #: common/navigation/items.j2.inc:20 template/fees.html.j2:3
 #: template/fees.html.j2:14 template/fees.html.j2:29
 msgid "Fees"
 msgstr ""
 
-#: common/footer.j2.inc:49 common/footer.old.j2.inc:43
+#: common/footer.j2.inc:38 common/footer.old.j2.inc:43
 #: common/navigation/items.j2.inc:25
 msgid "Terms of Service"
 msgstr ""
 
-#: common/footer.j2.inc:57 common/footer.old.j2.inc:51
+#: common/footer.j2.inc:46 common/footer.old.j2.inc:51
 msgid "Partners"
 msgstr ""
 
-#: common/footer.j2.inc:65 common/footer.old.j2.inc:58
+#: common/footer.j2.inc:50 common/footer.old.j2.inc:58
 msgid "Taler Consortium"
 msgstr ""
 
-#: common/footer.j2.inc:74 common/footer.old.j2.inc:66
+#: common/footer.j2.inc:53 common/footer.old.j2.inc:66
 msgid "Bern&nbsp;University of Applied&nbsp;Sciences"
 msgstr ""
 
-#: common/footer.j2.inc:84 common/footer.old.j2.inc:75
+#: common/footer.j2.inc:58 common/footer.old.j2.inc:75
 msgid "NetzBon"
 msgstr ""
 
-#: common/footer.j2.inc:92 common/footer.old.j2.inc:83
+#: common/footer.j2.inc:66 common/footer.old.j2.inc:83
 msgid "Contacts"
 msgstr ""
 
-#: common/footer.j2.inc:96 common/footer.old.j2.inc:87
+#: common/footer.j2.inc:69 common/footer.old.j2.inc:87
 msgid "Tel:"
 msgstr ""
 
-#: common/footer.j2.inc:101 common/footer.old.j2.inc:92
+#: common/footer.j2.inc:72 common/footer.old.j2.inc:92
 msgid "Compliance Officer"
 msgstr ""
 
-#: common/footer.j2.inc:106 common/footer.old.j2.inc:97
+#: common/footer.j2.inc:76 common/footer.old.j2.inc:97
 msgid "AML Officer"
 msgstr ""
 
-#: common/footer.j2.inc:118 common/footer.old.j2.inc:110
+#: common/footer.j2.inc:85 common/footer.old.j2.inc:110
 msgid "Copyright"
 msgstr ""
 
-#: common/footer.j2.inc:121
+#: common/footer.j2.inc:86
 msgid "Licensed under the"
 msgstr ""
 
-#: common/footer.j2.inc:134
+#: common/footer.j2.inc:94
 msgid ""
 "We do not assume any liability for the correctness of contents. We do not"
 " collect any data and do not use cookies. </p> <p> Our web server "
@@ -114,11 +114,11 @@ msgstr ""
 msgid "Skip to main content"
 msgstr ""
 
-#: common/navigation/items.j2.inc:10 template/index.html.j2:76
+#: common/navigation/items.j2.inc:10 template/index.html.j2:73
 msgid "For Merchants"
 msgstr ""
 
-#: common/navigation/items.j2.inc:15 template/index.html.j2:58
+#: common/navigation/items.j2.inc:15 template/index.html.j2:57
 msgid "For Users"
 msgstr ""
 
@@ -140,44 +140,48 @@ msgid ""
 "Switzerland."
 msgstr ""
 
-#: template/index.html.j2:16
+#: template/index.html.j2:20
 msgid "Welcome to <span class=\"text-accent-pure\">Taler Operations</span>!"
 msgstr ""
 
-#: template/index.html.j2:20
+#: template/index.html.j2:24
 msgid "Taler Operations runs the GNU Taler payment system in Switzerland."
 msgstr ""
 
-#: template/index.html.j2:24
+#: template/index.html.j2:28
 msgid ""
 "Taler Operations is not supervised by the Swiss Financial Market "
 "Supervisory Authority (FINMA). However, the cover amount (in Swiss "
 "francs) of your eCHF is deposited in a separate bank account."
 msgstr ""
 
-#: template/index.html.j2:35
+#: template/index.html.j2:39
 msgid "Swiss Franc coin with GNU head as face value"
 msgstr ""
 
-#: template/index.html.j2:60
+#: template/index.html.j2:49
+msgid "Getting Started with Taler"
+msgstr ""
+
+#: template/index.html.j2:59
 msgid ""
 "Taler provides the world with a payment solution that definitely makes "
 "sense in a society where privacy, data safety, technical security, and "
 "reliability become more and more crucial for everyone."
 msgstr ""
 
-#: template/index.html.j2:66
+#: template/index.html.j2:68
 msgid "Pay&nbsp;with&nbsp;Taler"
 msgstr ""
 
-#: template/index.html.j2:78
+#: template/index.html.j2:75
 msgid ""
 "Taler offers efficient payments and backoffice procedures with security, "
 "privacy and data minimization by design. Payers and payees can rely on "
 "technology, and do not need to purely rely on trust anymore."
 msgstr ""
 
-#: template/index.html.j2:86
+#: template/index.html.j2:84
 msgid "Integrate"
 msgstr ""
 
diff --git a/static/scss/_link.scss b/static/scss/_link.scss
index 20d4e99..5b43fdd 100644
--- a/static/scss/_link.scss
+++ b/static/scss/_link.scss
@@ -1,11 +1,15 @@
 @mixin link {
   cursor: pointer;
-  color: var(--link-clr-overwrite, #4160ff);
   text-decoration: none;
   transition: all 0.3s;
   &:hover {
     text-decoration: underline;
-    color: var(--hover-link-clr-overwrite, #4f6cfe);
+  }
+  &:not(.no-clr) {
+    color: var(--link-clr-overwrite, #4160ff);
+    &:hover {
+      color: var(--hover-link-clr-overwrite, #4f6cfe);
+    }
   }
   .dark &,
   &.dark {
diff --git a/static/scss/pages/landing.scss b/static/scss/pages/landing.scss
index c61c718..b78a90a 100644
--- a/static/scss/pages/landing.scss
+++ b/static/scss/pages/landing.scss
@@ -1,3 +1,30 @@
 .welcome-to-taler-text {
   font-weight: 550;
 }
+.target-audience-selection {
+  @apply relative w-full bg-accent-pure pb-16 lg:pb-8;
+  &::before {
+    @apply w-screen bg-cover bg-no-repeat bg-center absolute left-0 
bottom-full;
+    content: '';
+    height: 217px;
+    background-image: url('/images/backgrounds/topbg.png');
+  }
+  &::after {
+    $start-black: 40%;
+    @apply hidden lg:block w-screen absolute left-0 bottom-full bg-slate-100;
+    content: '';
+    top: $start-black;
+    height: calc(100% - #{$start-black});
+    z-index: 5;
+  }
+  .target-audience-card {
+    @apply flex-1 max-w-xl relative z-10 text-black bg-white p-10 rounded-3xl 
flex flex-col
+    items-center justify-center text-center gap-6;
+    h3 {
+      @apply font-semibold text-3xl;
+    }
+    p {
+      @apply text-xl;
+    }
+  }
+}
diff --git a/static/scss/util.scss b/static/scss/util.scss
index e6de4ac..80cfe08 100644
--- a/static/scss/util.scss
+++ b/static/scss/util.scss
@@ -11,3 +11,14 @@
 .link {
   @include link;
 }
+.button {
+  @apply border-none px-6 py-4 transition-all inline-flex items-center 
justify-center rounded-3xl text-lg font-semibold;
+  &:not(.custom-button-clr-handling) {
+    &.accent {
+      @apply bg-accent-pure text-white bg-opacity-100 hover:bg-opacity-90;
+    }
+    &:not(.accent) {
+      @apply bg-gray-700 bg-opacity-0 hover:bg-opacity-10;
+    }
+  }
+}
diff --git a/template/index.html.j2 b/template/index.html.j2
index 01ec6f6..97bb6c8 100644
--- a/template/index.html.j2
+++ b/template/index.html.j2
@@ -7,88 +7,82 @@
 />
 <link href="{{ url_static('scss/pages/landing.scss') }}" rel="stylesheet" />
 {# <meta name="author" content="" /> #} {% endblock %} {% block body_content %}
-<main id="maincontent">
-  <div
-    class="hero flex flex-col md:flex-row min-h-[80vh] items-center 
justify-center gap-12"
-  >
-    <div class="left-section md:flex-1">
-      <h1 class="welcome-to-taler-text text-3xl">
-        {% trans %}Welcome to
-        <span class="text-accent-pure">Taler Operations</span>!{% endtrans %}
-      </h1>
-      <p class="text-xl mt-3 mb-2">
-        {% trans %}Taler Operations runs the GNU Taler payment system in
-        Switzerland.{% endtrans %}
-      </p>
-      <p class="text-xl notice-text">
-        {% trans %}Taler Operations is not supervised by the Swiss Financial
-        Market Supervisory Authority (FINMA). However, the cover amount (in
-        Swiss francs) of your eCHF is deposited in a separate bank account.{%
-        endtrans %}
-      </p>
-    </div>
+<main
+  id="maincontent"
+  class="no-auto-margin no-auto-width w-screen flex flex-col items-center"
+>
+  <div class="herocontainer max-w-screen-xl px-8 md:px-16">
     <div
-      class="right-section md:flex-1 flex flex-col items-center justify-center"
+      class="hero flex flex-col md:flex-row min-h-[80vh] items-center 
justify-center gap-12 sm:-mt-6 pb-8"
     >
-      <img
-        src="{{ url_static('images/unsorted/swiss_coin_5.png') }}"
-        alt="{% trans %}Swiss Franc coin with GNU head as face value{% 
endtrans %}"
-        width="256px"
-      />
+      <div class="left-section md:flex-1">
+        <h1 class="welcome-to-taler-text text-3xl">
+          {% trans %}Welcome to
+          <span class="text-accent-pure">Taler Operations</span>!{% endtrans %}
+        </h1>
+        <p class="text-xl mt-3 mb-2">
+          {% trans %}Taler Operations runs the GNU Taler payment system in
+          Switzerland.{% endtrans %}
+        </p>
+        <p class="text-xl notice-text">
+          {% trans %}Taler Operations is not supervised by the Swiss Financial
+          Market Supervisory Authority (FINMA). However, the cover amount (in
+          Swiss francs) of your eCHF is deposited in a separate bank account.{%
+          endtrans %}
+        </p>
+      </div>
+      <div
+        class="right-section md:flex-1 flex flex-col items-center 
justify-center"
+      >
+        <img
+          src="{{ url_static('images/unsorted/swiss_coin_5.png') }}"
+          alt="{% trans %}Swiss Franc coin with GNU head as face value{% 
endtrans %}"
+          width="256px"
+        />
+      </div>
     </div>
   </div>
 
-  <section class="digital_sec assetsSec benefitsPanel">
-    <div class="container">
-      {#
-      <!-- <div class="top_heading">
-                       <h2>{% trans %}Benefits of Taler{% endtrans %}</h2>
-                       <p>{% trans %}Taler is easy to integrate with existing 
Web applications. Payments are<br/>cryptographically secured and are confirmed 
within milliseconds<br/>with extremely low transaction costs.{% endtrans %}</p>
-               </div> -->
-      #}
-      <div class="digital_innr">
-        <div class="desk">
-          <div class="row">
-            <div class="col-lg-6 col-sm-6">
-              <div class="digital_box">
-                <img
-                  src="{{ url_static('images/unsorted/newpic2.png') }}"
-                  alt=""
-                />
-                <b>{% trans %}For Users{% endtrans %}</b>
-                <p>
-                  {% trans %}Taler provides the world with a payment solution
-                  that definitely makes sense in a society where privacy, data
-                  safety, technical security, and reliability become more and
-                  more crucial for everyone.{% endtrans %}
-                </p>
-                <a href="{{ url_localized('users.html') }}" class="lrean_btn"
-                  >{% trans %}Pay&nbsp;with&nbsp;Taler{% endtrans %}</a
-                >
-              </div>
-            </div>
-            <div class="col-lg-6 col-sm-6">
-              <div class="digital_box">
-                <img
-                  src="{{ url_static('images/unsorted/newpic1.png') }}"
-                  alt=""
-                />
-                <b>{% trans %}For Merchants{% endtrans %}</b>
-                <p>
-                  {% trans %}Taler offers efficient payments and backoffice
-                  procedures with security, privacy and data minimization by
-                  design. Payers and payees can rely on technology, and do not
-                  need to purely rely on trust anymore.{% endtrans %}
-                </p>
-                <a
-                  href="{{ url_localized('merchants.html') }}"
-                  class="lrean_btn"
-                  >{% trans %}Integrate{% endtrans %}</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
+  <section class="target-audience-selection">
+    <div class="flex items-center justify-center pt-16 pb-8">
+      <h2 class="text-3xl text-white font-semibold">
+        {% trans %}Getting Started with Taler{% endtrans %}
+      </h2>
+    </div>
+    <div
+      class="flex flex-col lg:flex-row items-center justify-center flex-wrap 
gap-16"
+    >
+      <div class="target-audience-card">
+        <img src="{{ url_static('images/unsorted/newpic2.png') }}" alt="" />
+        <h3>{% trans %}For Users{% endtrans %}</h3>
+        <p>
+          {% trans %}Taler provides the world with a payment solution that
+          definitely makes sense in a society where privacy, data safety,
+          technical security, and reliability become more and more crucial for
+          everyone.{% endtrans %}
+        </p>
+        <a
+          href="{{ url_localized('users.html') }}"
+          class="button accent"
+          role="button"
+          >{% trans %}Pay&nbsp;with&nbsp;Taler{% endtrans %}</a
+        >
+      </div>
+      <div class="target-audience-card">
+        <img src="{{ url_static('images/unsorted/newpic1.png') }}" alt="" />
+        <h3>{% trans %}For Merchants{% endtrans %}</h3>
+        <p>
+          {% trans %}Taler offers efficient payments and backoffice procedures
+          with security, privacy and data minimization by design. Payers and
+          payees can rely on technology, and do not need to purely rely on 
trust
+          anymore.{% endtrans %}
+        </p>
+        <a
+          href="{{ url_localized('merchants.html') }}"
+          class="button accent"
+          role="button"
+          >{% trans %}Integrate{% endtrans %}</a
+        >
       </div>
     </div>
   </section>

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.



reply via email to

[Prev in Thread] Current Thread [Next in Thread]