FVDE/ennstatus Changeset - 53ca8cdd7a63 · Chaos Computer Club Lëtzebuerg Projects

Changeset - 53ca8cdd7a63

Parent rev.

Child rev.

[Not reviewed]

feature-responsive-design

0 1 0

Dennis Fink - 7 years ago 2017-10-17 16:17:11
dennis.fink@c3l.lu

Make donate page more responsive

1 file changed with 8 insertions and 8 deletions:

ennstatus/templates/donate/index.html

0 comments (0 inline, 0 general)

ennstatus/templates/donate/index.html

➞

Show inline comments

@@ @@ -17,28 +17,28 @@ @@
 {% extends "base.html" %}
 {% set title = "Donate" %}
 {% block content %}
   <div class="col-md-4">
+  <div class="col-md-4 visible-md visible-lg">
     <img src="{{ url_for('static', filename='images/Support.png') }}" class="img-responsive img-rounded center-block" alt="WhoIs" width="160"></img>
     <div class="text-center">
       <h2>Support us!</h2>
     </div>
   </div>
   <div class="col-md-8">
+  <div class="col-sm-12 col-md-8">
     <div class="jumbotron">
       <h2>Take action for a <strong>#FreeInternet</strong>! Support us today!</h2>
       <p>As a non-profit organization we are 100% community funded. Donations from our members and supporters will be used to <strong>power Tor nodes</strong>, <strong>print flyers and posters</strong> or cover administrative charges.</p>
       <span class='highlighted-label'><a href="{{ url_for('donate.received') }}"><span class="label label-info">Donation history</span></a></span>
       <span class='highlighted-label'><a href="{{ url_for('root.bridgeprogram') }}"><span class="label label-primary">Adopt a Tor Bridge</span></a></span>
     </div>
   </div>
   <div class="col-md-12">
     <div class="col-md-4">
+    <div class="col-xs-12 col-sm-6 col-md-4">
       <div class="thumbnail">
         <center>
           <h3>Wire Transfer </h3>
         </center>
         <div class="well well-sm">
           <p>
@@ @@ -54,13 +54,13 @@ @@
          <strong>IBAN:</strong> LU29 0019 2855 3890 4000<br>
          <strong>Subject:</strong> Donation FVDE<br>
        </p>
        </div>
       </div>
     </div>
     <div class="col-md-4 clearfix">
+    <div class="col-xs-12 col-sm-6 col-md-4 clearfix">
       <div class="thumbnail">
         <center>
           <h3>SnailMail</h3>
         </center>
         <div class="well well-sm">
            <address>
@@ @@ -71,13 +71,13 @@ @@
                     {{ config['ENNSTATUS_POSTAL_CODE'] }}, {{ config['ENNSTATUS_CITY'] }}<br>
                     {{ config['ENNSTATUS_COUNTRY'] }}, {{ config['ENNSTATUS_CONTINENT'] }}<br>
           </address>
         </div>
       </div>
     </div>
     <div class="col-md-4">
+    <div class="col-xs-12 col-sm-6 col-md-4">
       <div class="thumbnail">
         <center>
           <h3>Bitcoin</h3>
         </center>
         <div class="well well-sm">
          <center>
@@ @@ -88,13 +88,13 @@ @@
          </center>
         </div>
       </div>
     </div>
   </div>
   <div class="col-md-12">
     <div class="col-md-4">
+    <div class="col-xs-12 col-sm-6 col-md-4">
       <div class="thumbnail">
         <center>
           <h3>PayPal <small><span class="label label-danger">high fees</span></small></h3>
           <div class="well well-sm">
             <p>Use your existing PayPal account or check-out as guest. (Credit cards accepted)</p>
             <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
@@ @@ -104,26 +104,26 @@ @@
     		      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
             </form>
           </div>
         </center>
       </div>
     </div>
     <div class="col-md-4">
+    <div class="col-xs-12 col-sm-6 col-md-4">
       <div class="thumbnail">
         <center>
           <h3>Flattr</h3>
           <div class="well well-sm">
             <p>Flattr us!</p>
             <a href="https://flattr.com/submit/auto?user_id=FVDE&url=https%3A%2F%2Fenn.lu/donate/flattr" target="_blank">
               <img src="https://button.flattr.com/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0"></img>
             </a>
           </div>
         </center>
       </div>
     </div>
     <div class="col-md-4">
+    <div class="col-xs-12 col-sm-6 col-md-4">
       <div class="thumbnail">
         <center>
           <h3>Patreon</h3>
           <div class="well well-sm">
             <p>Support us!</p>
             <a href="https://www.patreon.com/FVDE?utm_medium=social&ty=h&utm_campaign=creatorshare" target="_blank">

0 comments (0 inline, 0 general)