diff --git a/.brackets.json b/.brackets.json new file mode 100644 index 0000000..74dd57b --- /dev/null +++ b/.brackets.json @@ -0,0 +1,13 @@ +{ + "sass.enabled": false, + "path": { + "scss/*": { + "sass.enabled": true, + "sass.options": { + "outputDir": "../", + "sourceComments": false, + "outputStyle": "compressed" + } + } + } +} diff --git a/README.md b/README.md index c84da0d..b26067f 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ -# web-default +# Default Website -Simple static landing page for not connected websites \ No newline at end of file +Simple static landing page for not connected websites. + +For less duplicated code, this also includes the lost items page (jtbx.de/lost). diff --git a/index.html b/index.html new file mode 100644 index 0000000..f088791 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + Upps - Hier ist nichts + + + + + +
+

Jannik Beyerstedt

+ +

Hier gibt es (noch) nichts zu sehen.

+

Wenn Du hier dennoch eine Webseite erwartet hast, baue ich gerade um oder etwas hat bei der Webserver-Konfiguration nicht geklappt.
+ Schau doch einfach in fünf Minuten noch einmal vorbei und schreibe mir eine kurze E-Mail, wenn die Seite immer noch nicht funktioniert. Vielen Dank.

+ +

Datenschutzhinweise

+
+

Bei der Nutzung dieser Webseite werden potentiell personenbezogene Informationen in den Server-Logfiles gespeichert. + Prinzipiell werden in den Logs die folgenden Daten erfasst:

+ +

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.

+

Das war's auch schon. Cookies werden nicht genutzt.

+
+
+ + + diff --git a/lost/de.html b/lost/de.html new file mode 100644 index 0000000..749d863 --- /dev/null +++ b/lost/de.html @@ -0,0 +1,50 @@ + + + + + + Verlorene Dinge von Jannik/ jtbx + + + + + +
+

Vielen Dank für's Finden

+ +

English version

+

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:

+ + +

Datenschutzhinweise

+
+

Bei der Nutzung dieser Webseite werden potentiell personenbezogene Informationen in den Server-Logfiles gespeichert. + Prinzipiell werden in den Logs die folgenden Daten erfasst:

+ +

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.

+

Das war's auch schon. Cookies werden nicht genutzt.

+
+
+ + + diff --git a/lost/index.html b/lost/index.html new file mode 100644 index 0000000..ab09657 --- /dev/null +++ b/lost/index.html @@ -0,0 +1,51 @@ + + + + + + Lost Items of Jannik/ jtbx + + + + + +
+

Thanks for finding my stuff

+ +

Version auf Deutsch

+

You found something, which belongs to me. + Thanks for taking the effort to get it back to me. + You can contact me via:

+ + +

Privacy Notice

+
+

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:

+ +

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.

+

That's it. I do not use any cookies on this site.

+
+
+ + + diff --git a/scss/style.scss b/scss/style.scss new file mode 100644 index 0000000..9c748fb --- /dev/null +++ b/scss/style.scss @@ -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; +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..942abb5 --- /dev/null +++ b/style.css @@ -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 */ \ No newline at end of file diff --git a/style.css.map b/style.css.map new file mode 100644 index 0000000..1bcfbf8 --- /dev/null +++ b/style.css.map @@ -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": [] +} \ No newline at end of file