diff --git a/.gitignore b/.gitignore index c7063b5..53d9a19 100644 --- a/.gitignore +++ b/.gitignore @@ -10,3 +10,4 @@ deploy.sh # not ignored directories !/content/errorpages/ +!/content/privacy/ diff --git a/assets/_default/list.scss b/assets/_default/list.scss index 9a4a6b4..5a62ec5 100644 --- a/assets/_default/list.scss +++ b/assets/_default/list.scss @@ -3,10 +3,16 @@ @import '../partials/footer'; header { + align-items: center; + background: rgb(60, 60, 90); + border-radius: 5px; + display: flex; + height: 200px; + margin: 40px 0; text-align: center; - margin: 100px 0; h1 { font-size: 2em; + margin: auto; } } diff --git a/assets/_default/single.scss b/assets/_default/single.scss index 2dc5a14..7a2575d 100644 --- a/assets/_default/single.scss +++ b/assets/_default/single.scss @@ -6,7 +6,7 @@ margin: 80px auto; max-width: 720px; .meta { - color: rgb(180, 180, 220); + color: rgb(215, 215, 235); } .title { font-size: 2em; @@ -19,32 +19,37 @@ max-width: 100%; } a { - background: rgb(60, 60, 90); - border-radius: 5px; - color: rgb(240, 240, 250); - margin: -5px 0; - padding: 5px 5px; - transition: background .2s, color .2s; + border-bottom: 1px solid; + color: rgb(245, 245, 255); + margin: -5px; + padding: 5px; + transition: border .2s, color .2s; &:hover { - background: rgb(255, 130, 130); - color: rgb(255, 255, 255); + color: rgb(255, 130, 130); text-decoration: none; } } + h2 { + font-size: .6em; + } aside { margin-top: 80px; .tags { display: flex; list-style: none; - margin-left: -10px; + margin-left: -15px; padding: 0; li { a { - color: rgb(180, 180, 220); - margin-left: 10px; + background: rgb(60, 60, 90); + border: 0; + border-radius: 5px; + color: rgb(215, 215, 225); + margin-left: 15px; padding: 10px; &:hover { - background: rgb(70, 70, 105); + background: rgb(50, 50, 75); + color: rgb(255, 255, 255); } } } @@ -57,34 +62,54 @@ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; - margin: 20px auto -50px auto; + margin: 20px auto 0 auto; max-width: 720px; + white-space: nowrap; &::after { background: rgb(50, 50, 75); content: ''; - height: 210px; + height: 200px; left: 0; position: absolute; width: 100vw; z-index: -10; } article { - border-radius: 5px; - color: rgb(255, 255, 255); display: flex; flex-flow: column; height: max-content; margin: 20px 0; - transition: background .2s; a { - margin: 10px 0; + border-bottom: 1px solid transparent; + color: rgb(215, 215, 225); + transition: border .2s, color .2s; &:hover { - text-decoration: underline; + border-bottom: 1px solid; + color: rgb(255, 130, 130); + text-decoration: none; } } } + .next-article { + margin-right: auto; + } .previous-article { - text-align: right; + margin-left: auto; + } +} + +@media (max-width: 400px) { + .section-articles { + grid-template-columns: repeat(1, 1fr); + &::after { + height: 250px; + } + .next-article { + margin: 20px auto 0 auto; + } + .previous-article { + margin: 0 auto; + } } } diff --git a/assets/index.scss b/assets/index.scss index 76d9fc3..09c1b47 100644 --- a/assets/index.scss +++ b/assets/index.scss @@ -2,17 +2,31 @@ @import 'partials/nav'; header { - margin: 100px 0; + align-items: center; + background: rgb(60, 60, 90); + border-radius: 5px; + display: flex; + height: 200px; + margin: 40px 0; text-align: center; h1 { font-size: 2em; + margin: auto; } } -h1 { - a:hover { - text-decoration: none; +.section-header { + color: rgb(215, 215, 225); + font-size: 1.5em; + a { border-bottom: 2px solid; + color: rgb(245, 245, 255); + font-weight: bold; + transition: border .2s, color .2s; + &:hover { + color: rgb(255, 130, 130); + text-decoration: none; + } } } diff --git a/assets/partials/_footer.scss b/assets/partials/_footer.scss index 5e7ef88..8949682 100644 --- a/assets/partials/_footer.scss +++ b/assets/partials/_footer.scss @@ -1,6 +1,6 @@ footer { background: rgb(30, 30, 45); - color: rgb(200, 200, 230); + color: rgb(215, 215, 235); margin-top: 100px; overflow-x: auto; overflow-y: hidden; @@ -21,17 +21,21 @@ footer { margin-left: auto; ul { display: flex; - padding: 0; - } - li { list-style-type: none; - padding: 4px 0 4px 30px; - } - a { - color: rgb(200, 200, 230); - &:hover { - text-decoration: none; - border-bottom: 1px solid; + padding: 0; + li { + margin-left: 30px; + a { + border-bottom: 1px solid transparent; + color: rgb(215, 215, 235); + padding: 5px 0; + transition: border .2s, color .2s; + &:hover { + border-bottom: 1px solid; + color: rgb(255, 130, 130); + text-decoration: none; + } + } } } } diff --git a/assets/partials/_main.scss b/assets/partials/_main.scss index f6c1350..3d66db8 100644 --- a/assets/partials/_main.scss +++ b/assets/partials/_main.scss @@ -9,7 +9,7 @@ html { } body { background: rgb(40, 40, 60); - color: rgb(240, 240, 255); + color: rgb(245, 245, 255); display: grid; font-family: monospace, 'Lucida Console', 'Monaco'; line-height: 1.8; @@ -22,6 +22,22 @@ a { text-decoration: underline; } } +h1 { + font-size: 1.5em; +} +h2 { + font-size: 1.3em; +} +h3 { + font-size: 1.1em; +} +h4 { + font-size: .9em; +} +hr { + color: rgb(60, 60, 90); + margin: 50px 20px; +} .container { margin: 0 auto; diff --git a/assets/partials/_nav.scss b/assets/partials/_nav.scss index 1193832..cc1fdd3 100644 --- a/assets/partials/_nav.scss +++ b/assets/partials/_nav.scss @@ -17,9 +17,15 @@ nav { &:hover { background: rgb(50, 50, 75); } + &.active { + border-bottom: 2px solid rgb(215,215,225); + border-top: 2px solid transparent; + padding: 16px 30px; + } } } .seperator { + cursor: default; display: block; padding: 20px; } @@ -30,6 +36,11 @@ nav { padding: 0; li { list-style-type: none; + &.active a { + border-bottom: 2px solid rgb(215,215,225); + border-top: 4px solid transparent; + padding: 16px 30px; + } a { color: rgb(245, 245, 245); display: block; @@ -85,8 +96,8 @@ nav { ul { li { a { - color: rgb(215, 215, 225); background: rgb(50, 50, 75); + color: rgb(215, 215, 225); &:hover { background: rgb(40, 40, 60); } diff --git a/assets/projects/list.scss b/assets/projects/list.scss index 2457053..313b330 100644 --- a/assets/projects/list.scss +++ b/assets/projects/list.scss @@ -2,17 +2,23 @@ @import '../partials/nav'; header { - margin: 100px 0; + align-items: center; + background: rgb(60, 60, 90); + border-radius: 5px; + display: flex; + height: 200px; + margin: 40px 0; text-align: center; h1 { font-size: 2em; + margin: auto; } } .section-articles { display: grid; grid-gap: 1rem; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(2, 1fr); margin: 20px 0; a { color: rgb(255, 255, 255); @@ -36,7 +42,7 @@ header { background: rgb(80, 80, 120); border-radius: 5px 5px 0px 0px; margin: -20px -20px 20px -20px; - max-height: 170px; + max-height: 250px; max-width: calc(100% + 40px); object-fit: cover; order: -1; diff --git a/config.yaml b/config.yaml index a19a434..c21d73d 100644 --- a/config.yaml +++ b/config.yaml @@ -5,16 +5,22 @@ enableRobotsTXT: true params: menuname: vrifox.cc menu: + name: + - identifier: vrifox.cc + name: vrifox.cc + title: vrifox.cc + url: / + weight: 1 main: - identifier: blog name: blog title: blog - url: /blog + url: /blog/ weight: 1 - identifier: projects name: projects title: projects - url: /projects + url: /projects/ weight: 2 externallinks: - identifier: mastodon @@ -28,13 +34,18 @@ menu: url: https://git.vrifox.cc/vrifox weight: 2 footer: + - identifier: privacy + name: privacy + title: privacy + url: https://vrifox.cc/privacy + weight: 1 - identifier: feed name: feed (rss) title: rss-feed url: https://vrifox.cc/blog/index.xml - weight: 1 + weight: 2 - identifier: sourcecode name: source code title: source code url: https://git.vrifox.cc/vrifox/vrifox.cc - weight: 2 + weight: 3 diff --git a/content/privacy/_index.md b/content/privacy/_index.md new file mode 100644 index 0000000..4c8f798 --- /dev/null +++ b/content/privacy/_index.md @@ -0,0 +1,33 @@ +--- +title: privacy policy +--- + +#### last updated: 2020-10-04 + +# Websites + +This privacy policy applies to: + - vrifox.cc + - git.vrifox.cc + +# What data do I store and process? + + - browser type and version + - operating system + - requested url + - downloaded / accessed files + - referrer url + - ip address + - time of request + +The data will not be given to third party and deleted after three (3) days. + +## Cookies + +Cookies will not be set on these websites. + +I configured [nginx](https://nginx.org) to drop the header »Set-Cookie«. + +--- + +This privacy policy was inspired by [Natenoms Datenschutz[-erklärung]](https://blog.natenom.com/datenschutz/). diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 33c1c75..4a4b14f 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,6 +1,6 @@ - + {{ with .Title }} {{ . }} – {{ end }}{{ .Site.Title }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index e08dc22..8f6d20d 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -3,32 +3,42 @@ {{ end }} {{ define "main" }} -
-
-
-

