From 19d3eb0bdfe505715d3b9f62a3cf8d340291a144 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 11 Nov 2021 09:14:38 +0100 Subject: Show profiles on home page again; general updates --- assets/css/_basics.scss | 4 ++- assets/css/components/_card-list.scss | 59 +++++++++++++++++++++++++++++++ assets/css/components/_post-list.scss | 61 --------------------------------- assets/css/style.scss | 2 +- content/9thPK7O3xn/dreams/index.md | 11 +++--- content/9thPK7O3xn/misc/index.md | 9 ++--- content/9thPK7O3xn/pages/index.md | 9 ++--- content/index.md | 1 - content/projects/emojis/index.md | 6 ++-- content/projects/index.md | 5 +-- content/symbols.svg | 43 +++++++++++++++++++++++ metadata/metadata.yaml | 10 ++---- templates/layouts/categorized_list.html | 28 +++++++++++---- templates/layouts/index.html | 43 +++++++++++++++++++++-- templates/layouts/list.html | 26 ++++++++++---- 15 files changed, 213 insertions(+), 104 deletions(-) create mode 100644 assets/css/components/_card-list.scss delete mode 100644 assets/css/components/_post-list.scss diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 6da5e88..09b9585 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss @@ -36,7 +36,9 @@ body { } main { - font-size: 1 / 16 * 19em; + @include iro-responsive-env(('sm', 'md')) { + font-size: iro-responsive-set((1rem, 1 / 16 * 19rem)); + } } pre, diff --git a/assets/css/components/_card-list.scss b/assets/css/components/_card-list.scss new file mode 100644 index 0000000..2a2ae69 --- /dev/null +++ b/assets/css/components/_card-list.scss @@ -0,0 +1,59 @@ +@include namespace('card-list') { + @include store(( + --colors: ( + --cat: ( + --fg: prop(--colors --fg-lo, $global: true), + ), + --meta: ( + --fg: prop(--colors --fg-hi, $global: true), + ) + ), + --dims: ( + --col-width: 17em + ) + )); + + @include component(namespace()) { + margin-top: $line-height * 2rem; + font-size: 1rem; + + @include element('category-header') { + margin-top: $line-height * 2rem; + color: prop(--colors --cat --fg); + + :link, + :visited { + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } + } + + @include element('category-content') { + margin-top: $line-height * .5rem; + filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); + + @include modifier('grid') { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); + gap: 6px; + + @include element('card') { + @include next-twin-element { + margin-top: 0; + } + } + } + } + + @include element('card') { + box-shadow: none; + + @include next-twin-element { + margin-top: 2px; + } + } + } +} diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss deleted file mode 100644 index 9b124a6..0000000 --- a/assets/css/components/_post-list.scss +++ /dev/null @@ -1,61 +0,0 @@ -@include namespace('post-list') { - @include store(( - --colors: ( - --cat: ( - --fg: prop(--colors --fg-lo, $global: true), - ), - --meta: ( - --fg: prop(--colors --fg-hi, $global: true), - ) - ), - --dims: ( - --col-width: 17em - ) - )); - - @include component(namespace()) { - margin-top: $line-height * 2rem; - font-size: 1rem; - - @include element('category-header') { - margin-top: $line-height * 2rem; - color: prop(--colors --cat --fg); - - :link, - :visited { - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } - } - - @include element('category-content') { - margin-top: $line-height * .5rem; - filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); - } - - @include element('post') { - box-shadow: none; - - @include next-twin-element { - margin-top: 2px; - } - } - - @include modifier('grid') { - @include element('category-content') { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); - gap: $line-height * .5rem; - } - - @include element('post') { - @include next-twin-element { - margin-top: 0; - } - } - } - } -} diff --git a/assets/css/style.scss b/assets/css/style.scss index 99d52c1..8068b87 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -16,7 +16,7 @@ @import 'components/header'; @import 'components/footer'; @import 'components/card'; -@import 'components/post-list'; +@import 'components/card-list'; @import 'scopes/colored-links'; @import 'scopes/headlines'; diff --git a/content/9thPK7O3xn/dreams/index.md b/content/9thPK7O3xn/dreams/index.md index db7be1c..c230cef 100644 --- a/content/9thPK7O3xn/dreams/index.md +++ b/content/9thPK7O3xn/dreams/index.md @@ -1,7 +1,8 @@ --- -title: Dream Journal -show_dates: true -position: 9 -layout: list -create_feed: true +title: Dream Journal +position: 9 +layout: list +show_dates: true +show_read_indicators: true +create_feed: true --- diff --git a/content/9thPK7O3xn/misc/index.md b/content/9thPK7O3xn/misc/index.md index 0d79d44..840b8c9 100644 --- a/content/9thPK7O3xn/misc/index.md +++ b/content/9thPK7O3xn/misc/index.md @@ -1,6 +1,7 @@ --- -title: Other stuff -position: 10 -layout: list -create_feed: true +title: Other stuff +position: 10 +layout: list +show_read_indicators: true +create_feed: true --- diff --git a/content/9thPK7O3xn/pages/index.md b/content/9thPK7O3xn/pages/index.md index ca2e190..583b34b 100644 --- a/content/9thPK7O3xn/pages/index.md +++ b/content/9thPK7O3xn/pages/index.md @@ -1,6 +1,7 @@ --- -title: Pages -position: 0 -layout: list -create_feed: true +title: Pages +position: 0 +layout: list +show_read_indicators: true +create_feed: true --- diff --git a/content/index.md b/content/index.md index c9ce120..4ae64c2 100644 --- a/content/index.md +++ b/content/index.md @@ -5,4 +5,3 @@ title: Home # I'm a **red fox** in disguise. {.u-mt0} Hi, I'm Volpeon. I enjoy programming, creating vector art and designing user interfaces. -You can find me on the [Fediverse](https://mk.vulpes.one/@volpeon). diff --git a/content/projects/emojis/index.md b/content/projects/emojis/index.md index cbffe1b..f650b2e 100644 --- a/content/projects/emojis/index.md +++ b/content/projects/emojis/index.md @@ -1,4 +1,6 @@ --- -title: Emojis -icon: smile +title: Emojis +icon: smile +layout: list +list_grid: true --- diff --git a/content/projects/index.md b/content/projects/index.md index 1a33149..8aa8f96 100644 --- a/content/projects/index.md +++ b/content/projects/index.md @@ -1,4 +1,5 @@ --- -title: Projects -layout: categorized_list +title: Projects +layout: categorized_list +list_grid: true --- diff --git a/content/symbols.svg b/content/symbols.svg index f633664..fecf78e 100644 --- a/content/symbols.svg +++ b/content/symbols.svg @@ -10,6 +10,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/metadata/metadata.yaml b/metadata/metadata.yaml index 16388d2..c8f2d72 100644 --- a/metadata/metadata.yaml +++ b/metadata/metadata.yaml @@ -9,7 +9,7 @@ menus: main: - id: projects label: Projects - url: /#projects + url: /projects/ - id: 9thPK7O3xn label: Personal @@ -31,7 +31,8 @@ profiles: - platform: Fediverse icon: graph - username: "@volpeon@fedi.vulpes.one" + username: "@volpeon@mk.vulpes.one" + url: "https://mk.vulpes.one/@volpeon" featured: true - platform: GitHub @@ -43,11 +44,6 @@ profiles: icon: hash username: volpeon - - platform: PeerTube - icon: video - username: "@volpeon@pt.vulpes.one" - featured: true - - platform: Steam username: volpeon url: https://steamcommunity.com/id/volpeon/ diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 8f8b1ae..fa0f000 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html @@ -5,17 +5,24 @@ $body$ -
+
$for(pages.asc_title)$ $if(it.pages)$ -

