first draft
This commit is contained in:
parent
fa8fcbcc1e
commit
df8c579e9f
13
.brackets.json
Normal file
13
.brackets.json
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
{
|
||||||
|
"sass.enabled": false,
|
||||||
|
"path": {
|
||||||
|
"scss/*": {
|
||||||
|
"sass.enabled": true,
|
||||||
|
"sass.options": {
|
||||||
|
"outputDir": "../",
|
||||||
|
"sourceComments": false,
|
||||||
|
"outputStyle": "compressed"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
# web-default
|
# Default Website
|
||||||
|
|
||||||
Simple static landing page for not connected websites
|
Simple static landing page for not connected websites.
|
||||||
|
|
||||||
|
For less duplicated code, this also includes the lost items page (jtbx.de/lost).
|
||||||
|
|
|
||||||
43
index.html
Normal file
43
index.html
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
|
<title>Upps - Hier ist nichts</title>
|
||||||
|
<meta name="robots" content="noindex, nofollow">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main class="container">
|
||||||
|
<h1><a href="https://jannikbeyerstedt.de">Jannik Beyerstedt</a></h1>
|
||||||
|
|
||||||
|
<p>Hier gibt es (noch) nichts zu sehen.</p>
|
||||||
|
<p>Wenn Du hier dennoch eine Webseite erwartet hast, baue ich gerade um oder etwas hat bei der Webserver-Konfiguration nicht geklappt.<br>
|
||||||
|
Schau doch einfach in fünf Minuten noch einmal vorbei und schreibe mir eine kurze <a href="mailto:jannik-bugreport@jannikbeyerstedt.de">E-Mail</a>, wenn die Seite immer noch nicht funktioniert. Vielen Dank.</p>
|
||||||
|
|
||||||
|
<h2>Datenschutzhinweise</h2>
|
||||||
|
<div class="small">
|
||||||
|
<p>Bei der Nutzung dieser Webseite werden potentiell personenbezogene Informationen in den Server-Logfiles gespeichert.
|
||||||
|
Prinzipiell werden in den Logs die folgenden Daten erfasst:</p>
|
||||||
|
<ul>
|
||||||
|
<li>gekürzte IP-Adresse</li>
|
||||||
|
<li>Uhrzeit des Zugriffs</li>
|
||||||
|
<li>Angefordertes Dokument</li>
|
||||||
|
<li>Browsertyp und Browserversion</li>
|
||||||
|
<li>verwendetes Betriebssystem</li>
|
||||||
|
</ul>
|
||||||
|
<p>Von der IP-Adresse kenne ich jedoch nur die ersten zwei Blöcke (16 Bit) der IPv4- bzw. 32 Bit der IPv6-Adresse, weil alle weiteren Stellen, die eine persönliche Indentifikation ermöglichen würden, von meinem Webhoster genullt werden.
|
||||||
|
Außerdem wird die Erfassung von Logdateien nur zur konkreten Fehlersuche eingeschaltet.
|
||||||
|
Sofern die Erfassung von Logdaten eingeschaltet ist, werden diese maximal 7 Tage aufbewahrt.</p>
|
||||||
|
<p>Das war's auch schon. Cookies werden nicht genutzt.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<div class="item"><a href="https://status.jtbx.de" rel="noopener noreferrer" target="_blank">Status-Monitoring</a> der Webservices</div>
|
||||||
|
<div class="item">Lizenz: <a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="noopener noreferrer" target="_blank">CC BY-SA 4.0</a></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
50
lost/de.html
Normal file
50
lost/de.html
Normal file
|
|
@ -0,0 +1,50 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
|
<title>Verlorene Dinge von Jannik/ jtbx</title>
|
||||||
|
<meta name="robots" content="noindex, nofollow">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="../style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main class="container">
|
||||||
|
<h1>Vielen Dank für's Finden</h1>
|
||||||
|
|
||||||
|
<p><a href="index.html">English version</a></p>
|
||||||
|
<p>Du hast wohl etwas gefunden, das mir gehört.
|
||||||
|
Danke, dass du versuchst es mir wieder zurückzubringen.
|
||||||
|
Ich bin auf den folgenden Wegen erreichbar:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="mailto:found@jtbx.de">E-Mail</a></li>
|
||||||
|
<li><a href="tel:+4915150594012">mobile phone</a></li>
|
||||||
|
<li><a href="https://threema.id/CPC4FYZ3">Threema</a></li>
|
||||||
|
<li>At CCC events: DECT 5829</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Datenschutzhinweise</h2>
|
||||||
|
<div class="small">
|
||||||
|
<p>Bei der Nutzung dieser Webseite werden potentiell personenbezogene Informationen in den Server-Logfiles gespeichert.
|
||||||
|
Prinzipiell werden in den Logs die folgenden Daten erfasst:</p>
|
||||||
|
<ul>
|
||||||
|
<li>gekürzte IP-Adresse</li>
|
||||||
|
<li>Uhrzeit des Zugriffs</li>
|
||||||
|
<li>Angefordertes Dokument</li>
|
||||||
|
<li>Browsertyp und Browserversion</li>
|
||||||
|
<li>verwendetes Betriebssystem</li>
|
||||||
|
</ul>
|
||||||
|
<p>Von der IP-Adresse kenne ich jedoch nur die ersten zwei Blöcke (16 Bit) der IPv4- bzw. 32 Bit der IPv6-Adresse, weil alle weiteren Stellen, die eine persönliche Indentifikation ermöglichen würden, von meinem Webhoster genullt werden.
|
||||||
|
Außerdem wird die Erfassung von Logdateien nur zur konkreten Fehlersuche eingeschaltet.
|
||||||
|
Sofern die Erfassung von Logdaten eingeschaltet ist, werden diese maximal 7 Tage aufbewahrt.</p>
|
||||||
|
<p>Das war's auch schon. Cookies werden nicht genutzt.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<div class="item"><a href="https://status.jtbx.de" rel="noopener noreferrer" target="_blank">Status-Monitoring</a> der Webservices</div>
|
||||||
|
<div class="item">Lizenz: <a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="noopener noreferrer" target="_blank">CC BY-SA 4.0</a></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
51
lost/index.html
Normal file
51
lost/index.html
Normal file
|
|
@ -0,0 +1,51 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
|
<title>Lost Items of Jannik/ jtbx</title>
|
||||||
|
<meta name="robots" content="noindex, nofollow">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="../style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main class="container">
|
||||||
|
<h1>Thanks for finding my stuff</h1>
|
||||||
|
|
||||||
|
<p><a href="de.html">Version auf Deutsch</a></p>
|
||||||
|
<p>You found something, which belongs to me.
|
||||||
|
Thanks for taking the effort to get it back to me.
|
||||||
|
You can contact me via:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="mailto:found@jtbx.de">email</a></li>
|
||||||
|
<li><a href="tel:+4915150594012">mobile phone</a></li>
|
||||||
|
<li><a href="https://threema.id/CPC4FYZ3">Threema</a></li>
|
||||||
|
<li>At CCC events: DECT 5829</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Privacy Notice</h2>
|
||||||
|
<div class="small">
|
||||||
|
<p>When using this website, you'll leave some traces, which might be private information about you, in the server's log files.
|
||||||
|
In general, these things will be stored:</p>
|
||||||
|
<ul>
|
||||||
|
<li>your shortened IP address</li>
|
||||||
|
<li>time and date of access</li>
|
||||||
|
<li>requested webpage or resource</li>
|
||||||
|
<li>browser type and version</li>
|
||||||
|
<li>used operating system</li>
|
||||||
|
</ul>
|
||||||
|
<p>I can not identify you personally from the IP address, because only the first two blocks (16 bit) of the IPv4 address or the first 32 bit of the IPv6 address are stored.
|
||||||
|
Everything else is set to zero before writing the log file.
|
||||||
|
Additionally I will only activate the log files, if I want to search for a bug. Normally all logging, which is accessible by me, is deactivated.
|
||||||
|
If activated the logs will only be stored for a maximum of seven days.</p>
|
||||||
|
<p>That's it. I do not use any cookies on this site.</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<div class="item"><a href="https://status.jtbx.de" rel="noopener noreferrer" target="_blank">Status monitoring</a> of my web services</div>
|
||||||
|
<div class="item">License: <a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="noopener noreferrer" target="_blank">CC BY-SA 4.0</a></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
121
scss/style.scss
Normal file
121
scss/style.scss
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
$footer_height: 55px;
|
||||||
|
$footer_margin: 20px;
|
||||||
|
$footer_paddingtop: 15px;
|
||||||
|
$footer_paddingbtn: 10px;
|
||||||
|
$body_maxwidth: 650px;
|
||||||
|
|
||||||
|
$color_green: #2dac01;
|
||||||
|
$color_bgdark: #424242;
|
||||||
|
|
||||||
|
html {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
box-sizing: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
||||||
|
line-height: 1.5em;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: $footer_height + $footer_margin + $footer_paddingtop + $footer_paddingbtn;
|
||||||
|
|
||||||
|
background-color: #fff;
|
||||||
|
color: #1f1f1f;
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
background-color: #1f1f1f;
|
||||||
|
color: #fafafa;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: $color_green;
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
color: $color_green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: $body_maxwidth;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
|
||||||
|
@media all and (max-width: $body_maxwidth+2*8px) {
|
||||||
|
margin-left: 8px;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.small {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4 {
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.2em;
|
||||||
|
}
|
||||||
|
p, li {
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
padding: 30px 0;
|
||||||
|
font-size: 3em;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
@media all and (max-width: 450px) {
|
||||||
|
padding: 15px 0;
|
||||||
|
font-size: 2.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
main {
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
width: 100%;
|
||||||
|
height: $footer_height;
|
||||||
|
|
||||||
|
font-size: 0.8rem;
|
||||||
|
margin-top: $footer_margin;
|
||||||
|
padding-top: $footer_paddingtop;
|
||||||
|
padding-bottom: $footer_paddingbtn;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .container {
|
||||||
|
display: -webkit-box;
|
||||||
|
display: -moz-box;
|
||||||
|
display: -ms-flexbox;
|
||||||
|
display: -moz-flex;
|
||||||
|
display: -webkit-flex;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
flex-direction: row;
|
||||||
|
-webkit-flex-wrap: wrap;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
@media all and (max-width: 450px) {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* make footer sticky */
|
||||||
|
html {
|
||||||
|
position: relative;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
3
style.css
Normal file
3
style.css
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
html {box-sizing:border-box}*{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5em;margin:0;margin-bottom:100px;background-color:#fff;color:#1f1f1f}@media (prefers-color-scheme: dark){body{background-color:#1f1f1f;color:#fafafa}}a{color:#2dac01}@media (prefers-color-scheme: dark){a{color:#2dac01}}.container{max-width:650px;margin-left:auto;margin-right:auto}@media all and (max-width: 666px){.container{margin-left:8px;margin-right:8px}}.small{font-size:0.8em}html {box-sizing:border-box;position:relative;min-height:100%}h1,h2,h3,h4{font-weight:300;line-height:1.2em}p,li{line-height:1.5em}h1{padding:30px 0;font-size:3em;text-align:center}@media all and (max-width: 450px){h1{padding:15px 0;font-size:2.2em}}h1 a{text-decoration:none}main{margin-top:50px}footer{width:100%;height:55px;font-size:0.8rem;margin-top:20px;padding-top:15px;padding-bottom:10px}footer .container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}@media all and (max-width: 450px){footer .container{flex-direction:column;text-align:center}}html{position:relative;min-height:100%}footer{position:absolute;bottom:0}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=style.css.map */
|
||||||
9
style.css.map
Normal file
9
style.css.map
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"version": 3,
|
||||||
|
"file": "style.css",
|
||||||
|
"sources": [
|
||||||
|
"scss/style.scss"
|
||||||
|
],
|
||||||
|
"mappings": "GASA,AAAA,MAAM,AAAA,CACJ,UAAU,CAAE,UAAW,CACxB,AACD,AAAA,CAAC,AAAC,CACA,UAAU,CAAE,OAAQ,CACrB,AAED,AAAA,IAAI,AAAC,CACH,WAAW,CAAE,0KAA2K,CACxL,WAAW,CAAE,KAAM,CACnB,MAAM,CAAE,CAAE,CACV,aAAa,CAAE,KAAc,CAE7B,gBAAgB,CAAE,IAAK,CACvB,KAAK,CAAE,OAAQ,CAKhB,AAJC,MAAM,EAAL,oBAAoB,EAAE,IAAI,EAR7B,AAAA,IAAI,AAAC,CASD,gBAAgB,CAAE,OAAQ,CAC1B,KAAK,CAAE,OAAQ,CAElB,CACD,AAAA,CAAC,AAAC,CACA,KAAK,CAxBO,OAAO,CA4BpB,AAHC,MAAM,EAAL,oBAAoB,EAAE,IAAI,EAF7B,AAAA,CAAC,AAAC,CAGE,KAAK,CA1BK,OAAO,CA4BpB,CACD,AAAA,UAAU,AAAC,CACT,SAAS,CAhCK,KAAK,CAiCnB,WAAW,CAAE,IAAK,CAClB,YAAY,CAAE,IAAK,CAMpB,AAJC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAL3B,AAAA,UAAU,AAAC,CAMP,WAAW,CAAE,GAAI,CACjB,YAAY,CAAE,GAAI,CAErB,CACD,AAAA,MAAM,AAAC,CACL,SAAS,CAAE,KAAM,CAClB,AAED,AAAA,MAAM,AAAA,CACJ,UAAU,CAAE,UAAW,CACvB,QAAQ,CAAE,QAAS,CACnB,UAAU,CAAE,IAAK,CAClB,AAED,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,AAAC,CACb,WAAW,CAAE,GAAI,CACjB,WAAW,CAAE,KAAM,CACpB,AACD,AAAA,CAAC,CAAE,AAAA,EAAE,AAAC,CACJ,WAAW,CAAE,KAAM,CACpB,AAED,AAAA,EAAE,AAAC,CACD,OAAO,CAAE,MAAO,CAChB,SAAS,CAAE,GAAI,CACf,UAAU,CAAE,MAAO,CAUpB,AARC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAL3B,AAAA,EAAE,AAAC,CAMC,OAAO,CAAE,MAAO,CAChB,SAAS,CAAE,KAAM,CAMpB,CAbD,AAUE,EAVA,CAUA,CAAC,AAAC,CACA,eAAe,CAAE,IAAK,CACvB,AAIH,AAAA,IAAI,AAAC,CACH,UAAU,CAAE,IAAK,CAClB,AAED,AAAA,MAAM,AAAC,CACL,KAAK,CAAE,IAAK,CACZ,MAAM,CArFQ,IAAI,CAuFlB,SAAS,CAAE,MAAO,CAClB,UAAU,CAvFI,IAAI,CAwFlB,WAAW,CAvFO,IAAI,CAwFtB,cAAc,CAvFI,IAAI,CAwFvB,AAED,AAAO,MAAD,CAAC,UAAU,AAAC,CAChB,OAAO,CAAE,WAAY,CACrB,OAAO,CAAE,QAAS,CAClB,OAAO,CAAE,WAAY,CACrB,OAAO,CAAE,SAAU,CACnB,OAAO,CAAE,YAAa,CACtB,OAAO,CAAE,IAAK,CAEd,cAAc,CAAE,GAAI,CACpB,iBAAiB,CAAE,IAAK,CACxB,SAAS,CAAE,IAAK,CAChB,eAAe,CAAE,aAAc,CAMhC,AAJC,MAAM,CAAN,GAAG,MAAM,SAAS,EAAE,KAAK,EAb3B,AAAO,MAAD,CAAC,UAAU,AAAC,CAcd,cAAc,CAAE,MAAO,CACvB,UAAU,CAAE,MAAO,CAEtB,CAGD,AAAA,IAAI,AAAC,CACH,QAAQ,CAAE,QAAS,CACnB,UAAU,CAAE,IAAK,CAClB,AACD,AAAA,MAAM,AAAC,CACL,QAAQ,CAAE,QAAS,CACnB,MAAM,CAAE,CAAE,CACX",
|
||||||
|
"names": []
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue