]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blobdiff - templates/static/get-involved.html
basic styling Donate page
[people/shoehn/ipfire.org.git] / templates / static / get-involved.html
index acc59c04f1cece0a31433cf3822a325e9998c7ac..559aab2c5fd04ca59ae5079d47eb59224b1a8f3f 100644 (file)
 {% block title %}{{ _("Get Involved") }}{% end block %}
 
 {% block container %}
-       <div class="container features-content">
-               <section class="content col-12">
-                       <h3 class="headline mb-5">{{ _("Join the IPFire Community") }}</h3>
-                       
-                       <div class="row">
-                               <div class="col-md-4 text-center">
-                                       <a href="/chat" class="link-normal">
-                                               <span class="fa fa-4x fa-wechat"></span>
-                                               <h3>{{ _("Chat") }}</h3>
-                                       </a>
-                               </div>
-       
-                               <div class="col-md-4 text-center">
-                                       <a href="//forum.ipfire.org" class="link-normal">
-                                               <span class="fa fa-4x fa-users"></span>
-                                               <h3>{{ _("Forums") }}</h3>
-                                       </a>
-                               </div>
-       
-                               <div class="col-md-4 text-center">
-                                       <a href="http://lists.ipfire.org" class="link-normal">
-                                               <span class="fa fa-4x fa-envelope-o"></span>
-                                               <h3>{{ _("Mailing Lists") }}</h3>
-                                       </a>
-                               </div>
-                       </div>
-               </section>
-               
-               <section class="content col-12">
-                       <h3 class="headline mb-5">{{ _("Contribute") }}</h3>
-                       
-                       <section id="community_support">                                
-                               <h4 class="secondHeadline">{{ _("Provide Community Support") }}</h4>
-                               <p class="copy">
-                                       {% if lang == "de" %}
-                                               Werde Teil der wundervollen Gemeinschaft von IPFire und helfe
-                                               Einsteigern bei ihren ersten Schritten. Bring dich ein in Diskussionen
-                                               rund um das Projekt in <a href="/chat">Chaträumen</a>, dem
-                                               <a href="//forum.ipfire.org">IPFire Forum</a>, und
-                                               den <a href="//lists.ipfire.org/">Mailinglisten</a>.
-                                       {% else %}
-                                               Join the wonderful IPFire Community and help other people getting started with IPFire.
-                                               Take part in discussions all around the project on our <a href="/chat">channels</a>,
-                                               the <a href="//forum.ipfire.org">IPFire Forums</a>, and
-                                               <a href="//lists.ipfire.org/">Mailing Lists</a>.
-                                       {% end %}
-                               </p>
+       <div class="container">
+               <div class="row mb-5">
+                       <section class="features-content col-12">
+                               <h2 class="display-2 text-center">{{ _("Join the IPFire Community") }}</h2>
                                
-                               <div class="btn-toolbar">
-                                       <a class="btn btn-default" href="http://forum.ipfire.org/search.php?search_id=unanswered">
-                                               {{ _("Unanswered questions on the forums") }}
-                                       </a>
-                                       <a class="btn btn-default" href="/chat">{{ _("On our Jabber/IRC channels") }}</a>
+                               <div class="row">
+                                       <div class="col-md-4 text-center">
+                                               <a href="/chat" class="link-normal">
+                                                       <span class="fa fa-4x fa-wechat"></span>
+                                                       <h3>{{ _("Chat") }}</h3>
+                                               </a>
+                                       </div>
+               
+                                       <div class="col-md-4 text-center">
+                                               <a href="//forum.ipfire.org" class="link-normal">
+                                                       <span class="fa fa-4x fa-users"></span>
+                                                       <h3>{{ _("Forums") }}</h3>
+                                               </a>
+                                       </div>
+               
+                                       <div class="col-md-4 text-center">
+                                               <a href="http://lists.ipfire.org" class="link-normal">
+                                                       <span class="fa fa-4x fa-envelope-o"></span>
+                                                       <h3>{{ _("Mailing Lists") }}</h3>
+                                               </a>
+                                       </div>
                                </div>
                        </section>
-                       
-                       <div class="divider"></div>
-                               
-                       <section id="documentation">
-                               <h4 class="secondHeadline">{{ _("Improve our Documentation") }}</h4>
-                               <p class="copy">
-                                       {% if lang == "de" %}
-                                               Das <a href="//wiki.ipfire.org">IPFire Wiki</a> beinhaltet Dokumentation
-                                               über IPFire und beantwortet alle Fragen. Hast du etwas gefunden, das
-                                               undokumentiert, nicht vollständig ist oder Überarbeitung bedarf?
-                                               Logge dich ein und editiere gleich los.
-                                       {% else %}
-                                               The <a href="//wiki.ipfire.org">IPFire Wiki</a> is the source of documentation
-                                               and answers all questions about IPFire. Found something that needs to be
-                                               documented, improved, or rewritten? Sign up and get it done!
-                                       {% end %}
-                               </p>
-                               
-                               <a class="btn btn-default" href="http://wiki.ipfire.org">{{ _("IPFire Wiki") }}</a>
-                       </section>
+               </div>
                
