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

Changeset - 051649190880

Parent rev.

Child rev.

[Not reviewed]

feature-responsive-design

0 1 0

Dennis Fink - 7 years ago 2017-10-17 14:32:02
dennis.fink@c3l.lu

Make index page more responsive

1 file changed with 7 insertions and 9 deletions:

ennstatus/templates/root/index.html

0 comments (0 inline, 0 general)

ennstatus/templates/root/index.html

➞

Show inline comments

@@ @@ -25,10 +25,10 @@ @@
 {% endblock %}
 {% block content %}
   <div class="col-md-4">
     <img class="img-rounded center-block" alt="FVDE_Logo" src="{{ url_for('static', filename='images/logo/FVDE_logo_resize.png') }}"></img>
   <div class="col-xs-12 col-sm-6 col-md-4">
     <img class="img-responsive img-rounded center-block" alt="FVDE_Logo" src="{{ url_for('static', filename='images/logo/FVDE_logo_resize.png') }}"></img>
   </div>
   <div class="col-md-8">
+  <div class="col-xs-12 col-sm-6 col-md-8">
     <div class="jumbotron">
       <h2>Frënn vun der Ënn A.S.B.L.</h2>
 	    <p><em>Luxembourg based non-profit organization defending civil rights on the internet.</em></p>
@@ @@ -39,9 +39,7 @@ @@
       <span class="highlighted-label pull-right"><a href="https://twitter.com/FrennVunDerEnn" target="blank"><span class="label label-info">@FrennVunDerEnn</span></a></span>
     </div>
   </div>
   <div class="col-md-1">
   </div>
   <div class="col-md-8">
   <div class="col-sm-12 col-md-offset-1 col-md-8">
     <blockquote>
       <p>
         <em>I support <abbr title="Frënn vun der Ënn a.s.b.l.">FVDE</abbr> because even small organizations can contribute to protect fundamental civil rights. This noble goal can be pursued by making use of technology and putting knowledge to the service of users who want to maintain their privacy.</em>
@@ @@ -49,13 +47,13 @@ @@
       </p>
     </blockquote>
   </div>
   <div class="col-md-3">
+  <div class="col-sm-12 col-md-3">
     <blockquote>
       <a href="https://vimeo.com/160952562" target="blank"><h2 class="text-center">Privacy is the right to a free mind!</h2></a>
       <footer>Edward J. Snowden</footer>
     </blockquote>
   </div>
   <div class="col-md-6">
+  <div class="col-sm-12 col-md-6">
     <div class="embed-responsive embed-responsive-16by9">
       <video id="tor-animation" width="560" height="315" controls preload="none" class="video-js vjs-default-skin vjs-big-play-centered embed-responsive-item" data-setup="">
         <source src="{{ url_for('static', filename='videos/Tor_Animation.webm') }}" type='video/webm' />
@@ @@ -85,7 +83,7 @@ @@
       </video>
     </div>
   </div>
   <div class="col-md-6">
+  <div class="col-sm-12 col-md-6">
       <p class=lead>
         <br>
         Tor is free software and an open network that helps you defend against network surveillance and preserve your personal freedom and privacy on the Internet.

0 comments (0 inline, 0 general)