diff --git a/assets/scss/blog.scss b/assets/scss/blog.scss index 98d3595..6bf93c4 100644 --- a/assets/scss/blog.scss +++ b/assets/scss/blog.scss @@ -2,71 +2,11 @@ @import "variables"; @import "main"; -// fonts -@import "fonts/playfair"; - // markup + @import "markup/render-image"; // partials @import "partials/sidebar"; @import "partials/footer"; -@import "partials/helpers/icons.scss"; - -#blog-header { - background: var(--vriish-gradient); - font-family: "playfair"; - font-size: 2rem; - height: 40vh; - color: var(--vriish-gradient-text); - mask: var(--vriish-waves); - padding: 1rem 1rem 3rem 1rem; - display: flex; - flex-direction: column; - place-content: center; - text-align: center; - - @media (max-width: 1140px) { - height: 30vh; - font-size: 1.5rem; - } - - h1 { - letter-spacing: 0.3rem; - font-size: 4rem; - margin: 0; - @media (max-width: 1140px) { - font-size: 2.5rem; - } - } - - p { - letter-spacing: 0.15rem; - margin: 0; - } -} - -#posts-wrapper { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(10rem, 18rem)); - gap: 1rem; - justify-content: center; - - .post-wrapper { - hyphens: auto; - padding: 1rem; - color: var(--vriish-gradient-text); - background: var(--vriish-gradient); - border-radius: .5em; - display: flex; - flex-direction: column; - scroll-snap-align: start; - text-decoration: none; - min-height: 10rem; - justify-content: space-between; - - p { - margin: 0; - } - } -} \ No newline at end of file +@import "partials/helpers/icons.scss"; \ No newline at end of file diff --git a/i18n/de.yaml b/i18n/de.yaml index babfebb..bd4900a 100644 --- a/i18n/de.yaml +++ b/i18n/de.yaml @@ -6,14 +6,15 @@ projects: blog: other: Blog +sourcecode: + other: "Quellcode" + # Footer build: other: "Build " build-title-tag: other: "Build von " -sourcecode: - other: "Quellcode" made-with: other: "Erstellt mit " @@ -21,17 +22,11 @@ made-with: verticalposts-more: other: mehr -# Home +# Content introduction-heading: other: Hola, ich bin Vri introduction-sub: other: und Informatik ist meine Leidenschaft. latest-posts-heading: - other: Aus meinem Blog - -# Blog -blog-heading: - other: Artikel -blog-sub: - other: aus meinem Blog \ No newline at end of file + other: Aus meinem Blog \ No newline at end of file diff --git a/i18n/en.yaml b/i18n/en.yaml index eccb26d..ae03036 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -6,14 +6,15 @@ projects: blog: other: Blog +sourcecode: + other: "Sourcecode" + # Footer build: other: "Build " build-title-tag: other: "Build from " -sourcecode: - other: "Sourcecode" made-with: other: "Made with " @@ -28,10 +29,4 @@ introduction-sub: other: and Computer Science is my passion. latest-posts-heading: - other: From my Blog - -# Blog -blog-heading: - other: Articles -blog-sub: - other: from my Blog \ No newline at end of file + other: From my Blog \ No newline at end of file diff --git a/layouts/blog/list.html b/layouts/blog/list.html index d111df3..1a7c7b3 100644 --- a/layouts/blog/list.html +++ b/layouts/blog/list.html @@ -3,28 +3,14 @@ {{- end -}} -{{- define "header" }} -
-

{{ i18n "blog-heading" }}

-

{{ i18n "blog-sub" }}

-
-{{ end }} - {{- define "main" }}
-
- {{ range (where .Site.RegularPages "Section" "blog") }} - -

{{ .Title }}

- -
- {{ end }} -
- +

{{ .Title }}

+

{{ .Content }}

+ {{- range .Pages }} +

{{ .Title }} {{ .Date | time.Format ":date_long" }}

+ {{- end }}
{{- end }}