diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..00e77bd --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..d30c699 --- /dev/null +++ b/config.toml @@ -0,0 +1,4 @@ +baseURL = 'https://cozy.town/' +languageCode = 'de-DE' +title = 'Cozy Town – Dienste für flauschige Menschen' +theme = 'cozy-hugo' \ No newline at end of file diff --git a/content/posts/hola.md b/content/posts/hola.md new file mode 100644 index 0000000..cc1c44c --- /dev/null +++ b/content/posts/hola.md @@ -0,0 +1,6 @@ +--- +title: "Hola" +date: 2022-11-15T17:04:42+01:00 +draft: false +--- + diff --git a/favicon.png b/favicon.png deleted file mode 100644 index 4ee4a46..0000000 Binary files a/favicon.png and /dev/null differ diff --git a/header.svg b/header.svg deleted file mode 100644 index 094ab83..0000000 --- a/header.svg +++ /dev/null @@ -1,915 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/index.css b/index.css deleted file mode 100644 index 6c9ba10..0000000 --- a/index.css +++ /dev/null @@ -1,219 +0,0 @@ -:root { - --background: rgb(255, 255, 230); - --background-header: rgb(250, 220, 120); - --background-nav: rgb(252.5, 237.5, 175); - --text: rgb(50, 50, 50); - --sphere: rgb(245, 180, 100); - --hill: rgb(50, 235, 150); - --hillshade: rgb(40, 160, 100); -} - -@media (prefers-color-scheme: dark) { - :root { - --background: rgb(0, 45, 60); - --background-header: rgb(0, 70, 100); - --background-nav: rgb(0, 62.5, 80); - --text: rgb(255, 255, 255); - --sphere: rgb(105, 210, 255); - --hill: rgb(0, 95, 135); - --hillshade: rgb(0, 45, 60); - } -} - -* { - box-sizing: border-box; - scrollbar-color: var(--sphere) var(--background-header); -} - -html { - scroll-behavior: smooth; -} - -a { - color: var(--text); - text-underline-offset: 3px; - transition: text-decoration-color .15s ease; -} - -a:hover { - text-decoration-color: var(--sphere); -} - -body { - background: var(--background); - color: var(--text); - font-family: 'Lucida Console', 'Courier New', monospace; - hyphens: auto; - line-height: 1.8; - margin: 0; -} - -header { - background: var(--background-header); - color: var(--text); - display: flex; - flex-direction: column; - height: 40vh; - justify-content: center; - overflow: hidden; - position: relative; - text-align: center; -} - -header h1 { - font-size: 3.6em; - line-height: .9em; - margin: 0; - z-index: 10; -} - -header p { - margin: 0; - z-index: 10; -} - -header #sphere { - background: var(--sphere); - border-radius: 100%; - display: none; - height: 10vh; - left: 30vw; - position: absolute; - top: 3vh; - width: 10vh; -} - -header #hill { - background: var(--hill); - border-radius: 40px; - bottom: 0; - display: none; - height: 40vh; - left: 50vw; - position: absolute; - transform: rotate(45deg) translate(50%, 50%); - width: 40vh; -} - -header #hillshade { - background: var(--hillshade); - border-radius: 80px; - bottom: -5vh; - display: none; - height: 40vh; - left: 30vw; - position: absolute; - transform: rotate(45deg) translate(50%, 50%); - width: 40vh; -} - -#header-background { - height: 100%; - position: absolute; - align-self: center; -} - -main { - margin: 0 auto; - max-width: 1200px; -} - -main > nav { - align-items: center; - background: var(--background-nav); - border-radius: 10px; - display: flex; - gap: 20px; - height: 60px; - justify-content: center; - margin: 0px 20px -30px 20px; - position: relative; - top: -30px; -} - -main section { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 20px; - margin: 40px 20px; -} - -main article { - background: var(--background-header); - border-radius: 10px; - box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 0px 0px; - display: flex; - flex-direction: column; - padding: 40px; - transition: box-shadow .3s ease, transform .3s ease; -} - -main article:hover { - box-shadow: rgba(0, 0, 0, 0.1) 10px 15px 0px 0px; - transform: translate(0, -5px); -} - -main article a { - background: var(--background); - border-radius: 5px; - box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 0px 0px; - color: var(--text); - display: inline-block; - font-weight: bold; - padding: 10px 14px; - text-decoration: none; - transition: box-shadow .15s ease, transform .15s ease; -} - -main article a:hover { - box-shadow: rgba(0, 0, 0, 0.1) 2.5px 2.5px 0px 0px; - transform: translate(2.5px, 2.5px); -} - -main article a:active { - box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0px; - transform: translate(5px, 5px); -} - -main article h2 { - font-size: 1.8em; - line-height: normal; - margin: 0; -} - -main article p { - margin: 20px 0; -} - -main article nav { - display: flex; - flex-wrap: wrap; - gap: 10px; - hyphens: none; - margin-top: auto; -} - -@media (max-width: 1000px) { - header hill { - transform: rotate(45deg) translate(40%, 70%); - } - header hillshade { - transform: rotate(45deg) translate(20%, 80%); - } - section#dienste { - grid-template-columns: repeat(2, 1fr); - } -} - -@media (max-width: 600px) { - section#dienste { - grid-template-columns: repeat(1, 1fr); - } -} - -@media (prefers-color-scheme: dark) { - header #sphere { - left: unset; - right: 30vw; - } -} diff --git a/index.html b/index.html deleted file mode 100644 index 18f66c3..0000000 --- a/index.html +++ /dev/null @@ -1,50 +0,0 @@ - - - - Cozy Town – Dienste für flauschige Menschen - - - - - - -
-

