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

@@ @@ -20,13 +20,13 @@ @@
 {% 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>
@@ @@ -35,7 +35,7 @@ @@
     </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>
@@ @@ -57,7 +57,7 @@ @@
        </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>
@@ @@ -74,7 +74,7 @@ @@
         </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>
@@ @@ -91,7 +91,7 @@ @@
     </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>
@@ @@ -107,7 +107,7 @@ @@
         </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>
@@ @@ -120,7 +120,7 @@ @@
         </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>

0 comments (0 inline, 0 general)