vrifox/natenom-websites
vrifox/natenom-websites
Archived
1
1
Fork 0
Code Issues 1 Releases Activity

targets #29

Browse source
This commit is contained in:
Vrifox 2020-10-19 19:32:43 +02:00
parent 122ed0e3ef
commit 4bda4a620b
6 changed files with 241 additions and 98 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
html/nom_globaltopbar_www.html
View file

@ -1,19 +0,0 @@
<!-- Do not touch this file. It is handled via https://git.vrifox.cc/vrifox/natenom-websites/ -->
<!-- Include nom_globaltopbar -->
<div class="nom_globaltopbar">
<ul class="nom_globaltopbar-inner left">
<li><a href="https://www.natenom.com/" title="Infos &uuml;ber Natenom" target="_top">&Uuml;ber Natenom</a>
<li><a href="https://blog.natenom.com/" title="Natenoms Blog" target="_top">Blog</a></li>
<li><a href="https://wiki.natenom.de/" title="Mein Wiki" target="_top">Wiki</a>
<li><a href="https://files.natenom.com/" title="Dateiablage" target="_top">Dateien</a>
<li><a href="https://wiki.natenom.de/ueber/natemologie-zentrum" title="Mumble-Server Natemologie-Zentrum" target="_top">Mumble</a>
<li><a href="/datenschutz/" title="Datenschutz" target="_top">Datenschutz</a>
<li><a href="https://www.natenom.com/impressum/" title="Impressum" target="_top">Impressum</a>
</ul>
<ul class="nom_globaltopbar-inner right">
<li><a rel="me" href="https://twitter.com/natenom" target="_top">Twitter</a></li>
<li><a rel="me" href="https://social.anoxinon.de/@natenom" target="_top">Mastodon</a></li>
</ul>
</div>
<!-- End of nom_globaltopbar include -->

68
html/www.natenom.com_datenschutz.html Normal file
View file

