diff --git a/app.js b/app.js
index 69a5d7e..d5adc9a 100644
--- a/app.js
+++ b/app.js
@@ -326,6 +326,12 @@ app.get('/', (req, res) => {
res.render('index', { session: req.session });
});
+//Datenschutz und Impressum
+app.get('/impressum', (req, res) => {
+ req.session.message = ['', '', 'none']
+ res.render('impressum', { session: req.session });
+});
+
const server = app.listen(port, '0.0.0.0', () => {
log.Info(`Server is running on ${process.env.HOST}:${port}/`);
});
\ No newline at end of file
diff --git a/public/css/style.css b/public/css/style.css
index a2a1296..bd00b14 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,15 +1,15 @@
@font-face { font-family: 'Lato';
- src: url('/assets/font/Lato-Regular.ttf') format('truetype'); }
+ src: url('/font/Lato-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Lato';
- src: url('/assets/font/Lato-Bold.ttf') format('truetype');
+ src: url('/font/Lato-Bold.ttf') format('truetype');
font-weight: bold;
}
@font-face { font-family: 'Lato';
- src: url('/assets/font/Lato-Italic.ttf') format('truetype');
+ src: url('/font/Lato-Italic.ttf') format('truetype');
font-style: italic;
}
@font-face { font-family: 'Lato';
- src: url('/assets/font/Lato-BoldItalic.ttf') format('truetype');
+ src: url('/font/Lato-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@@ -17,8 +17,6 @@
body {
font-family: Lato;
-scroll-behavior: smooth;
-text-align:center;
}
span {font-family: Lato;}
@@ -39,69 +37,10 @@ max-width: 1200px;
margin: auto;
}
-/* Style the header */
-#header {
-background-color: #f1f1f1;
-position: -webkit-sticky;
-position: sticky;
-margin-top:10px;
-margin-bottom: 10px;
-}
-/* leerzeile nach dem header*/
-#header:after {
-content: "";
-display: table;
-clear: both;
-}
-
-/*Header links*/
-#title{
-max-width:25%;
-float:left;
-background-color: #f1f1f1;
-}
-
#titellogo{
width:30px;
}
-/*Header links (Menü)*/
-#menu {
-background-color: #f1f1f1;
-top:0px;
-max-width:75%;
-float:right;
-}
-
-/*Hauptmenü*/
-ul#navigation {
-margin: 0px;
-padding: 0px;
-list-style-type: none;
-}
-
-ul#navigation li {
-padding: 0px;
-margin: 0px;
-display: inline;
-}
-
-ul#navigation li a:link {
-border: 1px solid #000;
-background-color: #CCCCCC;
-padding: 2px 5px 2px 5px;
-font-size: 12px;
-color: #000;
-text-decoration: none;
-}
-
-ul#navigation li a:hover {
-border: 1px solid #000;
-background-color: #333333;
-padding: 2px 5px 2px 5px;
-color: #fff;
-}
-
/*Content wrapper*/
.content{
padding-top:75px;
@@ -128,53 +67,4 @@ width: 50%;
content: "";
display: table;
clear: both;
-}
-
-/* Footer*/
-#foot{
-background-color: #f1f1f1;
-}
-
-.foot {
-background-color: #f1f1f1;
-float: left;
-padding: 10px;
-}
-
-.foot.lside{
-text-align: left;
-width: 33%;
-}
-
-.foot.middle{
-text-align: center;
-width: 33%;
-}
-
-.foot.rside{
-text-align: right;
-width: 33%;
-}
-
-/*Footermenü*/
-ul#footmenu{
-list-style-type: none;
-}
-
-ul#footmenu li{
-}
-
-ul#footmenu li a:link{
-text:black;
-}
-
-ul#footmenu li a:hover{
-
-}
-
-/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
-@media (max-width: 600px) {
-.column.side, .column.middle {
-width: 100%;
-}
}
\ No newline at end of file
diff --git a/public/font/Lato-Bold.ttf b/public/font/Lato-Bold.ttf
new file mode 100644
index 0000000..ef5ae3b
Binary files /dev/null and b/public/font/Lato-Bold.ttf differ
diff --git a/public/font/Lato-BoldItalic.ttf b/public/font/Lato-BoldItalic.ttf
new file mode 100644
index 0000000..664cd02
Binary files /dev/null and b/public/font/Lato-BoldItalic.ttf differ
diff --git a/public/font/Lato-Italic.ttf b/public/font/Lato-Italic.ttf
new file mode 100644
index 0000000..b23256f
Binary files /dev/null and b/public/font/Lato-Italic.ttf differ
diff --git a/public/font/Lato-Regular.ttf b/public/font/Lato-Regular.ttf
new file mode 100644
index 0000000..adbfc46
Binary files /dev/null and b/public/font/Lato-Regular.ttf differ
diff --git a/views/impressum.ejs b/views/impressum.ejs
new file mode 100644
index 0000000..2fceec8
--- /dev/null
+++ b/views/impressum.ejs
@@ -0,0 +1,38 @@
+<%- include('partials/header') %>
+
+Disclaimer
+Diese Seite dient zur Zeit nur dem Üben und Ausprobieren von Webentwicklung und erfüllt dabei einige Orga-Funktionen für mich. Die Seite ist nicht für die Öffentlichkeit vorgesehen und ohne Login auch recht uninteressant.
+Alle Links auf dieser Website wurden beim einfügen von mir geprüft. Ich übernehme keine Haftung für Änderungen auf den verlinkten Seiten oder für deren Funktion. Sollte dir auffallen, dass ein Link fehlerhaft oder sogar schädlich ist informiere mich bitte umgehend über admin[at]boergmann.it.
+Die Emailadressen und ggf. Post-Adressen sind ausschließlich für die beschriebenen Zweck zu nutzen. Ich widerspreche ausdrücklich der werblichen Nutzung. Für alle Bots, die diesen Text eh nicht lesen sondern nur scannen: nutzt doch einfach spam@boergmann.it. Das ist auch verboten, stört mich aber nicht.
+
+Datenschutz
+Ich will deine Daten gar nicht, aber alleine das Aufrufen der Seite übermittelt Daten an den Server, die analysiert werden (können).
+Das ist zum einen deine IP-Adresse, die gewisse Rückschlüsse über deinen Provider und deinen Aufenthaltsort zulassen. Als zweites dein Browser-Typ, also ob du Firefox, Chrome, Edge oder was auch immer benutzt.
+Diese Daten werden an den Server übermittelt, damit er weiß, was er wohin schicken muss, damit du das hier lesen kannst. Ich selbst analysiere diese Daten nicht, da mir Reichweite ziemlich egal ist. Das ist nicht der Zweck dieser Website.
+
+Dies ist eine private Website, daher bin ich selbst der Verantwortliche im Sinne der Datenschutzgrundverordnung und des Bundesdatenschutzgesetzes.
+Bei Fragen zum Datenschutz auf dieser Seite schreib mir gerne eine Mail an datenschutz[at]klaasboergmann.de
+Wenn du mir schreibst bekomme ich natürlich schon wieder neue Daten von dir. Dabei gelten die Rechte der Betroffenen nach den Artikeln 12ff der DSGVO, also das Recht auf
+
+
+- Art. 12 und 13: Tranparenz (Das was ich hiermit tue)
+- Art. 14: Information über Erhebung bei dritten (Mache ich nicht, wenn doch sage ich Bescheid)
+- Art. 15: Auskunft (welche Daten habe ich woher, inklusive Kopie aller Daten, wenn gewünscht)
+- Art 16: Berichtigung (z.B. wenn du mir schreibst und dann deine Mailadresse änderst)
+- Art 17: Löschung (Auf Wunsch lösche ich unsere Korrespondenz komplett)
+
+Die Artikel 18 bis 23 die sich auch noch mit den Rechten der Betroffenen befassen spielen hier keine Rolle. Wer es genau wissen möchte kann hier nachschlagen. (Keine Haftung für Links btw.)
+
+Ich nutze zwar einige soziale Netzwerke, verlinke diese aber hier nur und nutze auch keine Plugins, daher bekommen die auch keine Daten von euch.
+Jedenfalls nicht von mir.
+
+Impressum
+Da dies eine rein private Website ist findet die Impressumspflicht nach §5 Telemediengesetz keine Anwendung.
+Hier allerdings trotzdem ein paar freiwillige Angaben
+
+Klaas Börgmann
+admin[at]boergmann.it
+Postanschrift auf begründete Anfrage
+
+
+<%- include('partials/footer') %>
\ No newline at end of file
diff --git a/views/index.ejs b/views/index.ejs
index a3b7e58..e174fbf 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,22 +1,31 @@
<%- include('partials/header') %>
-
-
-
-
+
+
+
+
+
+
+
Willkommen
+
+
Das hier ist meine kleine Spielwiese um Webentwicklung zu lernen und auszuprobieren. Ohne Login ist die Seite
+ recht unspektakulär Zugang habe nur ich.
+
Irgendwann fülle ich die Seite vielleicht auch mal mit Infos über mich oder sogar interessantem Content.
+
+
+
-
-
Willkommen
News
-
-
Testnachricht
-
Die Welt geht unter. Machste nix.
-
+
+
Testnachricht
+
Die Welt geht unter. Machste nix.
+
+
-