-                       <div class="divider"></div>
-                       
-                       <section id="translation">
-                               <h4 class="secondHeadline">{{ _("Translate") }}</h4>
-                               <p class="copy">
-                                       {% if lang == "de" %}
-                                               IPFire wird in vielen Ländern der Welt eingesetzt.
-                                               Die Software zu übersetzen hilft dabei IPFire leichter
-                                               bedienbar zu machen. Trage dazu bei IPFire in eine
-                                               neue Sprache zu übersetzen, oder verbessere bestehende
-                                               Übersetzungen.
-                                       {% else %}
-                                               IPFire is used in many countries all over the world.
-                                               Translating the software helps us to make it usable for
-                                               more and more people. Join our efforts and translate IPFire
-                                               into a new language or improve already existing translations.
-                                       {% end %}
-                               </p>
-                       </section>
-                       
-                       <div class="divider"></div>
-                       
-                       <section id="maintain">
-                               <h4 class="secondHeadline">{{ _("Maintain Packages") }}</h4>
-                               <p class="copy">
-                                       {% if lang == "de" %}
-                                               Werde Experte in einem Subsystem der IPFire-Distribution und
-                                               helfe dabei Funktionen auf aktuellem Stand zu erhalten und
-                                               Bugs zu beseitigen.
-                                               Die Wartung von Paketen ist ein essentieller Teil des Projekts
-                                               und unerlässlich, um die großartige Stabilität und Sicherheit
-                                               von IPFire zu erhalten, die es heute hat.
-                                       {% else %}
-                                               Become an expert for a subsystem of the IPFire distribution and help
-                                               to keep features up to date and fix bugs.
-                                               Maintaining packages is an essential part of the project and needed
-                                               to provide the great level of stability and security that IPFire does
-                                               today.
-                                       {% end %}
-                               </p>
+               <div class="row">                       
+                       <section class="col-12">
+                               <h2 class="display-2 text-center">{{ _("Contribute") }}</h2>
                                
-                               <div class="btn-toolbar">
-                                       <a class="btn btn-default" href="http://wiki.ipfire.org/devel/submit-patches">{{ _("Submit Patches") }}</a>
-                                       <a class="btn btn-default" href="https://pakfire.ipfire.org/">{{ _("Pakfire Build Service") }}</a>
+                               <div class="row mb-6">                  
+                                       <section id="community_support" class="col-5">                          
+                                               <h4>{{ _("Provide Community Support") }}</h4>
+                                               <p>
+                                                       {% if lang == "de" %}
+                                                               Werde Teil der wundervollen Gemeinschaft von IPFire und helfe
+                                                               Einsteigern bei ihren ersten Schritten. Bring dich ein in Diskussionen
+                                                               rund um das Projekt in <a href="/chat">Chaträumen</a>, dem
+                                                               <a href="//forum.ipfire.org">IPFire Forum</a>, und
+                                                               den <a href="//lists.ipfire.org/">Mailinglisten</a>.
+                                                       {% else %}
+                                                               Join the wonderful IPFire Community and help other people getting started with IPFire.
+                                                               Take part in discussions all around the project on our <a href="/chat">channels</a>,
+                                                               the <a href="//forum.ipfire.org">IPFire Forums</a>, and
+                                                               <a href="//lists.ipfire.org/">Mailing Lists</a>.
+                                                       {% end %}
+                                               </p>
+                                               
+                                                       <a class="btn btn-default" href="http://forum.ipfire.org/search.php?search_id=unanswered">
+                                                               {{ _("Unanswered questions on the forums") }}
+                                                       </a>
+                                                       <a class="btn btn-default" href="/chat">{{ _("On our Jabber/IRC channels") }}</a>
+                                       </section>
+                                                                       
+                                       <section id="documentation" class="col-5 offset-2">
+                                               <h4>{{ _("Improve our Documentation") }}</h4>
+                                               <p>
+                                                       {% if lang == "de" %}
+                                                               Das <a href="//wiki.ipfire.org">IPFire Wiki</a> beinhaltet Dokumentation
+                                                               über IPFire und beantwortet alle Fragen. Hast du etwas gefunden, das
+                                                               undokumentiert, nicht vollständig ist oder Überarbeitung bedarf?
+                                                               Logge dich ein und editiere gleich los.
+                                                       {% else %}
+                                                               The <a href="//wiki.ipfire.org">IPFire Wiki</a> is the source of documentation
+                                                               and answers all questions about IPFire. Found something that needs to be
+                                                               documented, improved, or rewritten? Sign up and get it done!
+                                                       {% end %}
+                                               </p>
+                                               
+                                               <a class="btn btn-default" href="http://wiki.ipfire.org">{{ _("IPFire Wiki") }}</a>
+                                       </section>
                                </div>
