minimus content
This commit is contained in:
parent
9634e7f4f2
commit
ee037564a7
6
app.js
6
app.js
|
|
@ -326,6 +326,12 @@ app.get('/', (req, res) => {
|
||||||
res.render('index', { session: req.session });
|
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', () => {
|
const server = app.listen(port, '0.0.0.0', () => {
|
||||||
log.Info(`Server is running on ${process.env.HOST}:${port}/`);
|
log.Info(`Server is running on ${process.env.HOST}:${port}/`);
|
||||||
});
|
});
|
||||||
|
|
@ -1,15 +1,15 @@
|
||||||
@font-face { font-family: 'Lato';
|
@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';
|
@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-weight: bold;
|
||||||
}
|
}
|
||||||
@font-face { font-family: 'Lato';
|
@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-style: italic;
|
||||||
}
|
}
|
||||||
@font-face { font-family: 'Lato';
|
@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-weight: bold;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
@ -17,8 +17,6 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: Lato;
|
font-family: Lato;
|
||||||
scroll-behavior: smooth;
|
|
||||||
text-align:center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
span {font-family: Lato;}
|
span {font-family: Lato;}
|
||||||
|
|
@ -39,69 +37,10 @@ max-width: 1200px;
|
||||||
margin: auto;
|
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{
|
#titellogo{
|
||||||
width:30px;
|
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 wrapper*/
|
||||||
.content{
|
.content{
|
||||||
padding-top:75px;
|
padding-top:75px;
|
||||||
|
|
@ -129,52 +68,3 @@ content: "";
|
||||||
display: table;
|
display: table;
|
||||||
clear: both;
|
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%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,38 @@
|
||||||
|
<%- include('partials/header') %>
|
||||||
|
|
||||||
|
<h1>Disclaimer</h1>
|
||||||
|
<p>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.</p>
|
||||||
|
<p>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.</p>
|
||||||
|
<p>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 <a href="mailto:spam@boergmann.it">spam@boergmann.it</a>. Das ist auch verboten, stört mich aber nicht.</p>
|
||||||
|
|
||||||
|
<h1>Datenschutz</h1>
|
||||||
|
<p>Ich will deine Daten gar nicht, aber alleine das Aufrufen der Seite übermittelt Daten an den Server, die analysiert werden (können).</br>
|
||||||
|
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.</br>
|
||||||
|
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.</p>
|
||||||
|
|
||||||
|
<p>Dies ist eine private Website, daher bin ich selbst der Verantwortliche im Sinne der Datenschutzgrundverordnung und des Bundesdatenschutzgesetzes.</br>
|
||||||
|
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</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Art. 12 und 13: Tranparenz (Das was ich hiermit tue)</li>
|
||||||
|
<li>Art. 14: Information über Erhebung bei dritten (Mache ich nicht, wenn doch sage ich Bescheid)</li>
|
||||||
|
<li>Art. 15: Auskunft (welche Daten habe ich woher, inklusive Kopie aller Daten, wenn gewünscht)</li>
|
||||||
|
<li>Art 16: Berichtigung (z.B. wenn du mir schreibst und dann deine Mailadresse änderst)</li>
|
||||||
|
<li>Art 17: Löschung (Auf Wunsch lösche ich unsere Korrespondenz komplett)</li>
|
||||||
|
</ul>
|
||||||
|
<p>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.)</p>
|
||||||
|
|
||||||
|
<p>Ich nutze zwar einige soziale Netzwerke, verlinke diese aber hier nur und nutze auch keine Plugins, daher bekommen die auch keine Daten von euch.</br>
|
||||||
|
Jedenfalls nicht von mir.</p>
|
||||||
|
|
||||||
|
<h1>Impressum</h1>
|
||||||
|
<p>Da dies eine rein private Website ist findet die Impressumspflicht nach <a href="http://www.gesetze-im-internet.de/tmg/__5.html" target=blank>§5 Telemediengesetz</a><!-- Aufgerufen am 04.01.2023 --> keine Anwendung.</br>
|
||||||
|
Hier allerdings trotzdem ein paar freiwillige Angaben</p>
|
||||||
|
|
||||||
|
<p>Klaas Börgmann</br>
|
||||||
|
admin[at]boergmann.it</br>
|
||||||
|
Postanschrift auf begründete Anfrage</p>
|
||||||
|
|
||||||
|
|
||||||
|
<%- include('partials/footer') %>
|
||||||
|
|
@ -6,17 +6,26 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="column middle">
|
<div class="column middle">
|
||||||
<h1>Willkommen</h1> </div>
|
<h1>Willkommen</h1>
|
||||||
|
|
||||||
|
<p>Das hier ist meine kleine Spielwiese um Webentwicklung zu lernen und auszuprobieren. Ohne Login ist die Seite
|
||||||
|
recht unspektakulär Zugang habe nur ich.</p>
|
||||||
|
<p>Irgendwann fülle ich die Seite vielleicht auch mal mit Infos über mich oder sogar interessantem Content.</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="column side">
|
<div class="column side">
|
||||||
<h2>News</h2>
|
<h2>News</h2>
|
||||||
<div class="nachricht">
|
<div class="nachricht">
|
||||||
<h3>Testnachricht</h3>
|
<h3>Testnachricht</h3>
|
||||||
<p>Die Welt geht unter. Machste nix.</p>
|
<p>Die Welt geht unter. Machste nix.</p>
|
||||||
</div> </div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
<%- include('partials/footer') %>
|
<%- include('partials/footer') %>
|
||||||
|
|
@ -1,4 +1,42 @@
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" class="d-none">
|
||||||
|
<symbol id="bootstrap" viewBox="0 0 118 94">
|
||||||
|
<title>Bootstrap</title>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="instagram" viewBox="0 0 16 16">
|
||||||
|
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
|
||||||
|
</symbol>
|
||||||
|
<symbol id="twitter" viewBox="0 0 16 16">
|
||||||
|
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
|
||||||
|
</symbol>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<footer class="py-3 my-4" id="footer">
|
||||||
|
<div class="container">
|
||||||
|
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
|
||||||
|
<li class="nav-item"><a href="/" class="nav-link px-2 text-body-secondary">Home</a></li>
|
||||||
|
<li class="nav-item"><a href="/impressum" class="nav-link px-2 text-body-secondary">Impressum, datenschutz und was sonst noch so muss</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4">
|
||||||
|
<div class="col-md-4 d-flex align-items-center">
|
||||||
|
<span>©<script>document.write( new Date().getFullYear() );</script> Klaas Börgmann</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
|
||||||
|
<li class="ms-3"><a class="text-body-secondary" href="https://x.com/Klaas31415" target="blank"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li>
|
||||||
|
<li class="ms-3"><a class="text-body-secondary" href="https://instagram.com/kheradurakh" target="blank" ><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li>
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
<script src="/js/bootstrap.min.js"></script>
|
<script src="/js/bootstrap.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue