donate: Make help texts narrow as the rest of the page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/donate/donate.html b/src/templates/donate/donate.html
index d0271b2e50b3fd37f930a50a352649e20f09ae96..37eacff86a6483ece4327dc147b8dcceb2406e88 100644 (file)
--- a/src/templates/donate/donate.html
+++ b/src/templates/donate/donate.html
@@ -246,130 +246,134 @@
 
        <section>
                <div class="container">
-                       <h5>Why should I donate?</h5>
+                       <div class="row justify-content-center">
+                               <div class="col-12 col-md-8">
+                                       <h5>Why should I donate?</h5>
 
-                       <p>
-                               At IPFire, we are working hard to provide you with a free firewall distribution
-                               that is like no other. We release updates regularly and enhance functionality
-                               to make IPFire more secure, faster and easier to use.
-                       </p>
+                                       <p>
+                                               At IPFire, we are working hard to provide you with a free firewall distribution
+                                               that is like no other. We release updates regularly and enhance functionality
+                                               to make IPFire more secure, faster and easier to use.
+                                       </p>
 
-                       <p>
-                               To achieve our high standards that we have set for ourselves, we need your help.
+                                       <p>
+                                               To achieve our high standards that we have set for ourselves, we need your help.
 
-                               Only with your donation, we can get the right tools, people and utilities that
-                               we need to make our work most efficient and reach our maximum potential.
+                                               Only with your donation, we can get the right tools, people and utilities that
+                                               we need to make our work most efficient and reach our maximum potential.
 
-                               Only with your donation, we can achieve our vision to make the Internet a safer
-                               place that is fair for everyone and giving equal opportunities.
-                       </p>
+                                               Only with your donation, we can achieve our vision to make the Internet a safer
+                                               place that is fair for everyone and giving equal opportunities.
+                                       </p>
 
-                       <h5>How much should I give?</h5>
+                                       <h5>How much should I give?</h5>
 
-                       <p>
-                               We are grateful for every single donation, but of course, we appreciate
-                               if you help us as much as you can.
-                       </p>
+                                       <p>
+                                               We are grateful for every single donation, but of course, we appreciate
+                                               if you help us as much as you can.
+                                       </p>
 
-                       <p>
-                               We rely on steady contributions from companies to keep the project healthy
-                               and encourage them to set up a monthly donation.
-                       </p>
+                                       <p>
+                                               We rely on steady contributions from companies to keep the project healthy
+                                               and encourage them to set up a monthly donation.
+                                       </p>
 
-                       <div class="faq">
-                               <h5>Frequently Asked Questions</h5>
+                                       <div class="faq">
+                                               <h5>Frequently Asked Questions</h5>
 
-                               <p>
-                                       <a data-toggle="collapse" href="#faq-bank-transfer">
-                                               Do you accept bank transfer via SEPA?
-                                       </a>
-                               </p>
+                                               <p>
+                                                       <a data-toggle="collapse" href="#faq-bank-transfer">
+                                                               Do you accept bank transfer via SEPA?
+                                                       </a>
+                                               </p>
 
-                               <div class="collapse" id="faq-bank-transfer">
-                                       <p>
-                                               We do accept direct transfers through SEPA. These are our bank details:
-                                       </p>
+                                               <div class="collapse" id="faq-bank-transfer">
+                                                       <p>
+                                                               We do accept direct transfers through SEPA. These are our bank details:
+                                                       </p>
 
-                                       <dl>
-                                               <dt>IBAN</dt>
-                                               <dd>DE76 3605 0105 1010 8206 84</dd>
+                                                       <dl>
+                                                               <dt>IBAN</dt>
+                                                               <dd>DE76 3605 0105 1010 8206 84</dd>
 
-                                               <dt>BIC</dt>
-                                               <dd>SPESDE3EXXX</dd>
-                                       </dl>
-                               </div>
+                                                               <dt>BIC</dt>
+                                                               <dd>SPESDE3EXXX</dd>
+                                                       </dl>
+                                               </div>
 
-                               <p>
-                                       <a data-toggle="collapse" href="#faq-address">
-                                               Why do you need my address in order to process a donation?
-                                       </a>
-                               </p>
+                                               <p>
+                                                       <a data-toggle="collapse" href="#faq-address">
+                                                               Why do you need my address in order to process a donation?
+                                                       </a>
+                                               </p>
 
-                               <div class="collapse" id="faq-address">
-                                       <p>
-                                               We understand that your privacy is very important.
-                                       </p>
+                                               <div class="collapse" id="faq-address">
+                                                       <p>
+                                                               We understand that your privacy is very important.
+                                                       </p>
 
