From 52afe885ecba97d8a59e9f1ed74c15334b5ac193 Mon Sep 17 00:00:00 2001
From: Christian Grothoff <christian@grothoff.org>
Date: Sun, 11 Oct 2020 17:30:09 +0200
Subject: improving landing template

---
 talermerchantdemos/landing/templates/index.html.j2 | 62 ++++++++++------------
 1 file changed, 28 insertions(+), 34 deletions(-)

(limited to 'talermerchantdemos/landing/templates')

diff --git a/talermerchantdemos/landing/templates/index.html.j2 b/talermerchantdemos/landing/templates/index.html.j2
index 100aa4c..84d46fe 100644
--- a/talermerchantdemos/landing/templates/index.html.j2
+++ b/talermerchantdemos/landing/templates/index.html.j2
@@ -1,9 +1,11 @@
 {% extends "templates/base.html.j2" %}
 {% block main %}
     <article>
-      <h2>{{ gettext("Step 1: Install the Taler wallet")}}</h2>
-        {{ gettext('Install the wallet from the <a href="{link}">installation page</a>.").format(link="https://wallet.taler.net/") + "<br>" +
-           gettext('Installation only takes one click.') }}
+      <h2>{{ gettext("Step 1: Install the Taler wallet") }}</h2>
+       {{
+           gettext('Install the wallet from the <a href="{link}">installation page</a>.').format(link="https://wallet.taler.net/") + "<br>" +
+           gettext('Installation only takes one click.')
+       }}
       <p class="bluebox taler-installed-hide">
         You do not have a wallet installed yet.
       </p>
@@ -17,9 +19,9 @@
       <h2>{{ gettext("Step 2: Withdraw coins") }}</h2>
       <p>
         {{
-        gettext('Next you can withdraw coins into your wallet by going to our <a href="{bank}">bank</a>.').format(bank=bank_url) + "<br>" +
-        gettext('In this demo you are paying with {currency}, an imaginary currency.').format(currency=merchant_currency) + "<br>" +
-        gettext('When you create an account at our bank, you will receive 100 {currency} for free.').format(currency=merchant_currency)
+          gettext('Next you can withdraw coins into your wallet by going to our <a href="{bank}">bank</a>.').format(bank=bank_url) + "<br>" +
+          gettext('In this demo you are paying with {currency}, an imaginary currency.').format(currency=merchant_currency) + "<br>" +
+          gettext('When you create an account at our bank, you will receive 100 {currency} for free.').format(currency=merchant_currency)
         }}
       </p>
       <p class="graybox">
@@ -29,54 +31,46 @@
 
     <article>
       <h2>{{ gettext("Step 3: Pay") }}</h2>
-        {{ gettext("We have two demo merchants where you can spend your coins:") }}
+        {{
+           gettext("We have two demo merchants where you can spend your coins:")
+        }}
         <ul>
           <li>
             {{
-            gettext('At the <a href="{blog}">essay store</a>, where you can pay in {currency} for individual chapters of Richard Stallman's book &quot;Free Software, Free Society&quot;.').format(blog=merchant_blog_url,currency=merchant_currency) + "<br>" +
-            gettext('The book is also available for free at <a href="{fsf}">the FSF</a>.').format(fsf="http://www.fsf.org/")
+              gettext('At the <a href="{blog}">essay store</a> you can pay in {currency} for individual chapters of Richard Stallman&#39;s book &quot;Free Software, Free Society&quot;.').format(blog=merchant_blog_url,currency=merchant_currency) + "<br>" +
+              gettext('The book is also available for free at <a href="{fsf}">the FSF</a>.').format(fsf="http://www.fsf.org/")
             }}
           </li>
           <li>
             {{
-            gettext('At the <a href="{donations}">project donation website</a> you can show respect to a software project of your choice by donating {currency} to them.').format(donations=merchant_donations_url,currency=merchant_currency)
+              gettext('At the <a href="{donations}">project donation website</a> you can show respect to a software project of your choice by donating {currency} to them.').format(donations=merchant_donations_url,currency=merchant_currency)
             }}
           </li>
         </ul>
     </article>
     <article>
       <h2>{{ gettext("Step 4: Check money flow") }}</h2>
-        <ul>
-          <li>
-            {{
-            gettext('To check if people who received your Taler payment got eventually paid by the exchange via a wire transfer visit the <a href="{bank}/public-accounts">public accounts page</a> at the bank.').format(bank=bank_url) + "<br>" +
-            gettext('Note that only accounts set to be publicly viewable are shown on that page.')
-            }}
-          </li>
-        </ul>
-    </article>
+        {{
+          gettext('To check if people who received your Taler payment got eventually paid by the exchange via a wire transfer visit the <a href="{bank}/public-accounts">public accounts page</a> at the bank.').format(bank=bank_url) + "<br>" +
+              gettext('Note that only accounts set to be publicly viewable are shown on that page.')
+        }}
+      </article>
     <article>
       <h2>{{ gettext("Step 5: Survey") }}</h2>
-        <ul>
-          <li>
-            {{
-              gettext("Websites can give tips to visitors for completing tasks.") + "<br>" +
-              gettext('Go earn some coins by filling in our <a href="{url}">survey</a>.').format(url=merchant_survey_url)
-            }}
-          </li>
-        </ul>
+         {{
+           gettext("Websites can give tips to visitors for completing tasks.") + "<br>" +
+           gettext('Go earn some coins by filling in our <a href="{url}">survey</a>.').format(url=merchant_survey_url)
+         }}
     </article>
     <!-- article>
       <h2>Step 6: Are you a merchant? Taler has a build-in back-office!</h2>
-        <ul>
-          <li>
-            If you are a merchant, you can check the <a href="{{ backoffice_url }}">back-office</a>
-            website to see how your Taler transactions got payed back by bank wire transfers.
-          </li>
-        </ul>
+         If you are a merchant, you can check the <a href="{{ backoffice_url }}">back-office</a>
+         website to see how your Taler transactions got payed back by bank wire transfers.
     </article -->
     <article>
       <h2>{{ gettext("Step 6: Reach out to us") }}</h2>
-      {{ gettext('Let us know what you think by <a href="{link}">contacting us</a>.').format(link="mailto:demo-feedback@taler.net") }}
+      {{
+         gettext('Let us know what you think by <a href="{link}">contacting us</a>.').format(link="mailto:demo-feedback@taler.net")
+      }}
     </article>
 {% endblock %}
-- 
cgit v1.2.3