From 7ca9bc2f4265874c72f129d0c77f675cf5f8b6b1 Mon Sep 17 00:00:00 2001 From: Christian Schulzendorff Date: Mon, 21 Feb 2022 23:08:35 +0100 Subject: [PATCH] formatting --- config.toml | 9 +- content/ueber.md | 22 +- layouts/partials/footer.html | 29 +- static/blue.css | 1066 ++++++++++++++++++++++++++++++++ static/img/favicon/favicon.png | Bin 0 -> 1437 bytes static/style.css | 4 +- 6 files changed, 1106 insertions(+), 24 deletions(-) create mode 100644 static/blue.css create mode 100644 static/img/favicon/favicon.png diff --git a/config.toml b/config.toml index 0158e50..0151568 100644 --- a/config.toml +++ b/config.toml @@ -10,9 +10,10 @@ paginate = 5 [params] contentTypeName = "posts" themeColor = "blue" - showMenuItems = 5 + showMenuItems = 0 fullWidthTheme = false - centerTheme = false + centerTheme = true + favicon = "img/favicon/favicon.png" [languages] [languages.de] @@ -20,7 +21,7 @@ paginate = 5 subtitle = "CHS" keywords = "" copyright = "" - menuMore = "..." + menuMore = "Menü" readMore = "Lies mehr" readOtherPosts = "Lies andere Posts" @@ -29,8 +30,8 @@ paginate = 5 logoHomeLink = "/" [languages.de.menu] - [[languages.de.menu.main]] identifier = "about" name = "Über" url = "/ueber" + diff --git a/content/ueber.md b/content/ueber.md index e4b40de..c9ddc74 100644 --- a/content/ueber.md +++ b/content/ueber.md @@ -5,4 +5,24 @@ draft: false --- Mein Name sei Christian Schulzendorff. Und es ist anzunehmen, das es sich hier um zusammengeschustertes Zeug handelt; Wexperimente, entrückt aus der pratischen Welt. Im besten Sinne nutzlos und damit frei von jeglichem Anspruch auf ergebnisortientierter Leistung. -Der Name `kollegen` geht auf die `Kollegenrunde` zurück. Der Begriff erinnert, das wir Teil einer Gemeinschaft sind. Es liegt an uns, sie durch zutun zu bereichern. + +----- + +Der Name `kollegen` geht auf die `Kollegenrunde` zurück. Der Begriff erinnert, das wir Teil einer Gemeinschaft sind. Es liegt an uns, sie durch zutun zu bereichern. + +----- +**Woanders** +  [Instagram](https://www.instagram.com/christianschulzendorff/) +  [Flickr](https://www.flickr.com/photos/christian_schulzendorff/) +  [Strava](https://www.strava.com/athletes/christian_schulzendorff) + +----- + +**Stadt von hinten** +  Repro und Doku in [Gitea](https://kollegen.uber.space/gitea) + +----- +**Credits** +  Hosted on [Uberspace](https://uberspace.de/de/) +  Powered by [Hugo](https://gohugo.io) +  Based on Theme [Terminal](https://opensourcelibs.com/lib/hugo-theme-terminal) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index acb613d..b69609c 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,29 +1,24 @@ {{ if $.Site.Params.showLanguageSelector }} - + {{ end }} -{{ partial "extended_footer.html" . }} +{{ partial "extended_footer.html" . }} \ No newline at end of file diff --git a/static/blue.css b/static/blue.css new file mode 100644 index 0000000..d40a977 --- /dev/null +++ b/static/blue.css @@ -0,0 +1,1066 @@ +html { + box-sizing: border-box +} + +*, +:after, +:before { + box-sizing: inherit +} + +body { + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + font-feature-settings: "liga", "tnum", "zero", "ss01", "locl", "calt"; + -webkit-overflow-scrolling: touch; + -webkit-text-size-adjust: 100%; + background-color: #1d212c; + color: #fff; + color: var(--color); + font-family: Fira Code, Monaco, Consolas, Ubuntu Mono, monospace; + font-size: 1rem; + font-variant-ligatures: contextual; + letter-spacing: -.02em; + line-height: 1.54; + margin: 0; + padding: 0 +} + +@media (max-width:684px) { + body { + font-size: 1rem + } +} + +@media (--phone) { + body { + font-size: 1rem + } +} + +.headings--one-size h1, +.headings--one-size h2, +.headings--one-size h3, +.headings--one-size h4, +.headings--one-size h5, +.headings--one-size h6 { + line-height: 1.3 +} + +.headings--one-size h1:not(first-child), +.headings--one-size h2:not(first-child), +.headings--one-size h3:not(first-child), +.headings--one-size h4:not(first-child), +.headings--one-size h5:not(first-child), +.headings--one-size h6:not(first-child) { + margin-top: 40px +} + +.headings--one-size h1, +.headings--one-size h2, +.headings--one-size h3 { + font-size: 1.4rem +} + +.headings--one-size h4, +.headings--one-size h5, +.headings--one-size h6 { + font-size: 1.2rem +} + +a { + color: inherit +} + +img { + display: block; + max-width: 100% +} + +img.center, +img.left { + margin-right: auto +} + +img.center, +img.right { + margin-left: auto +} + +p { + margin-bottom: 20px +} + +figure { + display: table; + margin: 25px 0; + max-width: 100% +} + +figure.center, +figure.left { + margin-right: auto +} + +figure.center, +figure.right { + margin-left: auto +} + +figure figcaption { + background: #d9cb73; + background: var(--accent); + color: #1d212c; + color: var(--background); + font-size: 14px; + margin-top: 5px; + padding: 5px 10px +} + +figure figcaption.left { + text-align: left +} + +figure figcaption.center { + text-align: center +} + +figure figcaption.right { + text-align: right +} + +code, +kbd { + font-feature-settings: normal; + background: rgba(35, 176, 255, .2); + color: #d9cb73; + color: var(--accent); + font-family: Fira Code, Monaco, Consolas, Ubuntu Mono, monospace!important; + font-size: .95rem; + margin: 0 2px; + padding: 1px 6px +} + +code code, +code kbd, +kbd code, +kbd kbd { + background: transparent; + margin: 0; + padding: 0 +} + +pre { + background: transparent!important; + border-bottom: 1px solid hsla(0, 0%, 100%, .1); + border-top: 1px solid hsla(0, 0%, 100%, .1); + font-size: .95rem!important; + margin: 40px 0; + overflow: auto; + padding: 20px 10px +} + +pre+pre { + border-top: 0; + margin-top: -40px +} + +@media (max-width:684px) { + pre { + word-wrap: break-word; + white-space: pre-wrap + } +} + +@media (--phone) { + pre { + word-wrap: break-word; + white-space: pre-wrap + } +} + +pre code { + background: none!important; + border: none; + font-size: inherit; + margin: 0; + padding: 0 +} + +blockquote { + border-bottom: 1px solid #d9cb73; + border-bottom: 1px solid var(--accent); + border-top: 1px solid #d9cb73; + border-top: 1px solid var(--accent); + margin: 40px 0; + padding: 25px +} + +@media (max-width:684px) { + blockquote { + padding-right: 0 + } +} + +@media (--phone) { + blockquote { + padding-right: 0 + } +} + +blockquote p:first-of-type { + margin-top: 0 +} + +blockquote p:last-of-type { + margin-bottom: 0 +} + +blockquote p { + position: relative +} + +blockquote p:first-of-type:before { + color: #d9cb73; + color: var(--accent); + content: ">"; + display: block; + left: -25px; + position: absolute +} + +blockquote.twitter-tweet { + background: rgba(35, 176, 255, .1); + border: 1px solid #d9cb73; + border: 1px solid var(--accent); + color: inherit; + font: inherit; + padding-top: 60px; + position: relative +} + +blockquote.twitter-tweet p:before { + content: "" +} + +blockquote.twitter-tweet:before { + content: "> From Twitter:"; + font-weight: 700; + position: absolute; + top: 20px +} + +blockquote.twitter-tweet:before, +blockquote.twitter-tweet a { + color: #d9cb73; + color: var(--accent) +} + +table { + border-collapse: collapse; + margin: 40px 0; + table-layout: auto; + width: 100% +} + +table, +td, +th { + border: 1px dashed #d9cb73; + border: 1px dashed var(--accent); + padding: 10px +} + +th { + color: #d9cb73; + color: var(--accent) +} + +ol, +ul { + margin-left: 22px; + padding: 0 +} + +ol li, +ul li { + position: relative +} + +@media (max-width:684px) { + ol, + ul { + margin-left: 20px + } +} + +@media (--phone) { + ol, + ul { + margin-left: 20px + } +} + +ol { + counter-reset: li; + list-style: none +} + +ol li { + counter-increment: li +} + +ol li:before { + color: #d9cb73; + color: var(--accent); + content: counter(li); + display: inline-block; + position: absolute; + right: calc(100% + 10px); + text-align: right +} + +ol ol { + margin-left: 38px +} + +ol ol li { + counter-increment: li +} + +ol ol li:before { + content: counters(li, ".") " " +} + +mark { + background: #d9cb73; + background: var(--accent); + color: #1d212c; + color: var(--background) +} + +.container { + border-right: 1px solid hsla(0, 0%, 100%, .1); + display: flex; + flex-direction: column; + max-width: 864px; + min-height: 100vh; + padding: 40px +} + +.container.center, +.container.full { + border: none; + margin: 0 auto +} + +.container.full { + max-width: 100% +} + +@media (max-width:684px) { + .container { + padding: 20px + } +} + +@media (--phone) { + .container { + padding: 20px + } +} + +@media print { + .container { + display: inline; + display: initial + } +} + +.content { + display: flex; + flex-direction: column +} + +@media print { + .content { + display: inline; + display: initial + } +} + +hr { + background: hsla(0, 0%, 100%, .1); + background: var(--border-color); + border: none; + height: 1px; + width: 100% +} + +.hidden { + display: none +} + +sup { + line-height: 0 +} + +.header { + display: flex; + flex-direction: column; + position: relative +} + +@media print { + .header { + display: none + } +} + +.header__inner { + align-items: center; + display: flex; + justify-content: space-between +} + +.header__logo { + display: flex; + flex: 1 +} + +.header__logo:after { + background: repeating-linear-gradient(90deg, #d9cb73, #d9cb73 2px, transparent 0, transparent 10px); + background: repeating-linear-gradient(90deg, var(--accent), var(--accent) 2px, transparent 0, transparent 10px); + content: ""; + display: block; + right: 10px; + width: 100% +} + +.header__logo a { + flex: 0 0 auto; + max-width: 100%; + text-decoration: none +} + +.header .menu { + --shadow-color: rgba(29, 33, 44, 0.8); + --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color); + margin: 20px 1px +} + +@media (max-width:684px) { + .header .menu { + background: #1d212c; + background: var(--background); + border: 2px solid; + box-shadow: var(--shadow); + color: #fff; + list-style: none; + margin: 0; + padding: 10px; + position: absolute; + right: 0; + top: 50px; + z-index: 99 + } +} + +@media (--phone) { + .header .menu { + background: #1d212c; + background: var(--background); + border: 2px solid; + box-shadow: var(--shadow); + color: #fff; + list-style: none; + margin: 0; + padding: 10px; + position: absolute; + right: 0; + top: 50px; + z-index: 99 + } +} + +.header .menu__inner { + display: flex; + flex-wrap: wrap; + list-style: none; + margin: 0; + padding: 0 +} + +@media (max-width:684px) { + .header .menu__inner--desktop { + display: none + } +} + +@media (--phone) { + .header .menu__inner--desktop { + display: none + } +} + +.header .menu__inner--mobile { + display: none +} + +@media (max-width:684px) { + .header .menu__inner--mobile { + display: block + } +} + +@media (--phone) { + .header .menu__inner--mobile { + display: block + } +} + +.header .menu__inner li:not(:last-of-type) { + flex: 0 0 auto; + margin-bottom: 10px; + margin-right: 20px +} + +@media (max-width:684px) { + .header .menu__inner { + align-items: flex-start; + flex-direction: column; + padding: 0 + } + .header .menu__inner li { + margin: 0; + padding: 5px + } +} + +@media (--phone) { + .header .menu__inner { + align-items: flex-start; + flex-direction: column; + padding: 0 + } + .header .menu__inner li { + margin: 0; + padding: 5px + } +} + +.header .menu__sub-inner { + list-style: none; + margin: 0; + padding: 0; + position: relative +} + +.header .menu__sub-inner:not(:only-child) { + margin-left: 20px +} + +.header .menu__sub-inner-more { + background: #1d212c; + background: var(--background); + border: 2px solid; + box-shadow: var(--shadow); + color: #fff; + left: 0; + list-style: none; + margin: 0; + padding: 10px; + position: absolute; + top: 35px; + z-index: 99 +} + +.header .menu__sub-inner-more-trigger { + color: #d9cb73; + color: var(--accent); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.header .menu__sub-inner-more li { + margin: 0; + padding: 5px; + white-space: nowrap +} + +.header .menu .spacer { + flex-grow: 1 +} + +.header .menu .language-selector { + list-style: none; + margin: 0; + position: relative +} + +.header .menu .language-selector-current { + color: #d9cb73; + color: var(--accent); + cursor: pointer; + display: flex; + flex-direction: row; + list-style-type: none; + margin: 0 +} + +.header .menu .language-selector__more { + background: #1d212c; + background: var(--background); + border: 2px solid; + box-shadow: var(--shadow); + color: #fff; + list-style: none; + margin: 0; + padding: 10px; + position: absolute; + right: 0; + top: 35px; + z-index: 99 +} + +.header .menu-trigger { + border: 2px solid; + color: #d9cb73; + color: var(--accent); + height: 100%; + margin-left: 10px; + padding: 3px 8px; + position: relative +} + +.logo { + align-items: center; + background: #d9cb73; + background: var(--accent); + color: #000; + display: flex; + padding: 5px 10px; + text-decoration: none +} + +.pagination { + margin-top: 50px +} + +@media print { + .pagination { + display: none + } +} + +.pagination__title { + display: flex; + margin: 100px 0 20px; + position: relative; + text-align: center +} + +.pagination__title-h { + background: #1d212c; + font-size: .8rem; + letter-spacing: .1em; + margin: 0 auto; + padding: 5px 10px; + text-align: center; + text-decoration: none; + text-transform: uppercase; + z-index: 1 +} + +.pagination__title hr { + left: 0; + margin-top: 15px; + position: absolute; + right: 0; + width: 100%; + z-index: 0 +} + +.pagination__buttons { + align-items: center; + display: flex; + justify-content: center +} + +.pagination__buttons a { + text-decoration: none +} + +.button { + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 8px; + cursor: pointer; + display: inline-flex; + flex: 1; + font-size: 1rem; + justify-content: center; + overflow: hidden; + padding: 0; + position: relative +} + +.button+.button { + margin-left: 10px +} + +.button a { + display: flex; + padding: 8px 16px; + text-decoration: none +} + +.button__text, +.button a { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.button.next .button__icon { + margin-left: 8px +} + +.button.previous .button__icon { + margin-right: 8px +} + +.index-content { + margin-top: 20px +} + +.framed { + border: 1px solid #d9cb73; + border: 1px solid var(--accent); + padding: 20px +} + +.framed :first-child { + margin-top: 0 +} + +.framed :last-child { + margin-bottom: 0 +} + +.post, +.posts { + width: 100% +} + +.post { + margin: 20px auto; + padding: 20px 0; + text-align: left +} + +@media (max-width:900px) { + .post { + max-width: 660px + } +} + +@media (--tablet) { + .post { + max-width: 660px + } +} + +.post:not(:last-of-type) { + border-bottom: 1px solid hsla(0, 0%, 100%, .1); + border-bottom: 1px solid var(--border-color) +} + +.post-meta { + color: rgba(217, 203, 115, .7); + font-size: 1rem; + margin-bottom: 10px +} + +.post-title { + --border: 3px dotted var(--accent); + border-bottom: var(--border); + color: #d9cb73; + color: var(--accent); + margin: 0 0 15px; + padding-bottom: 15px; + position: relative +} + +.post-title:after { + border-bottom: var(--border); + bottom: 2px; + content: ""; + display: block; + position: absolute; + width: 100% +} + +.post-title a { + text-decoration: none +} + +.post-tags { + display: block; + font-size: 1rem; + margin-bottom: 20px; + opacity: .5 +} + +.post-tags a { + text-decoration: none +} + +.post-content { + margin-top: 30px +} + +.post-cover { + background: transparent; + border: 20px solid #d9cb73; + border: 20px solid var(--accent); + margin: 40px 0; + padding: 20px +} + +@media (max-width:684px) { + .post-cover { + border-width: 10px; + padding: 10px + } +} + +@media (--phone) { + .post-cover { + border-width: 10px; + padding: 10px + } +} + +.post ul { + list-style: none +} + +.post ul li:not(:empty):before { + color: #d9cb73; + color: var(--accent); + content: "-"; + left: -20px; + position: absolute +} + +.post--regulation h1, +.post--regulation h2 { + justify-content: center +} + +.post--regulation h2 { + margin-bottom: 10px +} + +.post--regulation h2+h2 { + margin-bottom: 20px; + margin-top: -10px +} + +.hanchor { + color: rgba(217, 203, 115, .9); + margin-left: 10px; + text-decoration: none; + visibility: hidden +} + +h1:hover a, +h2:hover a, +h3:hover a, +h4:hover a { + visibility: visible +} + +.footnotes { + color: hsla(0, 0%, 100%, .5) +} + +.language-css .token.string, +.language-scss .token.string, +.style .token.string, +.token.atrule, +.token.attr-value, +.token.boolean, +.token.control, +.token.directive, +.token.entity, +.token.important, +.token.inserted, +.token.keyword, +.token.number, +.token.regex, +.token.statement, +.token.string, +.token.url, +code.language-css, +code.language-scss { + color: #d9cb73!important; + color: var(--accent)!important +} + +.token.atrule-id, +.token.attr-name, +.token.class-name, +.token.constant, +.token.deleted, +.token.namespace, +.token.operator, +.token.placeholder, +.token.property, +.token.symbol, +.token.tag, +.token.tag-id, +.token.unit, +.token.variable { + color: rgba(217, 203, 115, .7)!important +} + +.command-line-prompt>span:before, +.token.deleted, +.token.function, +.token.function-name, +.token.property, +code.language-html, +code.language-javascript { + color: #8d9ba3!important +} + +.token.punctuation, +.token.selector, +.token.tag { + color: #fff +} + +.token.cdata, +.token.comment, +.token.doctype, +.token.prolog { + color: hsla(0, 0%, 100%, .3)!important +} + +.token.namespace { + opacity: .7!important +} + +pre[data-line] { + position: relative +} + +pre[class*=language-] { + margin: 0; + overflow: auto; + padding: 0 +} + +.line-highlight { + background: rgba(141, 155, 163, .08); + left: 0; + line-height: inherit; + margin: 0; + padding: 0; + pointer-events: none; + position: absolute; + right: 0; + white-space: pre +} + +.line-highlight:before, +.line-highlight[data-end]:after { + background-color: hsla(24, 20%, 50%, .4); + border-radius: 999px; + box-shadow: 0 1px #fff; + color: #f5f2f0; + content: attr(data-start); + font: 700 65%/1.5 sans-serif; + left: .6em; + min-width: 1em; + padding: 0 .5em; + position: absolute; + text-align: center; + text-shadow: none; + vertical-align: .3em +} + +.line-highlight[data-end]:after { + bottom: .4em; + content: attr(data-end); + top: auto +} + +.line-numbers .line-highlight:after, +.line-numbers .line-highlight:before { + content: none +} + +:root { + --code-margin: 40px +} + +.code-toolbar { + border: 1px solid hsla(0, 0%, 100%, .1); + margin: 40px 0; + margin: var(--code-margin) 0; + padding: 20px; + position: relative +} + +.code-toolbar+.code-toolbar, +.code-toolbar+.highlight, +.code-toolbar+.highlight .code-toolbar { + border-top: 0; + margin-top: -40px; + margin-top: calc(var(--code-margin)*-1) +} + +.code-toolbar code, +.code-toolbar pre { + border: none +} + +.code-toolbar code { + color: inherit; + display: block +} + +.code-toolbar>.toolbar button { + background: hsla(0, 0%, 87.8%, .2)!important; + border-radius: 0!important; + box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2)!important; + color: #bbb!important; + font-size: .8em!important; + margin: 6px!important; + padding: 10px!important; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +:root { + --accent: #ffa86a; + --phoneWidth: (max-width: 684px); + --tabletWidth: (max-width: 900px); + --accent: #d9cb73; + --background: #1d212c; + --color: #fff; + --border-color: hsla(0, 0%, 100%, 0.1) +} + +@custom-media --phone (max-width: 684px); +@custom-media --tablet (max-width: 900px) \ No newline at end of file diff --git a/static/img/favicon/favicon.png b/static/img/favicon/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..fc3dc13e735062d2020c753d22f99dccab987ed5 GIT binary patch literal 1437 zcmV;O1!DS%P)5|Q$i<)fCdD)^S zOJF8*I@m?sydXLgVeX>hE(x$8MRc3noSVeKq;wPzY`cP}2&HF#5R7E!)E;_z-1z-> zzV|!t`+M4+eDC+2Y8K3m78nB30cbQ@jK-1o+RLES-tIvVe0?BB<4AVo706EF@wn;f z=_X98!(@(9++-kn?bT&?JnlXaIdVGNIRDG{R99DEZ@3JA$sENy+xIDKQJy40dc9s+ z+nQ-^cF@w?NOMyojg2;1TAI}K7qBEjs;uQ4I<#9&FF{Ew70~JRgz04e^6r@=olcuR zi)qtm;c{K2uC|76zWx%2qd`S$@+A3<^vi4>#ngvqvT4iP#KtD5;b~C1D@eZ#hHx@x z&kLoOpcF6&fWNldaRUMplEO%6Nxc{#Y<&f8;py@BY_!9CPc3Q4bZ@#1;5Zhd0_1c1}oO3{)1 zp(v?5NR_pm_wsY;x_Lu1Zmlfi+_`F{%PI#V2m)VxewYIVAJFUdVhA55xiTL<^bzgt ze=AiQPzc1=>to;EJia>l8PIoxw0X-mW@OA3oqz3G2ZaS6A_&U8(NF}$<8gELOeFwg zlgF`X%QoWT5?J)?i;Nx}Cwk9?3qMg&@vRc&0fnEDv?-6UVPh^vV*fJ_jN$1OVE*?CP8QcM{c zbBG(0D3Pm!yd7_f9!~g^ED)(rN)QCvS_5C$v|24$SquHv$} zxf|KL=Uti{cE58acZl`%wNzG?;&HpEx7BjJv(s-PpU+2O;Z9DJ6qAr(VWcsV%sE*D zn#Q`?i=3{mz~gpt>C*3h^Yu#*e4IT~$=NfNn9NbEUi~^rV^abLX|&t0o+=Hf*qw5_ zoVZNs#*=n9Rym8wOnzAU-~6z;){6DVR*7g36gF r(X(k5%#9X?%-@^@!6&&!{9p7B*QUP+lFB%P00000NkvXXu0mjf8wRkt literal 0 HcmV?d00001 diff --git a/static/style.css b/static/style.css index 0de0855..4e42973 100644 --- a/static/style.css +++ b/static/style.css @@ -12,7 +12,8 @@ .flex-item-left { - padding: 10px; + padding-left: 10px; + padding-right: 10px; flex: 50%; } @@ -26,7 +27,6 @@ .headerimage{ width: 100px; - } .transparentbackgroud{