404 and legal notice

homepage/content/pages/404.md

@@ -1,10 +1,9 @@
 Title: Page not found | offen
 description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
-save_as: 404-temp/index.html
-href: /404-temp/
+save_as: 404/index.html
+href: /404/
 
 
+![Page not Found](/theme/images/content-404.webp){:class="image-text-560-315"}
 
-
-Trying to get where you want to go? This page isn't it. Sorry about that.  
-If you're looking for what to do next, you could *take a look at our [summary.](/index/)*
+Trying to get where you want to go? This page isn't it. Sorry about that. If you're looking for what to do next, you could *take a look at our [summary.](/index/)*

homepage/content/pages/about.md

@@ -13,7 +13,7 @@ __offen__ is created by [Frederik Ring][frederik-ring]{: target="_blank"} and [H
 [hendrik-niefeld]: http://niefeld.com/
 [frederik-ring]: https://www.frederikring.com/
 
-[![NLnet Foundation](/theme/images/nlnet-logo.svg){:width="160px" height="60px" class="image-text-small"}](https://nlnet.nl/){: target="_blank"}
+[![NLnet Foundation](/theme/images/nlnet-logo.svg){:width="160px" height="60px" class="image-text-custom"}](https://nlnet.nl/){: target="_blank"}
 
 We are happy to work with [NLnet Foundation][nlnet-foundation]{: target="_blank"} who complement our activities within their [Next Generation Internet][next-generation-internet]{: target="_blank"} initiative.
 

homepage/content/pages/imprint.md

@@ -1,6 +0,0 @@
-Title: Imprint | offen
-description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
-save_as: imprint/index.html
-href: /imprint/
-
-## Imprint

homepage/content/pages/legal-notice.md

@@ -0,0 +1,31 @@
+Title: Legal Notice | offen
+description: offen is a free and open source analytics software for websites and web applications that allows respectful handling of data.
+save_as: legal-notice/index.html
+href: /legal-notice/
+
+## Legal Notice
+
+### Information in accordance with Section 5 TMG
+Frederik Ring  
+Musterstr. 00  
+00000 Musterstadt  
+
+### Contact Information
+Telephone: 000000000  
+E-Mail: mail@offen.de  
+Internet address: www.offen.dev  
+
+### Graphics and Image Sources
+NLNet Logo [https://nlnet.nl/logo/](https://nlnet.nl/logo/){: target="_blank"}
+
+### Disclaimer
+#### Accountability for content
+The contents of our pages have been created with the utmost care. However, we cannot guarantee the contents' accuracy, completeness or topicality. According to statutory provisions, we are furthermore responsible for our own content on these web pages. In this matter, please note that we are not obliged to monitor the transmitted or saved information of third parties, or investigate circumstances pointing to illegal activity. Our obligations to remove or block the use of information under generally applicable laws remain unaffected by this as per §§ 8 to 10 of the Telemedia Act (TMG).
+
+#### Accountability for links
+Responsibility for the content of external links (to web pages of third parties) lies solely with the operators of the linked pages. No violations were evident to us at the time of linking. Should any legal infringement become known to us, we will remove the respective link immediately.
+
+#### Copyright
+Our web pages and their contents are subject to German copyright law. Unless expressly permitted by law, every form of utilizing, reproducing or processing works subject to copyright protection on our web pages requires the prior consent of the respective owner of the rights. Individual reproductions of a work are only allowed for private use. The materials from these pages are copyrighted and any unauthorized use may violate copyright laws.
+
+Quelle [Übersetzungsbüro translate-24h.de](https://www.translate-24h.de/){: target="_blank"}

homepage/theme/static/css/style.css

@@ -585,6 +585,20 @@ GRAPHICS
 /* ---------------------------------------------------
 IMAGES
 ----------------------------------------------------*/
-.image-text-small {
+img {
+  display: block;
+}
+.image-text-custom {
   margin: 10px 0 -15px 0;
 }
+.image-text-560-315 {
+  width: 560px;
+  height: 315px;
+}
+
+@media only screen and (max-width: 600px) {
+  .image-text-560-315 {
+    max-width:100%;
+    height: auto;
+  }
+}

homepage/theme/templates/base.html

@@ -129,9 +129,12 @@
         <p>
           <a href="{{PATREON_URL}}" rel="noopener" target="_blank">Patreon</a>
         </p>
+        <p>
+          <a href="/legal-notice/" rel="noopener">Legal Notice</a>
+        </p>
       </div>
       <div class="footer-card">
-        September 2019
+        October 2019
       </div>
     </div>
   </div>