@ -0,0 +1,68 @@
<html class="no-js" lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="stylesheet" href="/www.natenom.com.css">
</head>
<body>
<!-- Do not touch this file. It is handled via https://git.vrifox.cc/vrifox/natenom-websites/ -->
<!-- Include nom_globaltopbar -->
<div class="nom_globaltopbar">
<ul class="nom_globaltopbar-inner left">
<li><a href="https://www.natenom.com/" title="Infos &uuml;ber Natenom" target="_top">&Uuml;ber Natenom</a>
<li><span class="separator"></span>
<li><a href="https://blog.natenom.com/" title="Natenoms Blog" target="_top">Blog</a></li>
<li><a href="https://wiki.natenom.de/" title="Mein Wiki" target="_top">Wiki</a>
<li><a href="https://files.natenom.com/" title="Dateiablage" target="_top">Dateien</a>
<li><span class="separator"></span>
<li><a href="https://wiki.natenom.de/ueber/natemologie-zentrum" title="Mumble-Server Natemologie-Zentrum" target="_top">Mumble</a>
<li><span class="separator"></span>
<li><a href="/datenschutz/" title="Datenschutz" target="_top">Datenschutz</a>
<li><a href="https://www.natenom.com/impressum/" title="Impressum" target="_top">Impressum</a>
</ul>
<ul class="nom_globaltopbar-inner right">
<li><a rel="me" href="https://twitter.com/natenom" target="_top">Twitter</a></li>
<li><a rel="me" href="https://social.anoxinon.de/@natenom" target="_top">Mastodon</a></li>
</ul>
</div>
<!-- End of nom_globaltopbar include -->
<main>
<div class="container">
<h1>Datenschutzerklärung für www.natenom.com</h1>
<p>Ich habe grundsätzlich kein Interesse daran, irgendwelche Daten zu speichern. Ich will sie weder auswerten noch irgendwelche Zugriffsstatistiken daraus erstellen.</p>
<p>Doch leider ist es technisch notwendig, dass man zumindest ein paar Logdateien z. B. über die Zugriffe auf einen (Web-)Server hat, um z. B. Bots oder merkwürdige Zugriffe erkennen und/oder sperren zu können. In diesem Rahmen werden daher technisch notwendige Daten gespeichert und nach kurzer Zeit automatisch gelöscht.</p>
<h2>Datenerhebung</h2>
<p>Es werden die folgenden Daten erfasst und gespeichert:</p>
<ul>
<li>Browsertyp und -version</li>
<li>verwendetes Betriebssystem</li>
<li>abgerufene URL</li>
<li>heruntergeladene/angefragte Dateien</li>
<li>Referrer URL (die vorher besuchte Seite, auf der man auf den Link zu meiner Webseite geklickt hat; falls der Browser diese Daten überhaupt sendet)</li>
<li>IP-Adresse des zugreifenden Rechners</li>
<li>Zeitpunkt des Abrufs</li>
</ul>
<p>Diese gespeicherten Daten werden nicht an Dritte weitergegeben und sie werden nach drei Tagen automatisch gelöscht.</p>
<h2>Cookies</h2>
<p>Auf www.natenom.com werden keine Cookies verwendet.</p>
<h2>Verschlüsselung</h2>
<p>Die Kommunikation zu meinem (Web-)Server findet immer verschlüsselt statt. Wenn ein Benutzer meinen (Web-)Server ohne Verschlüsselung kontaktiert, so wird der Benutzer automatisch auf die verschlüsselte Version weitergeleitet.</p>
<h2>Auskunftsrecht</h2>
<p>Im Rahmen gesetzlicher Auskunftsansprüche kann ich dir gerne mitteilen, welche Daten ich von dir gespeichert habe.</p>
<p>Die Daten zur Kontaktaufnahme findest du im Impressum.</p>
<p>Da für www.natenom.com nur Serverlogfiles existieren, die kurzfristig und automatisch gelöscht werden (siehe oben), habe ich wohl keine Informationen über dich.</p>
<h2>Löschen</h2>
<p>Im Rahmen gesetzlicher Ansprüche kannst mich gerne kontaktieren, wenn ich deine Daten löschen soll.</p>
<p>Die Daten zur Kontaktaufnahme findest du im Impressum.</p>
</div>
</main>
</body>
</html>

50
html/www.natenom.com_impressum.html Normal file
View file

@ -0,0 +1,50 @@
<html class="no-js" lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="stylesheet" href="/www.natenom.com.css">
</head>
<body>
<!-- Do not touch this file. It is handled via https://git.vrifox.cc/vrifox/natenom-websites/ -->
<!-- Include nom_globaltopbar -->
<div class="nom_globaltopbar">
<ul class="nom_globaltopbar-inner left">
<li><a href="https://www.natenom.com/" title="Infos &uuml;ber Natenom" target="_top">&Uuml;ber Natenom</a>
<li><span class="separator"></span>
<li><a href="https://blog.natenom.com/" title="Natenoms Blog" target="_top">Blog</a></li>
<li><a href="https://wiki.natenom.de/" title="Mein Wiki" target="_top">Wiki</a>
<li><a href="https://files.natenom.com/" title="Dateiablage" target="_top">Dateien</a>
<li><span class="separator"></span>
<li><a href="https://wiki.natenom.de/ueber/natemologie-zentrum" title="Mumble-Server Natemologie-Zentrum" target="_top">Mumble</a>
<li><span class="separator"></span>
<li><a href="/datenschutz/" title="Datenschutz" target="_top">Datenschutz</a>
<li><a href="https://www.natenom.com/impressum/" title="Impressum" target="_top">Impressum</a>
</ul>
<ul class="nom_globaltopbar-inner right">
<li><a rel="me" href="https://twitter.com/natenom" target="_top">Twitter</a></li>
<li><a rel="me" href="https://social.anoxinon.de/@natenom" target="_top">Mastodon</a></li>
</ul>
</div>
<!-- End of nom_globaltopbar include -->
<main>
<div class="container">
<h2>Impressum</h2>
<p>Impressum für natenom.com, natenom.de und natenom.name.</p>
<h2 id="verantwortlich">Verantwortlich</h2>
<figure class="wp-block-image">
<img src="/.cdn/imprint/ipr2015.png" alt=""/>
</figure>
<p>Natenom</p>
<p>Die genannte Telefonnummer ist nicht für Support-Zwecke gedacht und ich rufe auch nicht zurück. Bitte kontaktiere mich am besten per E-Mail. Weitere Möglichkeiten siehe <a href="https://www.natenom.com/">hier</a>.</p>
<h2 id="kontakt">Kontakt</h2>
<p>natenom [aet] mailbox [dot] org</p>
<p>Wer es sicher will benutzt GPG; den Public Key gibt es <a href="/.cdn/gpg/natenom.pub.asc">hier</a>.</p>
</div>
</main>
</body>
</html>

9
html/www.natenom.com_template.html
View file

@ -11,11 +11,14 @@
<!-- Include nom_globaltopbar -->
<div class="nom_globaltopbar">
<ul class="nom_globaltopbar-inner left">
<li><a href="https://www.natenom.com/" title="Wer bin ich? Infos &uuml;ber Natenom" target="_top">Natenom?</a>
<li><a href="https://www.natenom.com/" title="Infos &uuml;ber Natenom" target="_top">&Uuml;ber Natenom</a>
<li><span class="separator"></span>
<li><a href="https://blog.natenom.com/" title="Natenoms Blog" target="_top">Blog</a></li>
<li><a href="https://wiki.natenom.de/" title="Mein Wiki" target="_top">Wiki</a>
<li><a href="https://files.natenom.com/" title="Dateiablage" target="_top">Dateien</a>
<li><span class="separator"></span>
<li><a href="https://wiki.natenom.de/ueber/natemologie-zentrum" title="Mumble-Server Natemologie-Zentrum" target="_top">Mumble</a>
<li><span class="separator"></span>
<li><a href="/datenschutz/" title="Datenschutz" target="_top">Datenschutz</a>
<li><a href="https://www.natenom.com/impressum/" title="Impressum" target="_top">Impressum</a>
</ul>
@ -26,9 +29,11 @@
</div>
<!-- End of nom_globaltopbar include -->
<div class="wrapper">
<main>
<div class="container">
<!-- Iclude content -->
<!-- End of content include -->
</div>
</main>
</body>
</html>

79
html/www.natenom.com_ueber.html
View file