+

$it.title$

-
+
$if(pages.asc_title.show_dates)$ $for(it.pages.desc_date)$ - -
+ + $if(pages.asc_title.show_read_indicators)$ +
+ $endif$ + $if(pages.asc_title.icon)$ + + + + $endif$
$it.title$
@@ -31,8 +38,15 @@ $body$ $endfor$ $else$ $for(it.pages.asc_title)$ - -
+ + $if(pages.asc_title.show_read_indicators)$ +
+ $endif$ + $if(pages.asc_title.icon)$ + + + + $endif$
$it.title$
diff --git a/templates/layouts/index.html b/templates/layouts/index.html index a7b68c3..838f570 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html @@ -3,11 +3,48 @@ $body$
-
-
+
+

+ Profiles +

+
+ $for(profiles)$ + $if(it.featured)$ + $if(it.url)$ + + $else$ +
+ $endif$ + $if(it.icon)$ + + + + $endif$ +
+ $it.platform$ + $it.username$ +
+ $if(it.url)$ + + + + $endif$ + $if(it.url)$ + + $else$ +
+ $endif$ + $endif$ + $endfor$ +
+ +

+ $pages.by_id.projects.title$ +

+
$for(pages.by_id.projects.pages.all)$ $for(it.pages.all)$ - + $if(pages.by_id.projects.pages.all.icon)$ diff --git a/templates/layouts/list.html b/templates/layouts/list.html index 4831228..c0045c0 100644 --- a/templates/layouts/list.html +++ b/templates/layouts/list.html @@ -5,12 +5,19 @@ $body$
-
-
+
+
$if(show_dates)$ $for(pages.desc_date)$ - -
+ + $if(show_read_indicators)$ +
+ $endif$ + $if(icon)$ + + + + $endif$
$it.title$
@@ -26,8 +33,15 @@ $body$ $endfor$ $else$ $for(pages.asc_title)$ - -
+ + $if(show_read_indicators)$ +
+ $endif$ + $if(icon)$ + + + + $endif$
$it.title$
-- cgit v1.2.3-54-g00ecf