jannik/web-default
1
0
Fork 0
Code Issues Pull requests Releases Activity

first draft

Browse source
This commit is contained in:
Jannik Beyerstedt 2020-04-05 01:18:50 +02:00
parent fa8fcbcc1e
commit df8c579e9f
8 changed files with 294 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
.brackets.json Normal file
View file

@ -0,0 +1,13 @@
{
"sass.enabled": false,
"path": {
"scss/*": {
"sass.enabled": true,
"sass.options": {
"outputDir": "../",
"sourceComments": false,
"outputStyle": "compressed"
}
}
}
}

6
README.md
View file

@ -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
View 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&nbsp;Bit) der IPv4- bzw. 32&nbsp;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
View 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&nbsp;Bit) der IPv4- bzw. 32&nbsp;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
View 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&nbsp;bit) of the IPv4 address or the first 32&nbsp;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
View 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
View 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
View 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": []
}