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

closes #29

Browse source
This commit is contained in:
Vrifox 2020-10-23 19:24:17 +02:00
parent b05787de53
commit d24d0ae2c4
4 changed files with 91 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
html/www.natenom.com_datenschutz.html
View file

@ -1,7 +1,11 @@
<html class="no-js" lang="de-DE"> <html lang="de-DE">
<head> <head>
<title>Datenschutz</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" href="/www.natenom.com.css" as="style">
<link rel="stylesheet" href="/www.natenom.com.css"> <link rel="stylesheet" href="/www.natenom.com.css">
</head> </head>
@ -29,9 +33,10 @@
</div> </div>
<!-- End of nom_globaltopbar include --> <!-- End of nom_globaltopbar include -->
<main> <main class="datenschutz">
<div class="container"> <div class="container">
<h1>Datenschutzerklärung für www.natenom.com</h1> <h1>Datenschutzerklärung</h1>
<p>Gültig für www.natenom.com.</p>
<p>Ich habe grundsätzlich kein Interesse daran, irgendwelche Daten zu speichern. Ich will sie weder auswerten noch irgendwelche Zugriffsstatistiken daraus erstellen.</p> <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> <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>

14
html/www.natenom.com_impressum.html
View file

@ -1,7 +1,11 @@
<html class="no-js" lang="de-DE"> <html lang="de-DE">
<head> <head>
<title>Impressum</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" href="/www.natenom.com.css" as="style">
<link rel="stylesheet" href="/www.natenom.com.css"> <link rel="stylesheet" href="/www.natenom.com.css">
</head> </head>
@ -29,15 +33,13 @@
</div> </div>
<!-- End of nom_globaltopbar include --> <!-- End of nom_globaltopbar include -->
<main> <main class="impressum">
<div class="container"> <div class="container">
<h2>Impressum</h2> <h1>Impressum</h1>
<p>Impressum für natenom.com, natenom.de und natenom.name.</p> <p>Gültig für natenom.com, natenom.de und natenom.name.</p>
<h2 id="verantwortlich">Verantwortlich</h2> <h2 id="verantwortlich">Verantwortlich</h2>
<figure class="wp-block-image">
<img src="/.cdn/imprint/ipr2015.png" alt=""/> <img src="/.cdn/imprint/ipr2015.png" alt=""/>
</figure>
<p>Natenom</p> <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> <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>

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

@ -1,7 +1,11 @@
<html class="no-js" lang="de-DE"> <html lang="de-DE">
<head> <head>
<title>Über Natenom</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" href="/www.natenom.com.css" as="style">
<link rel="stylesheet" href="/www.natenom.com.css"> <link rel="stylesheet" href="/www.natenom.com.css">
</head> </head>
@ -29,27 +33,44 @@
</div> </div>
<!-- End of nom_globaltopbar include --> <!-- End of nom_globaltopbar include -->
<main> <main class="ueber">
<div class="container"> <div class="container">
<h2>Was ist Natenom und was macht es?</h2> <h1>Über Natenom</h1>
<div class="wp-block-image"> <h2>Kontakt</h2>
<figure class="aligncenter size-large"> <div class="contact kagube container">
<img src="https://blog.natenom.com/.cdn/images/natenom_avatar_cleanspace_200x200.png" alt=""/> <table class="contact table">
</figure> <tr>
<td>E-Mail/XMPP</td>
<td>natenom at mailbox punkt org</td>
</tr>
<tr>
<td>Twitter</td>
<td><a href="https://twitter.com/natenom">Natenom</a></td>
</tr>
<tr>
<td>Mastodon</td>
<td><a href="https://social.anoxinon.de/@natenom">Natenom</a></td>
</tr>
<tr>
<td>GitHub</td>
<td><a href="https://github.com/natenom">Natenom</a></td>
</tr>
<tr>
<td>OpenStreetMap</td>
<td><a href="https://www.openstreetmap.org/user/Natenom">Natenom</a></td>
</tr>
<tr>
<td>Mumble</td>
<td><a href="https://wiki.natenom.de/ueber/natemologie-zentrum">Natemologie-Zentrum</a></td>
</tr>
</table>
<img class="kagube" src="https://blog.natenom.com/.cdn/images/natenom_avatar_cleanspace_200x200.png" alt=""/>
</div> </div>
<h2>Kontakt</h2> <h2 id="mein-blog-und-mein-wiki">Blog und Wiki</h2>
<p>E-Mail/XMPP (natenom at mailbox punkt org)</p> <p>Seit 2009 betreibe ich meinen <a href="https://blog.natenom.com/">Blog</a> und veröffentliche seitdem 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>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="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> <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 (in deutscher Sprache) geschrieben. Aber auch zahlreiche Anleitungen zu
Audio-Bots, Linux und vielem mehr gibt es. Das meiste in Deutsch, vieles 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 aber auch in Englisch. Auch gibt es einen größer werdenden Bereich zum
Thema Fahrrad.</p> Thema Fahrrad.</p>
@ -86,7 +107,7 @@
<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> <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> <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> <p>Als Alternative zu einem damals sehr verbreiteten VoIP-Tool fand ich 2006⁄2007 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> </div>
</main> </main>
</body> </body>

31
scss/import/www.scss
View file

@ -13,14 +13,39 @@ body {
font-size: 18px; font-size: 18px;
line-height: 31px; line-height: 31px;
margin: 80px 20px; margin: 80px 20px;
}
.container { .container {
margin: 0 auto; margin: 0 auto;
max-width: 800px; max-width: 580px;
.contact.kagube.container {
display: flex;
table.contact.table {
font-size: 18px;
white-space: nowrap;
tr {
td {
&:first-of-type {
padding: 5px 30px 5px 0;
text-align: right;
}
}
}
}
img.kagube {
height: max-content;
margin: auto;
}
}
}
} }
} }
// //
// ueber // impressum
// //
main.impressum {
img {
filter: invert(100%);
}
}