@ -1,73 +1,94 @@
<html class="no-js" lang="de-DE">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="stylesheet" href="/www.natenom.com.css">
</head>
<body>
<!-- Do not touch this file. It is handled via https://git.vrifox.cc/vrifox/natenom-websites/ -->
<!-- Include nom_globaltopbar -->
<div class="nom_globaltopbar">
<ul class="nom_globaltopbar-inner left">
<li><a href="https://www.natenom.com/" title="Infos &uuml;ber Natenom" target="_top">&Uuml;ber Natenom</a>
<li><span class="separator"></span>
<li><a href="https://blog.natenom.com/" title="Natenoms Blog" target="_top">Blog</a></li>
<li><a href="https://wiki.natenom.de/" title="Mein Wiki" target="_top">Wiki</a>
<li><a href="https://files.natenom.com/" title="Dateiablage" target="_top">Dateien</a>
<li><span class="separator"></span>
<li><a href="https://wiki.natenom.de/ueber/natemologie-zentrum" title="Mumble-Server Natemologie-Zentrum" target="_top">Mumble</a>
<li><span class="separator"></span>
<li><a href="/datenschutz/" title="Datenschutz" target="_top">Datenschutz</a>
<li><a href="https://www.natenom.com/impressum/" title="Impressum" target="_top">Impressum</a>
</ul>
<ul class="nom_globaltopbar-inner right">
<li><a rel="me" href="https://twitter.com/natenom" target="_top">Twitter</a></li>
<li><a rel="me" href="https://social.anoxinon.de/@natenom" target="_top">Mastodon</a></li>
</ul>
</div>
<!-- End of nom_globaltopbar include -->
<main>
<div class="container">
<h2>Was ist Natenom und was macht es?</h2>
<div class="wp-block-image"><figure class="aligncenter size-large"><img src="https://blog.natenom.com/.cdn/images/natenom_avatar_cleanspace_200x200.png" alt=""/></figure></div>
<div class="wp-block-image">
<figure class="aligncenter size-large">
<img src="https://blog.natenom.com/.cdn/images/natenom_avatar_cleanspace_200x200.png" alt=""/>
</figure>
</div>
<h2>Kontakt</h2>
<p>E-Mail/XMPP (natenom at mailbox punkt org)</p>
<p>Twitter (<a href="https://twitter.com/natenom">@Natenom</a>)</p>
<p>Mastodon (<a href="https://social.anoxinon.de/@natenom">social.anoxinon.de/@natenom</a>)</p>
<p>GitHub (<a href="https://github.com/natenom">Natenom</a>)</p>
<p>OpenStreetMap (<a href="https://www.openstreetmap.org/user/Natenom">Natenom</a>)</p>
<p>Mumble-Server (<a href="https://wiki.natenom.de/ueber/natemologie-zentrum">Natemologie-Zentrum</a>)</p>
<h2 id="mein-blog-und-mein-wiki">Mein Blog und mein Wiki</h2>
<p>Seit 2009 betreibe ich meinen <a href="/">Blog</a> und veröffentliche seitdem regelmäßig Beiträge zu Themen wie <a href="/tag/openstreetmap/">OpenStreetMap</a>, <a href="/tag/fahrrad/">Fahrrad</a>, <a href="/category/mumble/">Mumble</a>, <a href="/tag/open-source/">FOSS</a>, <a href="/category/linux/">Linux</a>, <a href="/category/fotos/">Fotografie</a> und vielem mehr…</p>
<p>Seit 2009 betreibe ich meinen <a href="https://blog.natenom.com/">Blog</a> und veröffentliche seitdem regelmäßig Beiträge zu Themen wie <a href="https://blog.natenom.com/tag/openstreetmap/">OpenStreetMap</a>, <a href="https://blog.natenom.com/tag/fahrrad/">Fahrrad</a>, <a href="https://blog.natenom.com/category/mumble/">Mumble</a>, <a href="https://blog.natenom.com/tag/open-source/">FOSS</a>, <a href="https://blog.natenom.com/category/linux/">Linux</a>, <a href="https://blog.natenom.com/category/fotos/">Fotografie</a> und vielem mehr…</p>
<p>Mein eigenes <a href="https://wiki.natenom.de/">Wiki</a> betreibe ich seit 2010 und habe dort in den folgenden Jahren die größte <a href="https://wiki.natenom.de/mumble">Dokumentation zu Mumble</a>
in deutscher Sprache geschrieben. Aber auch zahlreiche Anleitungen zu
Audio-Bots, Linux und vielem mehr gibt es. Das meiste in Deutsch, vieles
aber auch in Englisch. Auch gibt es einen größer werdenden Bereich zum
Thema Fahrrad.</p>
<p>Der Blog und das Wiki sind ein Abbild der Interessen, die ich hatte und immer noch habe.</p>
<h2 id="fahrrad-und-verkehrspolitik">Fahrrad und Verkehrspolitik</h2>
<p>Im Jahre 2014 begann ich damit, Fahrrad zu fahren. Erst nur sehr kurze Strecken, nach relativ kurzer Zeit bereits längere Strecken bis 20km am Tag. Mittlerweile habe ich dank Fahrrad einen Aktionsradius von 40km, kann also mit Hin- und Rückfahrt um die 80 km an einem Tag fahren. Ab und zu auch mal mehr. Ich besitze (nur) ein einziges Fahrrad, ein MTB, was aber eher als Trekkingrad genutzt wird. <a href="/2018/05/zahlen-bitte-gewicht-meines-alltagsrads/">Es wiegt 20,7 kg</a> und dazu kommen 9 kg Gepäck, das ich immer dabei habe. Das bedeutet, ich bin ziemlich schwer und sehe mich eher als Lkw-Fahrer.</p>
<p>Im Jahre 2014 begann ich damit, Fahrrad zu fahren. Erst nur sehr kurze Strecken, nach relativ kurzer Zeit bereits längere Strecken bis 20 km am Tag. Mittlerweile habe ich dank Fahrrad einen Aktionsradius von 40 km, kann also mit Hin- und Rückfahrt um die 80 km an einem Tag fahren. Ab und zu auch mal mehr. Ich besitze (nur) ein einziges Fahrrad, ein MTB, was aber eher als Trekkingrad genutzt wird. <a href="https://blog.natenom.com/2018/05/zahlen-bitte-gewicht-meines-alltagsrads/">Es wiegt 20,7 kg</a> und dazu kommen 9 kg Gepäck, das ich immer dabei habe. Das bedeutet, ich bin ziemlich schwer und sehe mich eher als Lkw-Fahrer.</p>
<p>Gleichzeitig stieg mein Interesse für Fahrrad relevante Themen, nicht
nur, aber auch mit regionalem Bezug im Bereich Pforzheim und Umgebung.
Um Geld zu sparen, lernte ich viel über Fahrradmechanik und bin heute in
der Lage, fast alles selbst zu reparieren.</p>
<p>In meinem Blog schreibe ich über meine <a href="/tag/fahrrad/">Erfahrungen mit dem Fahrrad</a>.</p>
<p>Aktuell fahre ich fast alle Strecken meines Lebens mit dem Fahrrad. 2016 und 2017 kamen jeweils 6000 km zusammen, 2018 waren es 8564 km. Weitere Statistiken unter dem Tag "<a href="/tag/statistiken">Statistiken</a>".</p>
<p>Ich berichte immer wieder von meinen <a href="/tag/alltagserlebnisse/">Alltagserlebnissen, wenn ich mit dem Fahrrad unterwegs bin</a>.</p>
<p>Seit ich einen Vortrag über Verkehrspolitik in Pforzheim Anfang 2018 besucht hatte, packte mich dieses Thema noch mehr. Kurz danach entstand auch in Pforzheim wieder eine <a href="/tag/critical-mass/">Critical Mass</a>, bei der jeder Radfahrende jeden letzten Freitag im Monat am Waisenhausplatz um 19 Uhr dazukommen und mitfahren kann. Ich versuche auch, mich auf lokaler Ebene einzubringen und die Situation für Radfahrende zu verbessern. Beiträge zu diesem Thema <a href="/tag/fahrrad/">gibt es im Blog</a>.</p>
<p>In meinem Blog schreibe ich über meine <a href="https://blog.natenom.com/tag/fahrrad/">Erfahrungen mit dem Fahrrad</a>.</p>
<p>Aktuell fahre ich fast alle Strecken meines Lebens mit dem Fahrrad. 2016 und 2017 kamen jeweils 6000 km zusammen, 2018 waren es 8564 km. Weitere Statistiken unter dem Tag "<a href="https://blog.natenom.com/tag/statistiken">Statistiken</a>".</p>
<p>Ich berichte immer wieder von meinen <a href="https://blog.natenom.com/tag/alltagserlebnisse/">Alltagserlebnissen, wenn ich mit dem Fahrrad unterwegs bin</a>.</p>
<p>Seit ich einen Vortrag über Verkehrspolitik in Pforzheim Anfang 2018 besucht hatte, packte mich dieses Thema noch mehr. Kurz danach entstand auch in Pforzheim wieder eine <a href="https://blog.natenom.com/tag/critical-mass/">Critical Mass</a>, bei der jeder Radfahrende jeden letzten Freitag im Monat am Waisenhausplatz um 19 Uhr dazukommen und mitfahren kann. Ich versuche auch, mich auf lokaler Ebene einzubringen und die Situation für Radfahrende zu verbessern. Beiträge zu diesem Thema <a href="https://blog.natenom.com/tag/fahrrad/">gibt es im Blog</a>.</p>
<h2 id="freie-software">Freie Software</h2>
<p>Ich setze aus Überzeugung fast ausschließlich auf Open Source bzw. FOSS in allen Bereichen. Auf meinem <a href="https://github.com/natenom">Github Account</a> stelle ich alle Arbeiten zur Verfügung, wie z. B. Module für den <a href="https://wiki.natenom.de/mumble/tools/mumo">Mumble Moderator</a>, mit denen man die Funktionalität eines Mumble-Servers erweitern kann; aber auch andere Projekte sind dort zu finden.</p>
<p>Besonders gefällt mir in diesem Bereich, dass es in den meisten
Fällen keine Rolle spielt, wer man ist, wie man aussieht, wo man geboren
wurde. Es ist nur relevant, was, bzw. wie man etwas macht.</p>
<h2 id="linux">Linux</h2>
<p>GNU/Linux benutze ich seit 1996, seit es mir damals jemand gezeigt
hat. Ich war begeistert, wieviel Software damals mitgeliefert wurde und
dass man nicht für jede Installation von Software die Seriennummer
herauskramen musste. Windows kann ich nur ein bisschen, eher gar nicht.</p>
<h2 id="openstreetmap">OpenStreetMap</h2>
<p>Ich bin zwar schon seit 2014 auf <a href="https://www.openstreetmap.org/">OpenStreetMap</a>
registriert und hatte damals schon ein Paar Daten beigetragen, doch
erst 2017 startete ich so richtig durch und trage seitdem in Intervallen
dazu bei, dass die Datenbank mit fehlenden Daten ergänzt wird.</p>
<p>Am liebsten mache ich das ich direkt vor Ort oder wenn ich mit dem Fahrrad unterwegs bin. Infos dazu findest du auch in meinem Blog, <a href="/tag/openstreetmap/">siehe hier</a>.</p>
<p>Am liebsten mache ich das ich direkt vor Ort oder wenn ich mit dem Fahrrad unterwegs bin. Infos dazu findest du auch in meinem Blog, <a href="https://blog.natenom.com/tag/openstreetmap/">siehe hier</a>.</p>
<h2 id="mumble">Mumble</h2>
<p>Als Alternative zu einem damals sehr verbreiteten VoIP-Tool fand ich <sup>2006</sup>⁄<sub>2007</sub> die freie Software Mumble. Seitdem nutzt ich diese und betriebe einen eigenen Mumble-Server. Später wurde ich auch in der Mumble Community aktiv und wenige weitere Jahre später wurde ich dann auch Teil des <a href="https://www.mumble.info">Mumble-Projekts</a>. Seit 2009 ist mein <a href="https://wiki.natenom.de/ueber/natemologie-zentrum">Mumble-Server</a> in der jetzigen Form offiziell online, auf dem sich seitdem eine nette Community gebildet hat. Hier bin ich immer noch meistens zu finden.</p>
</div>
</main>
</body>
</html>

18
scss/import/www.scss
View file

@ -1,5 +1,23 @@
body {
background: $blog_body-bg;
color: $white;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
a {
color: $nom_blue;
}
main {
font-size: 18px;
line-height: 31px;
margin: 80px 20px;
}
.container {
margin: 0 auto;
max-width: 800px;
}
}
//
// ueber
//