-                       </section>
                        
-                       <div class="divider"></div>
-                       
-                       <section id="bugs">
-                               <h4 class="secondHeadline">{{ _("Report & Resolve Bugs") }}</h4>
-                               <p class="copy">
-                                       {% if lang == "de" %}
-                                               Solltest du einen Fehler in IPFire gefunden haben, nimm dir einen Moment Zeit, um
-                                               ihn zu melden. Natürlich freuen wir uns über Lösungen für bereits gemeldete Bugs.
-                                       {% else %}
-                                               If you have come across a flaw in the IPFire distribution, please take a moment and
-                                               report it to us. Of course we appreciate any solutions for already existing bug
-                                               reports.
-                                       {% end %}
-                               </p>
-                               
-                               <div class="btn-toolbar">
-                                       <a class="btn btn-default" href="http://bugzilla.ipfire.org">{{ _("IPFire Bugzilla") }}</a>
-                                       <a class="btn btn-default" href="http://wiki.ipfire.org/devel/bugzilla">{{ _("Dealing with bug reports") }}</a>
+                               <div class="row mb-6">                          
+                                       <section id="translation" class="col-5">
+                                               <h4>{{ _("Translate") }}</h4>
+                                               <p>
+                                                       {% if lang == "de" %}
+                                                               IPFire wird in vielen Ländern der Welt eingesetzt.
+                                                               Die Software zu übersetzen hilft dabei IPFire leichter
+                                                               bedienbar zu machen. Trage dazu bei IPFire in eine
+                                                               neue Sprache zu übersetzen, oder verbessere bestehende
+                                                               Übersetzungen.
+                                                       {% else %}
+                                                               IPFire is used in many countries all over the world.
+                                                               Translating the software helps us to make it usable for
+                                                               more and more people. Join our efforts and translate IPFire
+                                                               into a new language or improve already existing translations.
+                                                       {% end %}
+                                               </p>
+                                       </section>
+                                       
+                                       
+                                       <section id="maintain" class="col-5 offset-2">
+                                               <h4>{{ _("Maintain Packages") }}</h4>
+                                               <p>
+                                                       {% if lang == "de" %}
+                                                               Werde Experte in einem Subsystem der IPFire-Distribution und
+                                                               helfe dabei Funktionen auf aktuellem Stand zu erhalten und
+                                                               Bugs zu beseitigen.
+                                                               Die Wartung von Paketen ist ein essentieller Teil des Projekts
+                                                               und unerlässlich, um die großartige Stabilität und Sicherheit
+                                                               von IPFire zu erhalten, die es heute hat.
+                                                       {% else %}
+                                                               Become an expert for a subsystem of the IPFire distribution and help
+                                                               to keep features up to date and fix bugs.
+                                                               Maintaining packages is an essential part of the project and needed
+                                                               to provide the great level of stability and security that IPFire does
+                                                               today.
+                                                       {% end %}
+                                               </p>
+                                               
+                                               <a class="btn btn-default" href="http://wiki.ipfire.org/devel/submit-patches">{{ _("Submit Patches") }}</a>
+                                               <a class="btn btn-default" href="https://pakfire.ipfire.org/">{{ _("Pakfire Build Service") }}</a>
+                                       </section>
                                </div>
-                       </section>
-                       
-                       <div class="divider"></div>
-                       
-                       <section id="infrastructure">
-                               <h4 class="secondHeadline">{{ _("Provide Infrastructure") }}</h4>
-                               <p class="copy">
-                                       {% if lang == "de" %}
-                                               Das IPFire-Projekt unterhält eine Menge Infrastruktur für verschiedene Dienste für die Nutzer.
-                                               Für schnelle Downloads und eine hohe Zuverlässigkeit der Dienste zu gewährleisten arbeitet
-                                               das IPFire Infrastructure-Team, das sich über Unterstützung freut.
-                                       {% else %}
-                                               The IPFire project is hosted on a huge infrastructure and runs various services for the users.
-                                               To keep access to IPFire download images as fast as possible and to keep our services running
-                                               as reliable as possible, the IPFire Infrastructure team is operating this infrastructure and
-                                               appreciates your support.
-                                       {% end %}
-                               </p>
                                
