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

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

@ -1,7 +1,11 @@
<html class="no-js" lang="de-DE">
<html lang="de-DE">
<head>
<title>Datenschutz</title>
<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">
</head>
@ -29,9 +33,10 @@
</div>
<!-- End of nom_globaltopbar include -->
<main>
<main class="datenschutz">
<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>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>

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

@ -1,7 +1,11 @@
<html class="no-js" lang="de-DE">
<html lang="de-DE">
<head>
<title>Impressum</title>
<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">
</head>
@ -29,15 +33,13 @@
</div>
<!-- End of nom_globaltopbar include -->
<main>
<main class="impressum">
<div class="container">
<h2>Impressum</h2>
<p>Impressum für natenom.com, natenom.de und natenom.name.</p>
<h1>Impressum</h1>
<p>Gültig 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>

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

@ -1,7 +1,11 @@
<html class="no-js" lang="de-DE">
<html lang="de-DE">
<head>
<title>Über Natenom</title>
<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">
</head>
@ -29,27 +33,44 @@
</div>
<!-- End of nom_globaltopbar include -->
<main>
<main class="ueber">
<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>
<h1>Über Natenom</h1>
<h2>Kontakt</h2>
<div class="contact kagube container">
<table class="contact table">
<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>
<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="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>
<h2 id="mein-blog-und-mein-wiki">Blog und Wiki</h2>
<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>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
aber auch in Englisch. Auch gibt es einen größer werdenden Bereich zum
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>
<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>
</main>
</body>

31
scss/import/www.scss
View file

@ -13,14 +13,39 @@ body {
font-size: 18px;
line-height: 31px;
margin: 80px 20px;
}
.container {
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%);
}
}