-                                       <p>
-                                               We ask for a minimum amount of information required to process
-                                               credit card donations, including billing addresses.
-                                               This allows our payment processor to verify your identity,
-                                               process your payment, and prevent fraudulent charges to your credit card.
-                                       </p>
+                                                       <p>
+                                                               We ask for a minimum amount of information required to process
+                                                               credit card donations, including billing addresses.
+                                                               This allows our payment processor to verify your identity,
+                                                               process your payment, and prevent fraudulent charges to your credit card.
+                                                       </p>
 
-                                       <p>
-                                               We keep your information private - if you have questions, please refer to
-                                               Lightning Wire Labs' <a href="https://www.lightningwirelabs.com/legal">Privacy Policy</a>.
-                                       </p>
+                                                       <p>
+                                                               We keep your information private - if you have questions, please refer to
+                                                               Lightning Wire Labs' <a href="https://www.lightningwirelabs.com/legal">Privacy Policy</a>.
+                                                       </p>
 
-                                       <p>
-                                               If you would rather not fill in your information on our online donation form,
-                                               you can send your donation via SEPA bank transfer.
-                                       </p>
-                               </div>
+                                                       <p>
+                                                               If you would rather not fill in your information on our online donation form,
+                                                               you can send your donation via SEPA bank transfer.
+                                                       </p>
+                                               </div>
 
-                               <p>
-                                       <a data-toggle="collapse" href="#faq-tax-deduction">
-                                               Is my donation tax deductible?
-                                       </a>
-                               </p>
+                                               <p>
+                                                       <a data-toggle="collapse" href="#faq-tax-deduction">
+                                                               Is my donation tax deductible?
+                                                       </a>
+                                               </p>
 
-                               <div class="collapse" id="faq-tax-deduction">
-                                       <p>
-                                               IPFire is not registered as a charitable organization and therefore donations
-                                               are not tax deductible in Germany or the European Union.
-                                       </p>
+                                               <div class="collapse" id="faq-tax-deduction">
+                                                       <p>
+                                                               IPFire is not registered as a charitable organization and therefore donations
+                                                               are not tax deductible in Germany or the European Union.
+                                                       </p>
 
-                                       <p>
-                                               For donors outside of the European Union, please consult your tax advisor
-                                               about whether your donation is tax deductible.
-                                       </p>
-                               </div>
+                                                       <p>
+                                                               For donors outside of the European Union, please consult your tax advisor
+                                                               about whether your donation is tax deductible.
+                                                       </p>
+                                               </div>
 
-                               <p>
-                                       <a data-toggle="collapse" href="#faq-cancel">
-                                               How do I cancel or change my recurring donation?
-                                       </a>
-                               </p>
+                                               <p>
+                                                       <a data-toggle="collapse" href="#faq-cancel">
+                                                               How do I cancel or change my recurring donation?
+                                                       </a>
+                                               </p>
 
-                               <div class="collapse" id="faq-cancel">
-                                       <p>
-                                               Your credit card statements or bank statements will contain a link
-                                               that you can follow to cancel your donation at any time.
-                                       </p>
-                               </div>
+                                               <div class="collapse" id="faq-cancel">
+                                                       <p>
+                                                               Your credit card statements or bank statements will contain a link
+                                                               that you can follow to cancel your donation at any time.
+                                                       </p>
+                                               </div>
 
-                               <p>
-                                       <a data-toggle="collapse" href="#faq-email">
-                                               Who can I email directly with questions about donating?
-                                       </a>
-                               </p>
+                                               <p>
+                                                       <a data-toggle="collapse" href="#faq-email">
+                                                               Who can I email directly with questions about donating?
+                                                       </a>
+                                               </p>
 
-                               <div class="collapse" id="faq-email">
-                                       <p>
-                                               If you have a question about donating to the IPFire Project,
-                                               please contact us at <a href="mailto:donate@ipfire.org">donate@ipfire.org</a>.
-                                       </p>
+                                               <div class="collapse" id="faq-email">
+                                                       <p>
+                                                               If you have a question about donating to the IPFire Project,
+                                                               please contact us at <a href="mailto:donate@ipfire.org">donate@ipfire.org</a>.
+                                                       </p>
+                                               </div>
+                                       </div>
                                </div>
                        </div>
                </div>

diff --git a/src/web/donate.py b/src/web/donate.py
index 0da907097142e9a221e434ad23f990d3766699fd..22536104e8426ca83acb57aa2da0d8c10bf8923e 100644 (file)
--- a/src/web/donate.py
+++ b/src/web/donate.py
@@ -37,7 +37,7 @@ class DonateHandler(base.BaseHandler):
                if not frequency in ("one-time", "monthly"):
                        frequency = "one-time"
 
-               self.render("donate.html", countries=iso3166.countries,
+               self.render("donate/donate.html", countries=iso3166.countries,
                        country=country, amount=amount, currency=currency, frequency=frequency)
 
        @tornado.gen.coroutine