Cozy Town

-

Dienste für flauschige Menschen

- - -
-
- -
-
-

Matrix

-

Matrix ist ein moderner, quelloffener, dezentraler und verschlüsselter Kommunikationsstandard.

- -
- -
-

Gitea

-

Gitea ist eine quelloffene Versionskontroll-Software.

- -
-
-

Tiny Tiny RSS

-

Abonniere und lese RSS- bzw. Web-Feeds.

- -
-
-
- -
-
- - diff --git a/resources/_gen/assets/scss/css/main.scss_62329da970ed492fc3edb12d85729556.content b/resources/_gen/assets/scss/css/main.scss_62329da970ed492fc3edb12d85729556.content new file mode 100644 index 0000000..8b506df --- /dev/null +++ b/resources/_gen/assets/scss/css/main.scss_62329da970ed492fc3edb12d85729556.content @@ -0,0 +1,3 @@ +:root{--background: rgb(255, 255, 230);--background-header: rgb(250, 220, 120);--background-nav: rgb(252.5, 237.5, 175);--text: rgb(50, 50, 50);--sphere: rgb(245, 180, 100);--hill: rgb(50, 235, 150);--hillshade: rgb(40, 160, 100);--image-decorative-blend: initial}@media (prefers-color-scheme: dark){:root{--background: rgb(0, 45, 60);--background-header: rgb(0, 70, 100);--background-nav: rgb(0, 62.5, 80);--text: rgb(255, 255, 255);--sphere: rgb(105, 210, 255);--hill: rgb(0, 95, 135);--hillshade: rgb(0, 45, 60);--image-decorative-blend: luminosity}}*{box-sizing:border-box;scrollbar-color:var(--sphere) var(--background-header)}html{scroll-behavior:smooth}a{color:var(--text);text-underline-offset:3px;transition:text-decoration-color .15s ease}a:hover{text-decoration-color:var(--sphere)}body{background-color:var(--background);color:var(--text);font-family:'Lucida Console', 'Courier New', monospace;hyphens:auto;line-height:1.8;margin:0}header{background-blend-mode:var(--image-decorative-blend);background-color:var(--background-header);background-image:url(home-header-optimized.svg);background-position:center;color:var(--text);display:flex;flex-direction:column;height:40vh;justify-content:center;overflow:hidden;position:relative;text-align:center}header h1{font-size:3.6em;line-height:.9em;margin:0;z-index:10}header p{margin:0;z-index:10}header #sphere{background:var(--sphere);border-radius:100%;display:none;height:10vh;left:30vw;position:absolute;top:3vh;width:10vh}header #hill{background:var(--hill);border-radius:40px;bottom:0;display:none;height:40vh;left:50vw;position:absolute;transform:rotate(45deg) translate(50%, 50%);width:40vh}header #hillshade{background:var(--hillshade);border-radius:80px;bottom:-5vh;display:none;height:40vh;left:30vw;position:absolute;transform:rotate(45deg) translate(50%, 50%);width:40vh}#header-background{height:100%;position:absolute;align-self:center}body>nav{align-items:center;background:var(--background-nav);border-radius:10px;display:flex;gap:20px;height:60px;justify-content:center;margin:0px 20px -30px 20px;position:relative;top:-30px}.width-1200{margin:0 auto;max-width:1200px}main section{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px}main article{background:var(--background-header);border-radius:10px;box-shadow:rgba(0,0,0,0.1) 10px 10px 0px 0px;display:flex;flex-direction:column;padding:40px;transition:box-shadow .3s ease, transform .3s ease}main article:hover{box-shadow:rgba(0,0,0,0.1) 10px 15px 0px 0px;transform:translate(0, -5px)}main article a{background:var(--background);border-radius:5px;box-shadow:rgba(0,0,0,0.1) 5px 5px 0px 0px;color:var(--text);display:inline-block;font-weight:bold;padding:10px 14px;text-decoration:none;transition:box-shadow .15s ease, transform .15s ease}main article a:hover{box-shadow:rgba(0,0,0,0.1) 2.5px 2.5px 0px 0px;transform:translate(2.5px, 2.5px)}main article a:active{box-shadow:rgba(0,0,0,0.1) 0px 0px 0px 0px;transform:translate(5px, 5px)}main article h2{font-size:1.8em;line-height:normal;margin:0}main article p{margin:20px 0}main article nav{display:flex;flex-wrap:wrap;gap:10px;hyphens:none;margin-top:auto}footer{margin-top:20px !important;text-align:center}@media (max-width: 1000px){header hill{transform:rotate(45deg) translate(40%, 70%)}header hillshade{transform:rotate(45deg) translate(20%, 80%)}section#dienste{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){section#dienste{grid-template-columns:repeat(1, 1fr)}}@media (prefers-color-scheme: dark){header #sphere{left:unset;right:30vw}} + +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/resources/_gen/assets/scss/css/main.scss_62329da970ed492fc3edb12d85729556.json b/resources/_gen/assets/scss/css/main.scss_62329da970ed492fc3edb12d85729556.json new file mode 100644 index 0000000..8d03ad7 --- /dev/null +++ b/resources/_gen/assets/scss/css/main.scss_62329da970ed492fc3edb12d85729556.json @@ -0,0 +1 @@ +{"Target":"style.css","MediaType":"text/css","Data":{}} \ No newline at end of file diff --git a/header optimized.svg b/static/home-header-optimized.svg similarity index 100% rename from header optimized.svg rename to static/home-header-optimized.svg diff --git a/themes/cozy-hugo/LICENSE b/themes/cozy-hugo/LICENSE new file mode 100644 index 0000000..147d594 --- /dev/null +++ b/themes/cozy-hugo/LICENSE @@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2022 YOUR_NAME_HERE + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/themes/cozy-hugo/archetypes/default.md b/themes/cozy-hugo/archetypes/default.md new file mode 100644 index 0000000..ac36e06 --- /dev/null +++ b/themes/cozy-hugo/archetypes/default.md @@ -0,0 +1,2 @@ ++++ ++++ diff --git a/themes/cozy-hugo/assets/css/main.scss b/themes/cozy-hugo/assets/css/main.scss new file mode 100644 index 0000000..95d6e80 --- /dev/null +++ b/themes/cozy-hugo/assets/css/main.scss @@ -0,0 +1,233 @@ +:root { + --background: rgb(255, 255, 230); + --background-header: rgb(250, 220, 120); + --background-nav: rgb(252.5, 237.5, 175); + --text: rgb(50, 50, 50); + --sphere: rgb(245, 180, 100); + --hill: rgb(50, 235, 150); + --hillshade: rgb(40, 160, 100); + --image-decorative-blend: initial; + } + + @media (prefers-color-scheme: dark) { + :root { + --background: rgb(0, 45, 60); + --background-header: rgb(0, 70, 100); + --background-nav: rgb(0, 62.5, 80); + --text: rgb(255, 255, 255); + --sphere: rgb(105, 210, 255); + --hill: rgb(0, 95, 135); + --hillshade: rgb(0, 45, 60); + --image-decorative-blend: luminosity; + } + } + + * { + box-sizing: border-box; + scrollbar-color: var(--sphere) var(--background-header); + } + + html { + scroll-behavior: smooth; + } + + a { + color: var(--text); + text-underline-offset: 3px; + transition: text-decoration-color .15s ease; + } + + a:hover { + text-decoration-color: var(--sphere); + } + + body { + background-color: var(--background); + color: var(--text); + font-family: 'Lucida Console', 'Courier New', monospace; + hyphens: auto; + line-height: 1.8; + margin: 0; + } + + header { + background-blend-mode: var(--image-decorative-blend); + background-color: var(--background-header); + background-image: url(home-header-optimized.svg); + background-position: center; + color: var(--text); + display: flex; + flex-direction: column; + height: 40vh; + justify-content: center; + overflow: hidden; + position: relative; + text-align: center; + } + + header h1 { + font-size: 3.6em; + line-height: .9em; + margin: 0; + z-index: 10; + } + + header p { + margin: 0; + z-index: 10; + } + + header #sphere { + background: var(--sphere); + border-radius: 100%; + display: none; + height: 10vh; + left: 30vw; + position: absolute; + top: 3vh; + width: 10vh; + } + + header #hill { + background: var(--hill); + border-radius: 40px; + bottom: 0; + display: none; + height: 40vh; + left: 50vw; + position: absolute; + transform: rotate(45deg) translate(50%, 50%); + width: 40vh; + } + + header #hillshade { + background: var(--hillshade); + border-radius: 80px; + bottom: -5vh; + display: none; + height: 40vh; + left: 30vw; + position: absolute; + transform: rotate(45deg) translate(50%, 50%); + width: 40vh; + } + + #header-background { + height: 100%; + position: absolute; + align-self: center; + } + + body > nav { + align-items: center; + background: var(--background-nav); + border-radius: 10px; + display: flex; + gap: 20px; + height: 60px; + justify-content: center; + margin: 0px 20px -30px 20px; + position: relative; + top: -30px; + } + + .width-1200 { + margin: 0 auto; + max-width: 1200px; + } + + main section { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 20px; + } + + main article { + background: var(--background-header); + border-radius: 10px; + box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 0px 0px; + display: flex; + flex-direction: column; + padding: 40px; + transition: box-shadow .3s ease, transform .3s ease; + } + + main article:hover { + box-shadow: rgba(0, 0, 0, 0.1) 10px 15px 0px 0px; + transform: translate(0, -5px); + } + + main article a { + background: var(--background); + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 0px 0px; + color: var(--text); + display: inline-block; + font-weight: bold; + padding: 10px 14px; + text-decoration: none; + transition: box-shadow .15s ease, transform .15s ease; + } + + main article a:hover { + box-shadow: rgba(0, 0, 0, 0.1) 2.5px 2.5px 0px 0px; + transform: translate(2.5px, 2.5px); + } + + main article a:active { + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0px; + transform: translate(5px, 5px); + } + + main article h2 { + font-size: 1.8em; + line-height: normal; + margin: 0; + } + + main article p { + margin: 20px 0; + } + + main article nav { + display: flex; + flex-wrap: wrap; + gap: 10px; + hyphens: none; + margin-top: auto; + } + + footer { + margin-top: 20px !important; + text-align: center; + } + + /*footer p, footer a { + text-align: center; + color: rgb(80, 150, 190); + }*/ + + @media (max-width: 1000px) { + header hill { + transform: rotate(45deg) translate(40%, 70%); + } + header hillshade { + transform: rotate(45deg) translate(20%, 80%); + } + section#dienste { + grid-template-columns: repeat(2, 1fr); + } + } + + @media (max-width: 600px) { + section#dienste { + grid-template-columns: repeat(1, 1fr); + } + } + + @media (prefers-color-scheme: dark) { + header #sphere { + left: unset; + right: 30vw; + } + } \ No newline at end of file diff --git a/README.md b/themes/cozy-hugo/layouts/404.html similarity index 100% rename from README.md rename to themes/cozy-hugo/layouts/404.html diff --git a/themes/cozy-hugo/layouts/_default/baseof.html b/themes/cozy-hugo/layouts/_default/baseof.html new file mode 100644 index 0000000..762be0a --- /dev/null +++ b/themes/cozy-hugo/layouts/_default/baseof.html @@ -0,0 +1,15 @@ + + + + +{{ partial "head.html" . }} + + + + {{- block "header" . }}{{- end }} + {{ partial "nav.html" . }} + {{- block "main" . }}{{- end }} + {{ partial "footer.html" . }} + + + \ No newline at end of file diff --git a/themes/cozy-hugo/layouts/_default/list.html b/themes/cozy-hugo/layouts/_default/list.html new file mode 100644 index 0000000..e69de29 diff --git a/themes/cozy-hugo/layouts/_default/single.html b/themes/cozy-hugo/layouts/_default/single.html new file mode 100644 index 0000000..e69de29 diff --git a/themes/cozy-hugo/layouts/index.html b/themes/cozy-hugo/layouts/index.html new file mode 100644 index 0000000..581232a --- /dev/null +++ b/themes/cozy-hugo/layouts/index.html @@ -0,0 +1,36 @@ +{{ define "header"}} +
+