{{ .Params.heading }}

- {{.Params.subheading}} -
- {{ .Content }} -
-
- {{ range .Pages }} - -
+
+
+
+

{{ .Title }}

-

- {{ .Date.Format "2 January 2006" }} - {{ with .Params.author }}by {{ end }}{{ .Params.author }} -

- {{ with .Description }} -

{{ . }}

- {{ end }} - {{ with .Params.featured_image }} - - {{ end }} -
- - {{ end }} -
+ {{.Params.subheading}} + + {{ .Content }} + +
+ {{ range .Pages }} + +
+

{{ .Title }}

+ {{ if eq .Params.type "project" }} +

+ {{ with .Params.activetime }}{{ . }}{{ end }} + {{ with .Params.status }}{{ . }}{{ end }} +

+ {{ end }} + {{ if ne .Params.type "project" }} +

+ {{ .Date.Format "2 January 2006" }} + {{ with .Params.author }}by {{ .Params.author }}{{ end }} +

+ {{ end }} + {{ with .Description }} +

{{ . }}

+ {{ end }} + {{ with .Params.featured_image }} + + {{ end }} +
+ + {{ end }} +
+
{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 9510637..567d273 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -14,21 +14,26 @@

{{ .Title }}

{{ with .Params.featured_image }} - + {{ end }} {{ .Content }}