Compare commits

..

2 commits

Author SHA1 Message Date
Vri
190c0acf7f
Refactor scss to minimize resulting css 2023-01-15 00:19:35 +01:00
Vri
8d154d444e
Refactor SCSS 2023-01-13 23:05:34 +01:00
23 changed files with 79 additions and 27 deletions

View file

@ -7,5 +7,4 @@ categories:
tags:
draft: true
type: "post"
---

View file

@ -7,7 +7,6 @@ categories:
tags:
draft: true
type: "project"
status:
link:
---

8
assets/scss/blog.scss Normal file
View file

@ -0,0 +1,8 @@
// general
@import "variables";
@import "style";
// partials
@import "partials/sidebar";
@import "partials/footer";
@import "partials/helpers/icons.scss";

View file

@ -1,3 +1,16 @@
// general
@import "variables";
@import "style";
// shortcodes
@import "shortcodes/verticalposts";
// partials
@import "partials/sidebar";
@import "partials/footer";
@import "partials/helpers/icons";
#introduction {
background: var(--vriish-gradient);
}

View file

@ -1,14 +1,3 @@
// general
@import "variables";
@import "shortcodes";
// site parts
@import "sidebar";
@import "footer";
// pages
@import "home";
* {
box-sizing: border-box;
scrollbar-color: var(--vriish-rose) var(--background);
@ -70,8 +59,7 @@ html {
p {
hyphens: auto;
img {
border: 2px solid var(--border);
border-radius: 4px;
border-radius: 1rem;
display: block;
margin: 0 auto;
}

View file

@ -1,2 +0,0 @@
@import "verticalposts";
@import "icons";

View file

@ -6,7 +6,6 @@ categories:
tags:
draft: false
type: "post"
description: ""
slug: "dunkler-modus-von-firefox"
---

View file

@ -6,7 +6,6 @@ categories:
tags:
draft: false
type: "post"
description: ""
slug: "firefox-dark-mode"
---

View file

@ -10,7 +10,6 @@ tags:
- natenom
draft: false
type: "post"
description: "I did make a new iteration of this graphic for Natenoms Blog."
---

View file

@ -6,7 +6,6 @@ categories:
tags:
draft: false
type: "post"
description: ""
---

View file

@ -9,7 +9,6 @@ tags:
- code
draft: false
type: "post"
description: "I'm working on my gitea theme and just added a $nojavascript alternative for two icons with pure css. :)"
---

View file

@ -10,7 +10,6 @@ tags:
- webdesign
draft: false
type: "post"
description: "My also new gitea theme appears to be usable, as long as you're not logged in."
---

View file

@ -8,7 +8,6 @@ tags:
- opensource
draft: false
type: "post"
description: "In the past I always preferred to make every bit myself (and disliked generators)."
---

View file

@ -2,8 +2,7 @@
<html lang="{{ .Page.Lang }}">
<head>
<title>{{ with .Title }} {{ . }} {{ end }}{{ .Site.Title }}</title>
{{- $style := resources.Get "/style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{ block "stylesheet" . }}{{ end }}
<link href="/gpg.pub" rel="pgpkey authn" />
<link href="https://social.anoxinon.de/@vri" rel="me" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

View file

@ -1,5 +1,5 @@
{{- define "stylesheet" -}}
{{- $scss := resources.Get "/_default/list.scss" -}}
{{- $scss := resources.Get "/scss/style.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{- end -}}

17
layouts/blog/list.html Normal file
View file

@ -0,0 +1,17 @@
{{- define "stylesheet" -}}
{{- $scss := resources.Get "/scss/blog.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{- end -}}
{{- define "main" }}
<main>
<h1 class="title">{{ .Title }}</h1>
<p>{{ .Content }}</p>
{{- range .Pages }}
<p> <a href="{{ .Permalink }}">{{ .Title }}</a> <span>{{ .Date.Day }}. {{ if eq .Params.lang "de"}} {{ index $.Site.Data.monate (printf "%d" .Date.Month) }} {{ else }} {{ .Date.Month }} {{ end }} {{ .Date.Year }}</span> </p>
{{- end }}
</main>
{{- end }}

32
layouts/blog/single.html Normal file
View file

@ -0,0 +1,32 @@
{{- define "stylesheet" -}}
{{- $scss := resources.Get "/scss/blog.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{- end -}}
{{- define "main" }}
<main>
{{- if eq .Params.type "post" }}
<p class="date-published" title="{{ .Date | time.Format "2. January 2006, 15:04 MST" }}">{{ .Date | time.Format "2. January 2006" }}</p>
{{- end }}
<h1 class="title">{{ .Title }}</h1>
{{ .Content -}}
<aside>
{{- with .Params.topics }}
<ul class="topics">
{{- range . }}
<li>
<a href="{{ "topics" | relURL}}/{{ . | urlize }}">{{ . }}</a>
</li>
{{ end }}
</ul>
{{- end }}
{{- with .Params.tags }}
tags
{{- range . }}
<a href='{{ "tags" | relURL }}/{{ . | urlize }}'>{{ . }}</a>
{{- end }}
{{- end }}
</aside>
</main>
{{- end }}

View file

@ -1,3 +1,9 @@
{{- define "stylesheet" -}}
{{- $scss := resources.Get "/scss/home.scss" -}}
{{- $style := $scss | resources.ToCSS -}}
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
{{- end -}}
{{- define "header" }}
<header id="introduction" class="global-header">
<h1>{{ i18n "introduction-heading" }}</h1>