From 18b1bce0cbd23aa0f7fa5e883ba079e547554ad3 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 10 Jan 2023 15:57:25 +0100 Subject: Updated headings --- assets/css/components/_hnav.scss | 37 - assets/css/components/_subheader.scss | 3 +- assets/css/layouts/_card-list.scss | 14 +- assets/css/style.scss | 1 - content/index.md | 2 +- content/notebook/fediverse/i-want-to-be-a-fox.md | 2 +- filters/headers.lua | 9 - package.json | 14 +- templates/layouts/categorized_list.html | 33 +- templates/layouts/list.html | 4 +- templates/layouts/page.html | 4 +- yarn.lock | 1420 +++++----------------- 12 files changed, 383 insertions(+), 1160 deletions(-) delete mode 100644 assets/css/components/_hnav.scss delete mode 100644 filters/headers.lua diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss deleted file mode 100644 index 4023c82..0000000 --- a/assets/css/components/_hnav.scss +++ /dev/null @@ -1,37 +0,0 @@ -@use 'iro-sass/src/index' as iro; -@use 'iro-design/src/functions' as fn; - -@include iro.props-namespace('hnav') { - @include iro.props-store(( - --colors: ( - --fg: fn.global-color(--fg-hi), - --border: fn.global-color(--obj), - ) - ), 'colors'); - - @include iro.props-store(( - --dims: ( - --gap-x: fn.global-dim(--size --300), - --gap-y: fn.global-dim(--size --150), - --font-size: .9em, - --margin-top: fn.global-dim(--paragraph --margin-top), - --margin-bottom: fn.global-dim(--size --1000), - --pad-top: calc(fn.global-dim(--paragraph --margin-top) * .5), - ) - ), 'dims'); - - @include iro.bem-component(iro.props-namespace()) { - display: flex; - flex-wrap: wrap; - gap: fn.dim(--gap-y) fn.dim(--gap-x); - align-items: baseline; - margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom); - padding-top: fn.dim(--pad-top); - border-top: 1px solid fn.color(--border); - color: fn.color(--fg); - - @include iro.bem-elem('item') { - font-size: fn.dim(--font-size); - } - } -} diff --git a/assets/css/components/_subheader.scss b/assets/css/components/_subheader.scss index df8eb50..768ff84 100644 --- a/assets/css/components/_subheader.scss +++ b/assets/css/components/_subheader.scss @@ -14,7 +14,7 @@ @include mx.set-font(--headline, ( --line-height: null, --size: fn.global-dim(--font-size --400), - --weight: normal + --weight: 350 )); color: fn.color(--fg); @@ -30,6 +30,7 @@ } @include iro.bem-elem('title') { + margin-right: .2em; font-size: inherit; font-weight: 800; letter-spacing: 1px; diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss index d8e67ee..6d330c0 100644 --- a/assets/css/layouts/_card-list.scss +++ b/assets/css/layouts/_card-list.scss @@ -32,7 +32,19 @@ font-size: fn.global-dim(--font-size --100); @include iro.bem-elem('header') { - margin-top: fn.dim(--margin-top); + display: flex; + align-items: center; + gap: fn.dim(--spacing); + margin-top: fn.dim(--margin-top); + } + + @include iro.bem-elem('header-section') { + width: 100%; + + @include iro.bem-next-twin-elem { + flex: 1 0 auto; + width: auto; + } } @include iro.bem-elem('footer') { diff --git a/assets/css/style.scss b/assets/css/style.scss index 1225b2e..5759a50 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -23,7 +23,6 @@ @use 'components/footer'; @use 'components/header'; @use 'components/subheader'; -@use 'components/hnav'; @use 'components/card'; @use 'components/figure'; @use 'components/exhibit'; diff --git a/content/index.md b/content/index.md index 97cec60..d854641 100644 --- a/content/index.md +++ b/content/index.md @@ -2,4 +2,4 @@ title: Volpeon --- -A red fox disguised as a software developer. Code, vector art and AI experiments. +A red fox disguised as a software developer. Writes code, creates vector art and experiments with AI. diff --git a/content/notebook/fediverse/i-want-to-be-a-fox.md b/content/notebook/fediverse/i-want-to-be-a-fox.md index 18e8657..6fa75c7 100644 --- a/content/notebook/fediverse/i-want-to-be-a-fox.md +++ b/content/notebook/fediverse/i-want-to-be-a-fox.md @@ -35,7 +35,7 @@ Here I'm not strictly limited to my body and I'm truly thankful that this possib As for the recent dragon stuff, I thought about what this character means to me. I identify with it because it's an expression of my creativity and taste, but it hasn't taken over the role of foxes. -##### Update 2022-07-30 +## Update 2022-07-30 ::: alert I recent post that I feel is relevant here. diff --git a/filters/headers.lua b/filters/headers.lua deleted file mode 100644 index ea9cde6..0000000 --- a/filters/headers.lua +++ /dev/null @@ -1,9 +0,0 @@ -function Header(el) - if el.level <= 3 then - local newchildren = pandoc.List() - newchildren:insert(pandoc.Span(el.content, { class = 's-headings__primary' })) - el.content = newchildren - end - - return el -end diff --git a/package.json b/package.json index e471be7..c570986 100644 --- a/package.json +++ b/package.json @@ -1,19 +1,19 @@ { "dependencies": { - "autoprefixer": "^10.4.8", + "autoprefixer": "^10.4.13", "include-media": "^1.4.9", "iro-design": "git+https://git.vulpes.one/git/iro-design.git", "iro-icons": "git+https://git.vulpes.one/git/iro-icons.git", "iro-sass": "git+https://git.vulpes.one/git/iro-sass.git", - "postcss": "^8.4.16", - "postcss-cli": "^10.0.0", + "postcss": "^8.4.21", + "postcss-cli": "^10.1.0", "postcss-csso": "^6.0.1", - "postcss-scss": "^4.0.4", - "sass": "^1.54.5", - "svg-sprite": "^1.5.4" + "postcss-scss": "^4.0.6", + "sass": "^1.57.1", + "svg-sprite": "^2.0.2" }, "devDependencies": { - "stylelint": "^14.11.0", + "stylelint": "^14.16.1", "stylelint-config-sass-guidelines": "^9.0.1" }, "scripts": { diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 6c3c7f3..3132216 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html @@ -6,7 +6,9 @@ itemid="$url.full$" >
-

$title$.

+

+ $title$. +

$body$
@@ -14,16 +16,25 @@ $for(list)$
- - $if(it.description)$ -
$it.description$
- $endif$ + + $if(it.omitted)$ +
+ + $it.omitted$ more items → + +
+ $endif$
$if(it.layout.is_grid-2)$ @@ -44,7 +55,7 @@ $endif$
$if(it.omitted)$ -