Bootstap 4 migration: imprint
authorSven Hoehn <shoehn@ipfire.org>
Wed, 6 Dec 2017 15:56:51 +0000 (16:56 +0100)
committerSven Hoehn <shoehn@ipfire.org>
Wed, 6 Dec 2017 15:56:51 +0000 (16:56 +0100)
static/css/style.css
static/scss/style.scss
templates/static/imprint.html

index 3f3942f..68f1a09 100644 (file)
@@ -2327,6 +2327,61 @@ a.badge:focus, a.badge:hover {
   .badge-danger[href]:focus, .badge-danger[href]:hover {
     background-color: #c9302c; }
 
+.alert {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem; }
+
+.alert-heading {
+  color: inherit; }
+
+.alert-link {
+  font-weight: bold; }
+
+.alert-dismissible .close {
+  position: relative;
+  top: -0.75rem;
+  right: -1.25rem;
+  padding: 0.75rem 1.25rem;
+  color: inherit; }
+
+.alert-success {
+  background-color: #dff0d8;
+  border-color: #d0e9c6;
+  color: #3c763d; }
+  .alert-success hr {
+    border-top-color: #c1e2b3; }
+  .alert-success .alert-link {
+    color: #2b542c; }
+
+.alert-info {
+  background-color: #d9edf7;
+  border-color: #bcdff1;
+  color: #31708f; }
+  .alert-info hr {
+    border-top-color: #a6d5ec; }
+  .alert-info .alert-link {
+    color: #245269; }
+
+.alert-warning {
+  background-color: #fcf8e3;
+  border-color: #faf2cc;
+  color: #8a6d3b; }
+  .alert-warning hr {
+    border-top-color: #f7ecb5; }
+  .alert-warning .alert-link {
+    color: #66512c; }
+
+.alert-danger {
+  background-color: #f2dede;
+  border-color: #ebcccc;
+  color: #a94442; }
+  .alert-danger hr {
+    border-top-color: #e4b9b9; }
+  .alert-danger .alert-link {
+    color: #843534; }
+
 @keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0; }
index 1eb92eb..34a6887 100644 (file)
@@ -37,7 +37,7 @@
 // @import "bootstrap-4.0.0-alpha.6/scss/pagination";
 @import "bootstrap-4.0.0-alpha.6/scss/badge";
 // @import "bootstrap-4.0.0-alpha.6/scss/jumbotron";
-// @import "bootstrap-4.0.0-alpha.6/scss/alert";
+@import "bootstrap-4.0.0-alpha.6/scss/alert";
 @import "bootstrap-4.0.0-alpha.6/scss/progress";
 @import "bootstrap-4.0.0-alpha.6/scss/media";
 @import "bootstrap-4.0.0-alpha.6/scss/list-group";
index f81b255..5ed183d 100644 (file)
 
 {% block title %}{{ _("Imprint") }}{% end block %}
 
-{% block header %}
-       <header class="jumbotron subhead" id="overview">
-               <div class="container">
-                       <h1>{{ _("Imprint") }}</h1>
-               </div>
-       </header>
-{% end header %}
-
+{% block header %}{% end header %}
 {% block body %}
-       <div class="alert alert-info">
-               {{ _("Please do not send us any support requests to our personal email addresses as we won't have the time to reply to you.") }}
-               <a class="alert-link" href="http://forum.ipfire.org/">
-                       {{ _("Please use the support forums to get help with your IPFire system.") }}
-               </a>
-       </div>
-
-       {% if lang == "de" %}
-               <h4>Verantwortlich im Sinne von §5 TMG, §55 RfStV</h4>
-       {% end %}
-
-       <div class="row">
-               <div class="col-lg-3 col-lg-offset-2 col-md-3 col-md-offset-2 col-sm-4 col-xs-6">
-                       <address>
-                               <strong>Michael Tremer</strong><br>
-                               Gerhardstraße 8<br>
-                               D-45711 Datteln<br>
-
-                               <ul class="list-inline">
-                                       <li>
-                                               <a href="http://talk.ipfire.org/phonebook/ms">
-                                                       <span class="glyphicon glyphicon-earphone"></span>
-                                               </a>
-                                       </li>
-                                       <li>
-                                               <span class="glyphicon glyphicon-envelope"></span>
-                                               <a href="mailto:michael.tremer@ipfire.org">{{ _("Mail") }}</a>
-                                       </li>
-                               </ul>
-                       </address>
+<div class="container">
+       <section class="features-content col-12">
+               <h2 class="display-2 text-center">{{ _("Imprint") }}</h2>
+               
+               <div class="row">
+                       <div class="alert alert-info col text-center">
+                               <p>
+                                       {{ _("Please do not send us any support requests to our personal email addresses as we won't have the time to reply to you.") }}<br>
+                                       <a class="alert-link" href="//forum.ipfire.org/">{{ _("Please use the support forums to get help with your IPFire system.") }}</a></p>
+                       </div>
                </div>
-
-               <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
-                       <address>
-                               <strong>Arne Fitzenreiter</strong><br>
-                               Hauptstraße 4<br>
-                               D-99735 Friedrichsthal<br>
-
-                               <ul class="list-inline">
-                                       <li>
-                                               <a href="http://talk.ipfire.org/phonebook/arne_f">
-                                                       <span class="glyphicon glyphicon-earphone"></span>
-                                               </a>
-                                       </li>
-                                       <li>
-                                               <span class="glyphicon glyphicon-envelope"></span>
-                                               <a href="mailto:arne.fitzenreiter@ipfire.org">{{ _("Mail") }}</a>
-                                       </li>
-                               </ul>
-                       </address>
+               
+               <div class="row m-5">
+                       <div class="col">
+                               {% if lang == "de" %}
+                                       <h4>Verantwortlich im Sinne von §5 TMG, §55 RfStV</h4>
+                               {% end %}
+                       </div>
                </div>
-
-               <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
-                       <address>
-                               <strong>Stefan Schantl</strong><br>
-                               Beethovenstraße 6<br>
-                               A-8605 Kapfenberg<br>
-
-                               <ul class="list-inline">
-                                       <li>
-                                               <a href="http://talk.ipfire.org/phonebook/stevee">
-                                                       <span class="glyphicon glyphicon-earphone"></span>
-                                               </a>
-                                       </li>
-                                       <li>
-                                               <span class="glyphicon glyphicon-envelope"></span>
-                                               <a href="mailto:stefan.schantl@ipfire.org">{{ _("Mail") }}</a>
-                                       </li>
-                               </ul>
-                       </address>
+               
+               <div class="row">
+                       <div class="col-md-4">
+                               <address>
+                                       <strong>Michael Tremer</strong><br>
+                                       Gerhardstraße 8<br>
+                                       D-45711 Datteln<br>
+       
+                                       <ul class="list-inline">
+                                               <li>
+                                                       <a href="//talk.ipfire.org/phonebook/ms">
+                                                               <i class="fa fa-phone" aria-hidden="true"></i>
+                                                       </a>
+                                               </li>
+                                               <li>
+                                                       <i class="fa fa-envelope" aria-hidden="true"></i>
+                                                       <a href="mailto:michael.tremer@ipfire.org">{{ _("Mail") }}</a>
+                                               </li>
+                                       </ul>
+                               </address>
+                       </div>
+                       
+                       <div class="col-md-4">
+                               <address>
+                                       <strong>Arne Fitzenreiter</strong><br>
+                                       Hauptstraße 4<br>
+                                       D-99735 Friedrichsthal<br>
+       
+                                       <ul class="list-inline">
+                                               <li>
+                                                       <a href="//talk.ipfire.org/phonebook/arne_f">
+                                                               <i class="fa fa-phone" aria-hidden="true"></i>
+                                                       </a>
+                                               </li>
+                                               <li>
+                                                       <i class="fa fa-envelope" aria-hidden="true"></i>
+                                                       <a href="mailto:arne.fitzenreiter@ipfire.org">{{ _("Mail") }}</a>
+                                               </li>
+                                       </ul>
+                               </address>
+                       </div>
+                       
+                       <div class="col-md-4">
+                               <address>
+                                       <strong>Stefan Schantl</strong><br>
+                                       Beethovenstraße 6<br>
+                                       A-8605 Kapfenberg<br>
+       
+                                       <ul class="list-inline">
+                                               <li>
+                                                       <a href="//talk.ipfire.org/phonebook/stevee">
+                                                               <i class="fa fa-phone" aria-hidden="true"></i>
+                                                       </a>
+                                               </li>
+                                               <li>
+                                                       <i class="fa fa-envelope" aria-hidden="true"></i>
+                                                       <a href="mailto:stefan.schantl@ipfire.org">{{ _("Mail") }}</a>
+                                               </li>
+                                       </ul>
+                               </address>
+                       </div>
                </div>
-       </div>
-
-       <br>
-
-       <h2>Haftungsausschluss</h2>
-       {% if not lang == "de" %}
-               <div class="alert alert-warning">
-                       This is some legal stuff that is required by the laws of Germany.
-                       where this project and website are located.
+               
+               <div class="container mt-6">
+                       <div class="row">
+                               <div class="col-12">
+                                       <h3 class="headline mb-5">Haftungsausschluss</h3>
+                                       <p class="copy">
+                                               {% if not lang == "de" %}
+                                                       <div class="alert alert-warning">
+                                                               This is some legal stuff that is required by the laws of Germany.
+                                                               where this project and website are located.
+                                                       </div>
+                                               {% end %}
+                                       </p>
+                               </div>
+                       </div>
+                       
+                       <div class="row">
+                               <div class="col-12">
+                                       <h4>1. Inhalt des Onlineangebotes</h4>
+                                       <p class="copy">
+                                               Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit 
+                                               oder Qualität der bereitgestellten Informationen. Haftungsansprüche gegen den Autor, 
+                                               welche sich auf Schäden materieller oder ideeller Art beziehen, die durch die Nutzung 
+                                               oder Nichtnutzung der dargebotenen Informationen bzw. durch die Nutzung fehlerhafter 
+                                               und unvollständiger Informationen verursacht wurden, sind grundsätzlich ausgeschlossen, 
+                                               sofern seitens des Autors kein nachweislich vorsätzliches oder grob fahrlässiges 
+                                               Verschulden vorliegt.<br />
+                                               Alle Angebote sind freibleibend und unverbindlich. Der Autor behält es sich ausdrücklich vor, 
+                                               Teile der Seiten oder das gesamte Angebot ohne gesonderte Ankündigung zu verändern, 
+                                               zu ergänzen, zu löschen oder die Veröffentlichung zeitweise oder endgültig einzustellen.
+                                       </p>
+                               
+                                       <h4>2. Verweise und Links</h4>
+                                       <p class="copy">
+                                               Bei direkten oder indirekten Verweisen auf fremde Internetseiten ("Links"), 
+                                               die außerhalb des Verantwortungsbereiches des Autors liegen, würde eine 
+                                               Haftungsverpflichtung ausschließlich in dem Fall in Kraft treten, in dem der 
+                                               Autor von den Inhalten Kenntnis hat und es ihm technisch möglich und zumutbar wäre, 
+                                               die Nutzung im Falle rechtswidriger Inhalte zu verhindern. <br />
+                                               Der Autor erklärt hiermit ausdrücklich, dass zum Zeitpunkt der Linksetzung keine 
+                                               illegalen Inhalte auf den zu verlinkenden Seiten erkennbar waren. 
+                                               Auf die aktuelle und zukünftige Gestaltung, die Inhalte oder die Urheberschaft 
+                                               der gelinkten/verknüpften Seiten hat der Autor keinerlei Einfluss. Deshalb distanziert 
+                                               er sich hiermit ausdrücklich von allen Inhalten aller gelinkten /verknüpften Seiten, 
+                                               die nach der Linksetzung verändert wurden. Diese Feststellung gilt für alle innerhalb 
+                                               des eigenen Internetangebotes gesetzten Links und Verweise sowie für Fremdeinträge 
+                                               in vom Autor eingerichteten Gästebüchern, Diskussionsforen und Mailinglisten. 
+                                               Für illegale, fehlerhafte oder unvollständige Inhalte und insbesondere für Schäden, 
+                                               die aus der Nutzung oder Nichtnutzung solcherart dargebotener Informationen entstehen, 
+                                               haftet allein der Anbieter der Seite, auf welche verwiesen wurde, nicht derjenige, 
+                                               der über Links auf die jeweilige Veröffentlichung lediglich verweist.
+                                       </p>
+                               
+                                       <h4>3. Urheber- und Kennzeichenrecht</h4>
+                                       <p class="copy">
+                                               Der Autor ist bestrebt, in allen Publikationen die Urheberrechte der verwendeten Grafiken, 
+                                               Tondokumente, Videosequenzen und Texte zu beachten, von ihm selbst erstellte Grafiken, 
+                                               Tondokumente, Videosequenzen und Texte zu nutzen oder auf lizenzfreie Grafiken, Tondokumente, 
+                                               Videosequenzen und Texte zurückzugreifen. <br />
+                                               Alle innerhalb des Internetangebotes genannten und ggf. durch Dritte geschützten Marken- 
+                                               und Warenzeichen unterliegen uneingeschränkt den Bestimmungen des jeweils gültigen Kennzeichenrechts 
+                                               und den Besitzrechten der jeweiligen eingetragenen Eigentümer. Allein aufgrund der bloßen Nennung 
+                                               ist nicht der Schluss zu ziehen, dass Markenzeichen nicht durch Rechte Dritter geschützt sind! <br />
+                                               Das Copyright für veröffentlichte, vom Autor selbst erstellte Objekte bleibt allein beim Autor der Seiten. 
+                                               Eine Vervielfältigung oder Verwendung solcher Grafiken, Tondokumente, Videosequenzen und Texte in 
+                                               anderen elektronischen oder gedruckten Publikationen ist ohne ausdrückliche Zustimmung des Autors nicht gestattet.
+                                       </p>
+                               
+                                       <h4>4. Datenschutz</h4>
+                                       <p class="copy">
+                                               Sofern innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten 
+                                               (Emailadressen, Namen, Anschriften) besteht, so erfolgt die Preisgabe dieser Daten seitens 
+                                               des Nutzers auf ausdrücklich freiwilliger Basis. Die Inanspruchnahme und Bezahlung aller 
+                                               angebotenen Dienste ist - soweit technisch möglich und zumutbar - auch ohne Angabe solcher Daten 
+                                               bzw. unter Angabe anonymisierter Daten oder eines Pseudonyms gestattet. Die Nutzung der im Rahmen 
+                                               des Impressums oder vergleichbarer Angaben veröffentlichten Kontaktdaten wie Postanschriften, 
+                                               Telefon- und Faxnummern sowie Emailadressen durch Dritte zur Übersendung von nicht ausdrücklich 
+                                               angeforderten Informationen ist nicht gestattet. Rechtliche Schritte gegen die Versender von 
+                                               sogenannten Spam- Mails bei Verstössen gegen dieses Verbot sind ausdrücklich vorbehalten.
+                                       </p>
+                               
+                                       <h4>5. Rechtswirksamkeit dieses Haftungsausschlusses</h4>
+                                       <p class="copy">
+                                               Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese 
+                                               Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden 
+                                               Rechtslage nicht, nicht mehr oder nicht vollständig entsprechen sollten, bleiben die übrigen 
+                                               Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt.
+                                       </p>
+                               </div>
+                       </div>
                </div>
-       {% end %}
-
-       <h3>1. Inhalt des Onlineangebotes</h3>
-       <p>
-               Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit 
-               oder Qualität der bereitgestellten Informationen. Haftungsansprüche gegen den Autor, 
-               welche sich auf Schäden materieller oder ideeller Art beziehen, die durch die Nutzung 
-               oder Nichtnutzung der dargebotenen Informationen bzw. durch die Nutzung fehlerhafter 
-               und unvollständiger Informationen verursacht wurden, sind grundsätzlich ausgeschlossen, 
-               sofern seitens des Autors kein nachweislich vorsätzliches oder grob fahrlässiges 
-               Verschulden vorliegt.<br />
-               Alle Angebote sind freibleibend und unverbindlich. Der Autor behält es sich ausdrücklich vor, 
-               Teile der Seiten oder das gesamte Angebot ohne gesonderte Ankündigung zu verändern, 
-               zu ergänzen, zu löschen oder die Veröffentlichung zeitweise oder endgültig einzustellen.
-       </p>
-
-       <h3>2. Verweise und Links</h3>
-       <p>
-               Bei direkten oder indirekten Verweisen auf fremde Internetseiten ("Links"), 
-               die außerhalb des Verantwortungsbereiches des Autors liegen, würde eine 
-               Haftungsverpflichtung ausschließlich in dem Fall in Kraft treten, in dem der 
-               Autor von den Inhalten Kenntnis hat und es ihm technisch möglich und zumutbar wäre, 
-               die Nutzung im Falle rechtswidriger Inhalte zu verhindern. <br />
-               Der Autor erklärt hiermit ausdrücklich, dass zum Zeitpunkt der Linksetzung keine 
-               illegalen Inhalte auf den zu verlinkenden Seiten erkennbar waren. 
-               Auf die aktuelle und zukünftige Gestaltung, die Inhalte oder die Urheberschaft 
-               der gelinkten/verknüpften Seiten hat der Autor keinerlei Einfluss. Deshalb distanziert 
-               er sich hiermit ausdrücklich von allen Inhalten aller gelinkten /verknüpften Seiten, 
-               die nach der Linksetzung verändert wurden. Diese Feststellung gilt für alle innerhalb 
-               des eigenen Internetangebotes gesetzten Links und Verweise sowie für Fremdeinträge 
-               in vom Autor eingerichteten Gästebüchern, Diskussionsforen und Mailinglisten. 
-               Für illegale, fehlerhafte oder unvollständige Inhalte und insbesondere für Schäden, 
-               die aus der Nutzung oder Nichtnutzung solcherart dargebotener Informationen entstehen, 
-               haftet allein der Anbieter der Seite, auf welche verwiesen wurde, nicht derjenige, 
-               der über Links auf die jeweilige Veröffentlichung lediglich verweist.
-       </p>
-
-       <h3>3. Urheber- und Kennzeichenrecht</h3>
-       <p>
-               Der Autor ist bestrebt, in allen Publikationen die Urheberrechte der verwendeten Grafiken, 
-               Tondokumente, Videosequenzen und Texte zu beachten, von ihm selbst erstellte Grafiken, 
-               Tondokumente, Videosequenzen und Texte zu nutzen oder auf lizenzfreie Grafiken, Tondokumente, 
-               Videosequenzen und Texte zurückzugreifen. <br />
-               Alle innerhalb des Internetangebotes genannten und ggf. durch Dritte geschützten Marken- 
-               und Warenzeichen unterliegen uneingeschränkt den Bestimmungen des jeweils gültigen Kennzeichenrechts 
-               und den Besitzrechten der jeweiligen eingetragenen Eigentümer. Allein aufgrund der bloßen Nennung 
-               ist nicht der Schluss zu ziehen, dass Markenzeichen nicht durch Rechte Dritter geschützt sind! <br />
-               Das Copyright für veröffentlichte, vom Autor selbst erstellte Objekte bleibt allein beim Autor der Seiten. 
-               Eine Vervielfältigung oder Verwendung solcher Grafiken, Tondokumente, Videosequenzen und Texte in 
-               anderen elektronischen oder gedruckten Publikationen ist ohne ausdrückliche Zustimmung des Autors nicht gestattet.
-       </p>
-
-       <h3>4. Datenschutz</h3>
-       <p>
-               Sofern innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten 
-               (Emailadressen, Namen, Anschriften) besteht, so erfolgt die Preisgabe dieser Daten seitens 
-               des Nutzers auf ausdrücklich freiwilliger Basis. Die Inanspruchnahme und Bezahlung aller 
-               angebotenen Dienste ist - soweit technisch möglich und zumutbar - auch ohne Angabe solcher Daten 
-               bzw. unter Angabe anonymisierter Daten oder eines Pseudonyms gestattet. Die Nutzung der im Rahmen 
-               des Impressums oder vergleichbarer Angaben veröffentlichten Kontaktdaten wie Postanschriften, 
-               Telefon- und Faxnummern sowie Emailadressen durch Dritte zur Übersendung von nicht ausdrücklich 
-               angeforderten Informationen ist nicht gestattet. Rechtliche Schritte gegen die Versender von 
-               sogenannten Spam- Mails bei Verstössen gegen dieses Verbot sind ausdrücklich vorbehalten.
-       </p>
-
-       <h3>5. Rechtswirksamkeit dieses Haftungsausschlusses</h3>
-       <p>
-               Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese 
-               Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden 
-               Rechtslage nicht, nicht mehr oder nicht vollständig entsprechen sollten, bleiben die übrigen 
-               Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt.
-       </p>
+       </section>
+</div>
 {% end block %}