Cozy Town

+

Dienste für flauschige Menschen

+ +
+{{- end }} +{{ define "main" }} +
+
+
+

Chat

+

Schreibe sicher und vertraulich mit deinen Freunden, Bekannten und deiner Familie.

+ +
+ +
+

Code

+

Starte und pflege deine Projekte.

+ +
+
+
+{{- end }} \ No newline at end of file diff --git a/themes/cozy-hugo/layouts/partials/footer.html b/themes/cozy-hugo/layouts/partials/footer.html new file mode 100644 index 0000000..4672c8b --- /dev/null +++ b/themes/cozy-hugo/layouts/partials/footer.html @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/themes/cozy-hugo/layouts/partials/head.html b/themes/cozy-hugo/layouts/partials/head.html new file mode 100644 index 0000000..78f6c7c --- /dev/null +++ b/themes/cozy-hugo/layouts/partials/head.html @@ -0,0 +1,8 @@ + {{ $options := (dict "targetPath" "style.css" "outputStyle" "compressed" "enableSourceMap" (not hugo.IsProduction) "includePaths" (slice "node_modules/myscss")) }} + {{ $css := resources.Get "css/main.scss" | resources.ToCSS $options }} + + {{ if not .Page.IsHome }}{{ with .Page.Title }}{{ . }} – {{ end }}{{ end }}Cozy Town + + + + \ No newline at end of file diff --git a/themes/cozy-hugo/layouts/partials/nav.html b/themes/cozy-hugo/layouts/partials/nav.html new file mode 100644 index 0000000..4c0524e --- /dev/null +++ b/themes/cozy-hugo/layouts/partials/nav.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/themes/cozy-hugo/theme.toml b/themes/cozy-hugo/theme.toml new file mode 100644 index 0000000..459245e --- /dev/null +++ b/themes/cozy-hugo/theme.toml @@ -0,0 +1,15 @@ +# theme.toml template for a Hugo theme +# See https://github.com/gohugoio/hugoThemes#themetoml for an example + +name = "Cozy Hugo" +license = "Unknown" +licenselink = "https://code.cozy.town/cozytown/website-hugo/blob/master/LICENSE" +description = "The website of Cozy Town rewritten in hugo" +homepage = "http://cozy.town/" +tags = [] +features = [] +min_version = "0.41.0" + +[author] + name = "Vri (vrifox)" + homepage = "https://vrifox.cc/" \ No newline at end of file