-                               <a class="btn btn-default" href="http://wiki.ipfire.org/en/project/mirror">{{ _("Host a mirror") }}</a>
-                       </section>
-                       
-                       <div class="divider"></div>
-                       
-                       <section id="donate">
-                               <h4 class="secondHeadline">{{ _("Donate") }}</h4>
-                               <p class="copy">
-                                       {% if lang == "de" %}
-                                               Die Unterstützung vieler Freiwillige, die zur Entwicklung oder anderen
-                                               Bereichen des Projekts beitragen ist unerlässlich für den Erfolg dieses
-                                               Projekts.
-                                               Wenn du kein Experte im Schreiben von Dokumentation, oder Technologie bist,
-                                               aber trotzdem zum Projekt beitragen möchtest, kannst du die Arbeit anderer
-                                               finanziell unterstützen, um laufende Kosten zu decken.
-                                       {% else %}
-                                               Support by volunteers who engage in development or contribute themselves
-                                               is is essential for this project. If you are not an expert in writing
-                                               documentation, or technology but want to help out, you can support
-                                               the work of the others by making a financial contribution which
-                                               will help covering costs.
-                                       {% end %}
-                               </p>
+                               <div class="row mb-6">                          
+                                       <section id="bugs" class="col-5">
+                                               <h4>{{ _("Report & Resolve Bugs") }}</h4>
+                                               <p>
+                                                       {% if lang == "de" %}
+                                                               Solltest du einen Fehler in IPFire gefunden haben, nimm dir einen Moment Zeit, um
+                                                               ihn zu melden. Natürlich freuen wir uns über Lösungen für bereits gemeldete Bugs.
+                                                       {% else %}
+                                                               If you have come across a flaw in the IPFire distribution, please take a moment and
+                                                               report it to us. Of course we appreciate any solutions for already existing bug
+                                                               reports.
+                                                       {% end %}
+                                               </p>
+                                               
+                                               <a class="btn btn-default" href="http://bugzilla.ipfire.org">{{ _("IPFire Bugzilla") }}</a>
+                                               <a class="btn btn-default" href="http://wiki.ipfire.org/devel/bugzilla">{{ _("Dealing with bug reports") }}</a>
+                                       </section>
+                                       
+                                       <section id="infrastructure" class="col-5 offset-2">
+                                               <h4>{{ _("Provide Infrastructure") }}</h4>
+                                               <p>
+                                                       {% if lang == "de" %}
+                                                               Das IPFire-Projekt unterhält eine Menge Infrastruktur für verschiedene Dienste für die Nutzer.
+                                                               Für schnelle Downloads und eine hohe Zuverlässigkeit der Dienste zu gewährleisten arbeitet
+                                                               das IPFire Infrastructure-Team, das sich über Unterstützung freut.
+                                                       {% else %}
+                                                               The IPFire project is hosted on a huge infrastructure and runs various services for the users.
+                                                               To keep access to IPFire download images as fast as possible and to keep our services running
+                                                               as reliable as possible, the IPFire Infrastructure team is operating this infrastructure and
+                                                               appreciates your support.
+                                                       {% end %}
+                                               </p>
+                                               
+                                               <a class="btn btn-default" href="http://wiki.ipfire.org/en/project/mirror">{{ _("Host a mirror") }}</a>
+                                       </section>
+                               </div>
                                
-                               <a class="btn btn-default" href="/donate">{{ _("Donate") }}</a>
+                               <div class="row justify-content-center mb-6">                                                   
+                                       <section id="donate" class="col-5 text-center">
+                                               <h4>{{ _("Donate") }}</h4>
+                                               <p>
+                                                       {% if lang == "de" %}
+                                                               Die Unterstützung vieler Freiwillige, die zur Entwicklung oder anderen
+                                                               Bereichen des Projekts beitragen ist unerlässlich für den Erfolg dieses
+                                                               Projekts.
+                                                               Wenn du kein Experte im Schreiben von Dokumentation, oder Technologie bist,
+                                                               aber trotzdem zum Projekt beitragen möchtest, kannst du die Arbeit anderer
+                                                               finanziell unterstützen, um laufende Kosten zu decken.
+                                                       {% else %}
+                                                               Support by volunteers who engage in development or contribute themselves
+                                                               is is essential for this project. If you are not an expert in writing
+                                                               documentation, or technology but want to help out, you can support
+                                                               the work of the others by making a financial contribution which
+                                                               will help covering costs.
+                                                       {% end %}
+                                               </p>
+                                               
+                                               <a class="btn btn-default" href="/donate">{{ _("Donate") }}</a>
+                                       </section>
+                               </div>
                        </section>
-               </section>
+               </div>
        </div>
        
 {% end block %}