C3L/C3L-Membership-Online-Form Changeset - eac8ab19899c · Chaos Computer Club Lëtzebuerg Projects

Changeset - eac8ab19899c

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

Dennis Fink - 3 years ago 2022-05-11 11:37:47
dennis.fink@c3l.lu

Use flex for the menu

2 files changed with 19 insertions and 15 deletions:

c3l_membership/static/style.css

c3l_membership/templates/index.html

0 comments (0 inline, 0 general)

c3l_membership/static/style.css

➞

Show inline comments

@@ @@ -42,12 +42,18 @@ p { @@
 .text-justify {
   text-align: justify;
+}
 legend {
   font-weight: bold;
   font-size: 1.25em;
+}
 h4 {
   margin-bottom: 0.5em;
+}
 .menu {
   display: flex;
   justify-content: space-between;
   margin-bottom: 1.5em;
+}

c3l_membership/templates/index.html

➞

Show inline comments

@@ @@ -5,39 +5,37 @@ @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{% trans %}C3L Membership Application{% endtrans %}</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='pure-min.css') }}" />
     <link rel="stylesheet" href="{{ url_for('static', filename='grids-responsive-min.css') }}" />
     <link rel="stylesheet" href="{{ url_for('static', filename='flag-icons.css') }}" />
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
   </head>
   <body>
     <div class="pure-g">
       <div class="pure-u-md-1-3"></div>
       <div class="pure-u-1-1 pure-u-md-1-3">
         <div class="pure-menu pure-menu-horizontal">
           <ul class="pure-menu-list">
             <li class="pure-menu-item">
               <a href="{{ url_for("root.index", lang_code="en") }}" class="pure-menu-link"><span class="fi fi-gb"></span> English</a>
             </li>
             <li class="pure-menu-item">
               <a href="{{ url_for("root.index", lang_code="lb") }}" class="pure-menu-link"><span class="fi fi-lu"></span> Lëtzebuergesch</a>
             </li>
             <li class="pure-menu-item">
               <a href="{{ url_for("root.index", lang_code="de") }}" class="pure-menu-link"><span class="fi fi-de"></span> Deutsch</a>
             </li>
             <li class="pure-menu-item">
               <a href="{{ url_for("root.index", lang_code="fr") }}" class="pure-menu-link"><span class="fi fi-fr"></span> Français</a>
             </li>
           </ul>
         <div class="menu">
           <div>
             <a href="{{ url_for("root.index", lang_code="en") }}" class="pure-menu-link"><span class="fi fi-gb"></span> English</a>
           </div>
           <div>
             <a href="{{ url_for("root.index", lang_code="lb") }}" class="pure-menu-link"><span class="fi fi-lu"></span> Lëtzebuergesch</a>
           </div>
           <div>
             <a href="{{ url_for("root.index", lang_code="de") }}" class="pure-menu-link"><span class="fi fi-de"></span> Deutsch</a>
           </div>
           <div>
             <a href="{{ url_for("root.index", lang_code="fr") }}" class="pure-menu-link"><span class="fi fi-fr"></span> Français</a>
           </div>
         </div>
       </div>
       <div class="pure-u-md-1-3"></div>
     </div>
     <div class="pure-g">
       <div class="pure-u-md-1-3"></div>
       <div class="pure-u-1-1 pure-u-md-1-3">
         <img src="{{ url_for('static', filename='images/logo.png') }}" class="pure-img" />
         <h1>{% trans %}Membership Application{% endtrans %}</h1>
         <h2>{% trans %}How to use this form?{% endtrans %}</h2>
         <p>{% trans %}Fill out this form and click on "Become a member". Afterwards you will be presented with a PDF, which you have to sign and send to info@c3l.lu or bring it to one of our next events. Print it or save it to your local hardware, because we don't save a copy on our servers for data protection reasons!{% endtrans %}</p>
         {% if form.errors %}

0 comments (0 inline, 0 general)