diff --git a/README.md b/README.md index 98c4f7b..d67c639 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,16 @@ -# Links +# Webseite von Jan Kremer + +## Links - [Webseite](https://jankremer.eu) -- [Spiegel](https://kremer.codeberg.page) -- [Repositorium](https://codeberg.org/kremer/jankremer.eu) -- [Repo Spiegel](https://https://git.disroot.org/kremer/jankremer.eu) +- [GitHub Pages](https://janurskremer.github.io) -# Lizenz +## Git Repositorien + +- [GitHub](https://github.com/janurskremer/janurskremer.github.io) +- [Codeberg](https://codeberg.org/kremer/website) +- [Disroot](https://https://git.disroot.org/kremer/website) + +## Lizenz CC-BY-SA 4.0 \| Jan Kremer \| 2021–2024 diff --git a/assets/css/main.css b/assets/css/main.css index fd5ec63..851425d 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -118,7 +118,7 @@ hr { } img { - max-width: 100%; + width: 100%; } footer { diff --git a/public/about/index.html b/public/about/index.html index 266ea62..0d6059f 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -2,18 +2,16 @@ - + Über mich | Jan Kremer - + - - diff --git a/public/blog/index.html b/public/blog/index.html index ec3ce6d..eb994ed 100644 --- a/public/blog/index.html +++ b/public/blog/index.html @@ -2,18 +2,16 @@ - + Blog | Jan Kremer - + - - diff --git a/public/btc.png b/public/btc.png new file mode 100644 index 0000000..529fe75 Binary files /dev/null and b/public/btc.png differ diff --git a/public/btc/index.html b/public/btc/index.html index fad3a41..47a83e1 100644 --- a/public/btc/index.html +++ b/public/btc/index.html @@ -2,18 +2,16 @@ - + Bitcoin | Jan Kremer - + - - diff --git a/public/css/main.css b/public/css/main.css new file mode 100644 index 0000000..fd5ec63 --- /dev/null +++ b/public/css/main.css @@ -0,0 +1,185 @@ +@font-face { + font-family: "EB Garamond"; + src: + /* local("EB Garamond"), */ + url("/fonts/EBGaramond-VariableFont_wght.ttf"); + /* font-weight: normal; */ + /* font-style: normal; */ + /* font-display: swap; */ +} + +:root { + font-size: calc(1rem + 0.25vw); + --red: #FC361D; + --blue1: #116080; + --blue2: #105099; + --light-gray: #F0F0F0; + --white: white; + --beige: #FCF9EC; + --text1: #1a1a1a; + --text2: #6f6f6f; + --text3: #999999; +} + +body { + color: var(--text); + background: var(--background); + font-family: "eb garamond", serif; + font-variant-numeric: oldstyle-nums; + /* font-variant-ligatures: common-ligatures; */ + line-height: 1.5; + margin: auto; + padding: 1rem; + max-width: 70ch; + font-weight: normal; +} + +header { + border-bottom: 1px solid var(--text3); + margin-bottom: 1rem; + + nav { + + ul { + + font-size: 1.25rem; + list-style: none; + display: flex; + justify-content: space-between; + padding: 0; + + .active { + text-decoration: underline; + } + + } + } +} + +p { + padding: 0; + margin-top: 0; + text-align: justify; + text-justify: inter-word; +} + +article>p:nth-of-type(2)::first-letter { + font-size: 3rem; + float: left; + line-height: 2.9rem; + padding-right: 0.2rem; +} + +a { + color: var(--red); + text-decoration: none; +} + +h1 { + padding: 0; + margin: 0; + font-size: 2rem; + font-weight: normal; + text-align: center; +} + +h2 { + padding: 0; + margin: 0; + font-size: 1.75rem; + font-weight: normal; +} + +h3 { + padding: 0; + margin: 0; + font-size: 1.5rem; + font-weight: normal; +} + +time { + font-size: 1rem; + float: right; + color: var(--blue2); +} + +table { + border-collapse: collapse; + width: 100%; + + th { + text-align: left; + border-bottom: 1px solid var(--text1); + } +} + +hr { + border: 0.1px solid var(--text2); +} + +img { + max-width: 100%; +} + +footer { + border-top: 1px solid var(--text3); + margin-top: 1rem; + + p { + font-size: 0.75rem; + padding: 1rem; + text-align: center; + color: var(--text2); + + a { + color: var(--text2); + } + } +} + +.list { + + h2 { + margin-top: 2rem; + margin-bottom: 0; + + a { + color: var(--text1); + } + + } + + .lead { + margin: 0; + font-size: 1rem; + text-align: left; + } + +} + +.tags { + ul { + list-style: none; + display: flex; + justify-content: space-between; + padding: 0 1rem; + font-size: 0.75rem; + + li { + padding: 0rem 0.3rem; + border: 1px solid var(--text1); + border-radius: 0.3rem; + } + } +} + +.title { + font-size: 2rem; + margin-bottom: 0.5rem; +} + +.lead { + text-align: center; + font-size: 1.5rem; + margin-bottom: 1rem; +} diff --git a/public/css/main.min.71a248dd9d2d2b7803c4de099a28e831a8b52395fa27d0c52c6a6edebc045bf7.css b/public/css/main.min.71a248dd9d2d2b7803c4de099a28e831a8b52395fa27d0c52c6a6edebc045bf7.css new file mode 100644 index 0000000..86c0981 --- /dev/null +++ b/public/css/main.min.71a248dd9d2d2b7803c4de099a28e831a8b52395fa27d0c52c6a6edebc045bf7.css @@ -0,0 +1 @@ +@font-face{font-family:eb garamond;src:url(/fonts/EBGaramond-VariableFont_wght.ttf)}:root{font-size:calc(1rem + .25vw);--red:#FC361D;--blue1:#116080;--blue2:#105099;--light-gray:#F0F0F0;--white:white;--beige:#FCF9EC;--text1:#1a1a1a;--text2:#6f6f6f;--text3:#999999}body{color:var(--text1);background:var(--background);font-family:eb garamond,serif;font-variant-numeric:oldstyle-nums;line-height:1.5;margin:auto;padding:1rem;max-width:70ch;font-weight:400}header{border-bottom:1px solid var(--text3);margin-bottom:1rem;& nav { & ul { font-size: 1.25rem; list-style: none; display: flex; justify-content: space-between; padding: 0; .active { text-decoration: underline; } } }}p{padding:0;margin-top:0;text-align:justify;text-justify:inter-word}article>p:nth-of-type(2)::first-letter{font-size:3rem;float:left;line-height:2.9rem;padding-right:.2rem}a{color:var(--red);text-decoration:none}h1{padding:0;margin:0;font-size:2rem;font-weight:400;text-align:center}h2{padding:0;margin:0;font-size:1.75rem;font-weight:400}h3{padding:0;margin:0;font-size:1.5rem;font-weight:400}time{font-size:1rem;float:right;color:var(--blue2)}table{border-collapse:collapse;width:100%;& th { text-align: left; border-bottom: 1px solid var(--text3); }}hr{border:.5px solid var(--text3)}img{max-width:100%}footer{border-top:1px solid var(--text3);margin-top:1rem;& p { font-size: 0.75rem; padding: 1rem; text-align: center; color: var(--text2); & a { color: var(--text2); } }}.list{& h2 { margin-top: 2rem; margin-bottom: 0; & a { color: var(--text1); } } & .lead { margin: 0; font-size: 1rem; text-align: left; }}.tags{& ul { list-style: none; display: flex; justify-content: space-between; padding: 0 1rem; font-size: 0.75rem; & li { padding: 0rem 0.3rem; border: 1px solid var(--text1); border-radius: 0.3rem; } }}.title{font-size:2rem;margin-bottom:.5rem}.lead{text-align:center;font-size:1.5rem;margin-bottom:1rem} \ No newline at end of file diff --git a/public/eth.png b/public/eth.png new file mode 100644 index 0000000..4da54fd Binary files /dev/null and b/public/eth.png differ diff --git a/public/index.html b/public/index.html index bf47302..b83fbf9 100644 --- a/public/index.html +++ b/public/index.html @@ -3,18 +3,16 @@ dir="ltr"> - + Jan Kremer - + - - diff --git a/public/page/1/index.html b/public/page/1/index.html index 709dfc7..62232e3 100644 --- a/public/page/1/index.html +++ b/public/page/1/index.html @@ -1,10 +1,10 @@ - https://jankremer.eu/ - + http://localhost:1313/ + - + diff --git a/public/page/2/index.html b/public/page/2/index.html index 01b259b..bd49c0a 100644 --- a/public/page/2/index.html +++ b/public/page/2/index.html @@ -3,18 +3,16 @@ dir="ltr"> - + Jan Kremer - + - - diff --git a/public/pharmacist-0.png b/public/pharmacist-0.png new file mode 100644 index 0000000..dec2d66 Binary files /dev/null and b/public/pharmacist-0.png differ diff --git a/public/pharmacist-0.webp b/public/pharmacist-0.webp new file mode 100644 index 0000000..a86eebb Binary files /dev/null and b/public/pharmacist-0.webp differ diff --git a/public/pharmacist-1-blue.png b/public/pharmacist-1-blue.png new file mode 100644 index 0000000..ff841be Binary files /dev/null and b/public/pharmacist-1-blue.png differ diff --git a/public/pharmacist-1-bluegray.png b/public/pharmacist-1-bluegray.png new file mode 100644 index 0000000..1305e24 Binary files /dev/null and b/public/pharmacist-1-bluegray.png differ diff --git a/public/pharmacist-1-darkblue.png b/public/pharmacist-1-darkblue.png new file mode 100644 index 0000000..35c1f8c Binary files /dev/null and b/public/pharmacist-1-darkblue.png differ diff --git a/public/pharmacist-1-darkgreen.png b/public/pharmacist-1-darkgreen.png new file mode 100644 index 0000000..8787dac Binary files /dev/null and b/public/pharmacist-1-darkgreen.png differ diff --git a/public/pharmacist-1-green.png b/public/pharmacist-1-green.png new file mode 100644 index 0000000..660f597 Binary files /dev/null and b/public/pharmacist-1-green.png differ diff --git a/public/pharmacist-1-lightblue.png b/public/pharmacist-1-lightblue.png new file mode 100644 index 0000000..35e140d Binary files /dev/null and b/public/pharmacist-1-lightblue.png differ diff --git a/public/pharmacist-1-lightgreen.png b/public/pharmacist-1-lightgreen.png new file mode 100644 index 0000000..79b133f Binary files /dev/null and b/public/pharmacist-1-lightgreen.png differ diff --git a/public/pharmacist-1-lightviolet.png b/public/pharmacist-1-lightviolet.png new file mode 100644 index 0000000..6d63272 Binary files /dev/null and b/public/pharmacist-1-lightviolet.png differ diff --git a/public/pharmacist-1-orange.png b/public/pharmacist-1-orange.png new file mode 100644 index 0000000..6dcb006 Binary files /dev/null and b/public/pharmacist-1-orange.png differ diff --git a/public/pharmacist-1-pink.png b/public/pharmacist-1-pink.png new file mode 100644 index 0000000..7604d61 Binary files /dev/null and b/public/pharmacist-1-pink.png differ diff --git a/public/pharmacist-1-red.png b/public/pharmacist-1-red.png new file mode 100644 index 0000000..455f794 Binary files /dev/null and b/public/pharmacist-1-red.png differ diff --git a/public/pharmacist-1-violet.png b/public/pharmacist-1-violet.png new file mode 100644 index 0000000..f3338e8 Binary files /dev/null and b/public/pharmacist-1-violet.png differ diff --git a/public/pharmacist-1-yellow.png b/public/pharmacist-1-yellow.png new file mode 100644 index 0000000..8aa3e4a Binary files /dev/null and b/public/pharmacist-1-yellow.png differ diff --git a/public/pharmacist-1-yellow.webp b/public/pharmacist-1-yellow.webp new file mode 100644 index 0000000..b7258b4 Binary files /dev/null and b/public/pharmacist-1-yellow.webp differ diff --git a/public/qr.png b/public/qr.png new file mode 100644 index 0000000..fb204e0 Binary files /dev/null and b/public/qr.png differ diff --git a/public/skier-1-1.png b/public/skier-1-1.png new file mode 100644 index 0000000..085eb45 Binary files /dev/null and b/public/skier-1-1.png differ diff --git a/public/skier-1-2.png b/public/skier-1-2.png new file mode 100644 index 0000000..8addb74 Binary files /dev/null and b/public/skier-1-2.png differ diff --git a/public/skier-1-3.png b/public/skier-1-3.png new file mode 100644 index 0000000..b907cfa Binary files /dev/null and b/public/skier-1-3.png differ diff --git a/public/xmr.png b/public/xmr.png new file mode 100644 index 0000000..fe7d7d2 Binary files /dev/null and b/public/xmr.png differ