summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 16:26:47 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 16:26:47 +0200
commit604dcfe244ab8f6913db9dec3de5796ad32f43f5 (patch)
treefc56d5965f3e263937efd3d42196afe1359299cb
parentRe-implemented design via iro-design (diff)
downloadvolpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.tar.gz
volpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.tar.bz2
volpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.zip
Removed private section, various improvements
-rw-r--r--assets/css/_base.scss1
-rw-r--r--assets/css/components/_card.scss2
-rw-r--r--assets/css/components/_hnav.scss20
-rw-r--r--assets/css/layouts/_card-list.scss39
-rw-r--r--assets/css/layouts/_container.scss11
-rw-r--r--assets/css/style.scss1
-rw-r--r--content/9thPK7O3xn/dreams/biological-experiments.md23
-rw-r--r--content/9thPK7O3xn/dreams/false-awakening.md14
-rw-r--r--content/9thPK7O3xn/dreams/index.md7
-rw-r--r--content/9thPK7O3xn/dreams/infinite-skyscrapers.md24
-rw-r--r--content/9thPK7O3xn/index.md10
-rw-r--r--content/9thPK7O3xn/posts/index.md6
-rw-r--r--content/art/index.md4
-rw-r--r--content/notebook/index.md6
-rw-r--r--content/notebook/scrap/design-test.md (renamed from content/9thPK7O3xn/misc/design-test.md)0
-rw-r--r--content/notebook/scrap/index.md (renamed from content/9thPK7O3xn/misc/index.md)4
-rw-r--r--content/posts/index.md4
-rw-r--r--content/services/index.md2
-rw-r--r--metadata/metadata.yaml17
-rw-r--r--templates/layouts/categorized_list.html10
-rw-r--r--templates/layouts/page.html2
-rw-r--r--templates/partials/ascii_fox.html2
-rw-r--r--templates/partials/ascii_fox_small.html2
-rw-r--r--templates/partials/gallery_card.html2
-rw-r--r--templates/partials/small_gallery_card.html39
-rw-r--r--yarn.lock2
26 files changed, 118 insertions, 136 deletions
diff --git a/assets/css/_base.scss b/assets/css/_base.scss
index dd24fed..ac6b989 100644
--- a/assets/css/_base.scss
+++ b/assets/css/_base.scss
@@ -9,6 +9,7 @@ code {
9 9
10body { 10body {
11 box-sizing: border-box; 11 box-sizing: border-box;
12 height: auto;
12 min-height: 100%; 13 min-height: 100%;
13} 14}
14 15
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index f8f106d..6c15145 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -135,7 +135,7 @@
135 position: relative; 135 position: relative;
136 width: 100%; 136 width: 100%;
137 height: 2em; 137 height: 2em;
138 padding-top: 46%; 138 padding-top: 50%;
139 } 139 }
140 140
141 @include iro.bem-elem('thumbnail-img') { 141 @include iro.bem-elem('thumbnail-img') {
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
index 4097373..6eea345 100644
--- a/assets/css/components/_hnav.scss
+++ b/assets/css/components/_hnav.scss
@@ -10,20 +10,18 @@
10 10
11 @include iro.props-store(( 11 @include iro.props-store((
12 --dims: ( 12 --dims: (
13 --margin-top: fn.global-dim(--size --600), 13 --gap: 1.5em,
14 --gap: 2em, 14 --margin-top: fn.global-dim(--paragraph --margin-top),
15 --pad-y: .5em 15 --margin-bottom: fn.global-dim(--size --900),
16 ) 16 )
17 ), 'dims'); 17 ), 'dims');
18 18
19 @include iro.bem-component(iro.props-namespace()) { 19 @include iro.bem-component(iro.props-namespace()) {
20 display: flex; 20 display: flex;
21 gap: fn.dim(--gap); 21 gap: fn.dim(--gap);
22 align-items: baseline; 22 align-items: baseline;
23 margin-top: fn.dim(--margin-top); 23 margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom);
24 padding: fn.dim(--pad-y) 0 0; 24 padding-top: fn.dim(--margin-top);
25 border-width: 1px 0 0; 25 border-top: 1px solid fn.color(--border);
26 border-style: solid;
27 border-color: fn.color(--border);
28 } 26 }
29} 27}
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
index 96f9060..6d388e6 100644
--- a/assets/css/layouts/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -6,7 +6,19 @@
6 --dims: ( 6 --dims: (
7 --margin-top: fn.global-dim(--size --600), 7 --margin-top: fn.global-dim(--size --600),
8 --spacing: fn.global-dim(--size --200), 8 --spacing: fn.global-dim(--size --200),
9 --col-width: 17em, 9 --gap: fn.global-dim(--size --25),
10 --grid: (
11 --gap: fn.global-dim(--size --75),
12 --col-width: fn.global-dim(--size --3400),
13 ),
14 --small-gallery: (
15 --gap: fn.global-dim(--size --250),
16 --col-width: fn.global-dim(--size --2800),
17 ),
18 --gallery: (
19 --gap: fn.global-dim(--size --250),
20 --col-width: fn.global-dim(--size --3400),
21 )
10 ) 22 )
11 ), 'dims'); 23 ), 'dims');
12 24
@@ -14,24 +26,23 @@
14 margin-top: fn.dim(--margin-top); 26 margin-top: fn.dim(--margin-top);
15 font-size: 1rem; 27 font-size: 1rem;
16 28
29 @include iro.bem-elem('header') {
30 margin-top: fn.dim(--margin-top);
31 }
32
17 @include iro.bem-elem('cards') { 33 @include iro.bem-elem('cards') {
18 display: flex; 34 display: flex;
19 flex-direction: column; 35 flex-direction: column;
20 gap: 2px; 36 gap: fn.dim(--gap);
21 margin-top: fn.dim(--spacing); 37 margin-top: fn.dim(--spacing);
22 38
23 @include iro.bem-modifier('grid', 'gallery') { 39 @each $mode in 'grid' 'small-gallery' 'gallery' {
24 display: grid; 40 @include iro.bem-modifier($mode) {
25 grid-template-columns: repeat(auto-fill, minmax(fn.dim(--col-width), 1fr)); 41 display: grid;
26 align-items: start; 42 align-items: start;
27 } 43 grid-template-columns: repeat(auto-fill, minmax(fn.dim('--#{$mode}' --col-width), 1fr));
28 44 gap: fn.dim('--#{$mode}' --gap);
29 @include iro.bem-modifier('grid') { 45 }
30 gap: 6px;
31 }
32
33 @include iro.bem-modifier('gallery') {
34 gap: 20px;
35 } 46 }
36 } 47 }
37 } 48 }
diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss
new file mode 100644
index 0000000..10d6832
--- /dev/null
+++ b/assets/css/layouts/_container.scss
@@ -0,0 +1,11 @@
1@use 'iro-sass/src/index' as iro;
2@use 'iro-design/src/functions' as fn;
3
4@include iro.props-namespace('container') {
5 @include iro.props-store((
6 --dims: (
7 --width: iro.fn-px-to-rem(730px),
8 --width-50: iro.fn-px-to-rem(380px),
9 )
10 ), 'dims');
11}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 1184bb2..e160f91 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -7,6 +7,7 @@
7@use 'base'; 7@use 'base';
8 8
9@use 'iro-design/src/layouts'; 9@use 'iro-design/src/layouts';
10@use 'layouts/container';
10@use 'layouts/media'; 11@use 'layouts/media';
11@use 'layouts/card-list'; 12@use 'layouts/card-list';
12 13
diff --git a/content/9thPK7O3xn/dreams/biological-experiments.md b/content/9thPK7O3xn/dreams/biological-experiments.md
deleted file mode 100644
index 94a7f63..0000000
--- a/content/9thPK7O3xn/dreams/biological-experiments.md
+++ /dev/null
@@ -1,23 +0,0 @@
1---
2date: 2012-01-01
3title: Biological Experiments
4---
5
6*I don't remember the real date of this dream, just that it happened in 2012.*
7
8I'm at a large gym. It is separated in two halves by a huge wall with a goal in front of it. The wall doesn't stretch all the way to the outer walls so it's possible to go from one side to the other. It looks quite different from the gym where I used to have PE, but it still feels like it somehow. My classmates are there as well and are playing soccer together.
9
10Suddenly, the environment changes. It's still the same gym, but now the dividing wall and the goal are gone. Instead, there are many tables and the walls are plastered with scientific posters.
11My biology teacher shows up and gives all of us an assignment: Form groups of two, create a mixture with some specific chemicals, and inject it into our eyes. So that's what I do, until it's finally time for the injection. I'm too scared and refuse to do it.
12
13The situation changes again. I'm now inside of a tavern, sitting at a table with some of my classmates. The tavern reminds me of a log cabin I was once at -- the walls and the furniture are made of heavy wooden logs.
14My legs feel strange, but I'm not bothered by it because that's an expected effect of the mixture we previously produced. Looks like I've changed my mind between the last scene and this one.
15After some time, I finally get curios and take a look at my legs. Instead of my feet, there are black paws. My classmates must've noticed their changes as well, as one of them says: "Ah, so it has begun."
16
17The dream gets hazy and all I know is that the changes keep progressing.
18
19There's a moment of clarity. The changes have gotten very far since my body is now covered in black fur, I have a muzzle, and due to the anatomical changes I can only barely stand on two legs. I start talking with my teacher and ask: "How long will it take/last?" He answers: "As long as you want, but you'll have to return."
20
21The dream gets hazy again, followed by one last scene: I'm in front of the tavern with four other people. The changes are complete and we are now werewolves. We run into the forest that surrounds us.
22
23This isn't the end of the dream yet, but I don't remember anything from this point.
diff --git a/content/9thPK7O3xn/dreams/false-awakening.md b/content/9thPK7O3xn/dreams/false-awakening.md
deleted file mode 100644
index 4f2a0b2..0000000
--- a/content/9thPK7O3xn/dreams/false-awakening.md
+++ /dev/null
@@ -1,14 +0,0 @@
1---
2date: 2015-07-29
3title: False Awakening
4---
5
6It was noon. I was tired and decided to lie down for a bit. I didn't want to fall asleep, though, so I tried to stay awake and kept checking the time since I had to go to the uni later. This went on for quite a while, resulting in a constant cycle of dozing → remembering to check the time → looking at my smartphone to check the time → going back to dozing → and so on.
7
8At some point, I actually must have fallen asleep for quite a while. I opened my eyes to take my smartphone once again when I noticed that my room was dark. It must've been late -- about 9 or 10pm -- which immediately irritated me. I had been tired, but not _that_ tired.
9
10I stood up and groggily went to my desk to switch on my desk lamp. I pressed the button and heard the usual click noise, but nothing happened. After a few more tries, I eventually pulled the lamp towards me to see if the LED bulb at least flickered. It was completely dead.
11
12I walked back to my bed to check on my smartphone what time it actually was. I was greeted by my lock screen, but it looked different than usual: There was only empty space where the clock should have been and overall it just looked "wrong."
13
14This whole situation felt strange and I started to wonder what was going on, when I suddenly felt like all of my strength was sucked out of my body. My head was spinning and I collapsed onto my bed. I couldn't even think straight anymore and just wished for it to stop, for me to wake up... and that's when I did. For real, this time.
diff --git a/content/9thPK7O3xn/dreams/index.md b/content/9thPK7O3xn/dreams/index.md
deleted file mode 100644
index 95e613d..0000000
--- a/content/9thPK7O3xn/dreams/index.md
+++ /dev/null
@@ -1,7 +0,0 @@
1---
2title: Dream Journal
3position: 1
4list_order: date_desc
5list_read_indicators: true
6feed: true
7---
diff --git a/content/9thPK7O3xn/dreams/infinite-skyscrapers.md b/content/9thPK7O3xn/dreams/infinite-skyscrapers.md
deleted file mode 100644
index 1086379..0000000
--- a/content/9thPK7O3xn/dreams/infinite-skyscrapers.md
+++ /dev/null
@@ -1,24 +0,0 @@
1---
2date: 2021-01-09
3title: Infinite Skyscrapers
4---
5
6I'm in some strange world that consist of huge buildings, looking a lot like very simple skyscrapers, except they were all interconnected. I'm not even sure if there's a floor since I'm just floating, being able to fly around at will. There is also something chasing me and I'm trying to get away from it.
7
8The buildings around me get denser and more chaotic, some look like glitches in a computer game. The creature chasing me seems to absorb buildings into its body, growing larger and more powerful.
9
10Then there's a cut and I'm presumably inside one of those buildings. I'm in a dark room with barely any lighting which looks somewhat like a large office. It's very cluttered, though. There's another similar room next to this one, separated by a glass wall and a door. There's also a person with me who I seem to know, and that creature that chased me. It seems like it managed to capture us.
11
12It dares us to escape from this situation, and as soon as it said that, the room begins to get locked off. There are some red lights blinking and the door connecting our current room with the neighboring room is about to close permanently. Panicked, I quickly run through it, but the other person couldn't make it.
13
14I suddenly realize I'm a cat and the other person an even smaller critter, I don't know what. It's obvious that the creature is just playing with us, watching our futile efforts to escape for its amusement.
15
16The other person tries to get the door to open again by messing with its circuitry, and I do my best to block the creature's view from what was going on without looking suspicious.
17
18After a while, I start exploring the room and notice that there's a hallway in front of it, also separated by a glass wall and a door. However, the wall is broken in one place and has a hole large enough for me to jump through. So that's what I do. I land in a bunch of glass disks lying on the floor, breaking them, but I'm unharmed.
19
20Now being a human again, I take a glass shard with me and run through a door which leads to a staircase. It is huge, having the shape of a pill with stairs going along the edge. The center is empty so I can see all the floors coming before and after. There's no end in any direction. I know the creature will come after me soon and so I run upwards as fast as I can.
21
22I made it about 5 floors when I hear a door burst open. I quickly enter the room next to me, hoping that the creature hasn't seen me.
23
24This floor was very large and open and brightly lit. The dream starts to make no sense anymore and that's it.
diff --git a/content/9thPK7O3xn/index.md b/content/9thPK7O3xn/index.md
deleted file mode 100644
index de7fb0f..0000000
--- a/content/9thPK7O3xn/index.md
+++ /dev/null
@@ -1,10 +0,0 @@
1---
2title: Personal
3unlisted: true
4feed: true
5---
6
7Content that doesn't belong in the public sections of my website such as test pages or posts about more personal topics.
8
9The purpose of this section is simply to be a bit tricky, but not impossible to discover.
10Feel free to share pages from here *privately* if you think someone would like them.
diff --git a/content/9thPK7O3xn/posts/index.md b/content/9thPK7O3xn/posts/index.md
deleted file mode 100644
index 8801530..0000000
--- a/content/9thPK7O3xn/posts/index.md
+++ /dev/null
@@ -1,6 +0,0 @@
1---
2title: Posts
3position: 0
4list_read_indicators: true
5feed: true
6---
diff --git a/content/art/index.md b/content/art/index.md
index 5ed1858..eadac7a 100644
--- a/content/art/index.md
+++ b/content/art/index.md
@@ -1,7 +1,7 @@
1--- 1---
2title: Art 2title: Art
3position: 2 3position: 2
4list_layout: gallery 4list_layout: small-gallery
5list_limit: 4 5list_limit: 6
6feed: true 6feed: true
7--- 7---
diff --git a/content/notebook/index.md b/content/notebook/index.md
new file mode 100644
index 0000000..8d58834
--- /dev/null
+++ b/content/notebook/index.md
@@ -0,0 +1,6 @@
1---
2title: Notebook
3position: 3
4list_limit: 4
5feed: true
6---
diff --git a/content/9thPK7O3xn/misc/design-test.md b/content/notebook/scrap/design-test.md
index 2367513..2367513 100644
--- a/content/9thPK7O3xn/misc/design-test.md
+++ b/content/notebook/scrap/design-test.md
diff --git a/content/9thPK7O3xn/misc/index.md b/content/notebook/scrap/index.md
index 99bc5e7..4cc3c2e 100644
--- a/content/9thPK7O3xn/misc/index.md
+++ b/content/notebook/scrap/index.md
@@ -1,6 +1,6 @@
1--- 1---
2title: Stuff 2title: Scrap
3position: 2 3position: 100
4list_read_indicators: true 4list_read_indicators: true
5feed: true 5feed: true
6--- 6---
diff --git a/content/posts/index.md b/content/posts/index.md
deleted file mode 100644
index 4396e20..0000000
--- a/content/posts/index.md
+++ /dev/null
@@ -1,4 +0,0 @@
1---
2title: Posts
3position: 3
4---
diff --git a/content/services/index.md b/content/services/index.md
index 1aa41a6..9f0dce0 100644
--- a/content/services/index.md
+++ b/content/services/index.md
@@ -1,6 +1,6 @@
1--- 1---
2title: Services 2title: Services
3position: 3 3position: 4
4list_layout: grid 4list_layout: grid
5list_post_icon: arrow-up-right 5list_post_icon: arrow-up-right
6--- 6---
diff --git a/metadata/metadata.yaml b/metadata/metadata.yaml
index 679cdcb..35b7209 100644
--- a/metadata/metadata.yaml
+++ b/metadata/metadata.yaml
@@ -7,15 +7,18 @@ author:
7 7
8menus: 8menus:
9 main: 9 main:
10 - id: projects 10 - id: art
11 label: Projects 11 label: Art
12 url: /projects/ 12 url: /art/
13
14 - id: notebook
15 label: Notebook
16 url: /notebook/
13 17
14 - id: profiles 18 - id: profiles
15 label: Profiles 19 label: Profiles
16 url: /profiles/ 20 url: /profiles/
17 21
18 - id: 9thPK7O3xn 22 - id: services
19 label: Personal 23 label: Services
20 url: /9thPK7O3xn/ 24 url: /services/
21 hidden: true
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 7f94ff4..8217fd9 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -3,12 +3,10 @@
3 <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1> 3 <h1 class="o-heading o-heading--xxl u-mt-0"><span class="o-heading__primary">$title$</span></h1>
4 4
5$body$ 5$body$
6
7 </header> 6 </header>
8 7
9 $if(notoc)$$else$ 8 $if(notoc)$$else$
10 <nav class="c-hnav s-invisible-links"> 9 <nav class="c-hnav s-invisible-links">
11 $-- <h2 class="u-mt-0">Sections:</h2>
12 $for(list)$ 10 $for(list)$
13 <small><a href="#$it.slug$">$it.title$</a></small> 11 <small><a href="#$it.slug$">$it.title$</a></small>
14 $endfor$ 12 $endfor$
@@ -18,9 +16,9 @@ $body$
18 <div class="l-card-list"> 16 <div class="l-card-list">
19 $for(list)$ 17 $for(list)$
20 <section> 18 <section>
21 <div class="l-media l-media--flush"> 19 <header class="l-card-list__header l-media l-media--flush">
22 <div class="l-media__block l-media__block--main"> 20 <div class="l-media__block l-media__block--main">
23 <h2 class="s-invisible-links" id="$it.slug$"> 21 <h2 class="s-invisible-links u-mt-0" id="$it.slug$">
24 <a href="$it.url.rel$">$it.title$</a> 22 <a href="$it.url.rel$">$it.title$</a>
25 </h2> 23 </h2>
26 </div> 24 </div>
@@ -29,13 +27,15 @@ $body$
29 $it.omitted$ more items <span class="u-ml-10">→</span> 27 $it.omitted$ more items <span class="u-ml-10">→</span>
30 </a> 28 </a>
31 $endif$ 29 $endif$
32 </div> 30 </header>
33 $if(it.description)$ 31 $if(it.description)$
34 <div class="s-small s-colored-links">$it.description$</div> 32 <div class="s-small s-colored-links">$it.description$</div>
35 $endif$ 33 $endif$
36 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$"> 34 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
37 $if(it.layout.is_grid)$ 35 $if(it.layout.is_grid)$
38 $it.items:partials/grid_card()$ 36 $it.items:partials/grid_card()$
37 $elseif(it.layout.is_small-gallery)$
38 $it.items:partials/small_gallery_card()$
39 $elseif(it.layout.is_gallery)$ 39 $elseif(it.layout.is_gallery)$
40 $it.items:partials/gallery_card()$ 40 $it.items:partials/gallery_card()$
41 $else$ 41 $else$
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 324a01c..1037938 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
1<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code $if(intro)$s-intro$endif$"> 1<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headings s-blockquotes s-code s-lists $if(intro)$s-intro$endif$">
2 $if(date)$ 2 $if(date)$
3 <div class="o-badge s-body__meta u-mb-125"> 3 <div class="o-badge s-body__meta u-mb-125">
4 $date.long$ 4 $date.long$
diff --git a/templates/partials/ascii_fox.html b/templates/partials/ascii_fox.html
index f5e5316..bdce36b 100644
--- a/templates/partials/ascii_fox.html
+++ b/templates/partials/ascii_fox.html
@@ -3,7 +3,7 @@
3 ' ' ' ' ' ' ' ' ' ' ' ' ' 3 ' ' ' ' ' ' ' ' ' ' ' ' '
4 ' . | | | ' ' ' ' ' | | ' ' | ' 4 ' . | | | ' ' ' ' ' | | ' ' | '
5 ' | | | ' | ' ' ' ' ' | : | ' ' | . ' 5 ' | | | ' | ' ' ' ' ' | : | ' ' | . '
6 ' ' | | . | ' 9thPK7O3xn ' ' ' | | ' ' | ' 6 ' ' | | . | ' ' ' ' ' | | ' ' | '
7 ' | __~| | | ' ' ' ' ' | | | ' ' | | ' 7 ' | __~| | | ' ' ' ' ' | | | ' ' | | '
8 ' ' |__ ,( |' |_ ' ' ' <strong>//\_</strong> ' | ' . | ' ' | ' ' 8 ' ' |__ ,( |' |_ ' ' ' <strong>//\_</strong> ' | ' . | ' ' | ' '
9 ' | )~._ _( . ) .| ) ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | . ( ' ' | ' 9 ' | )~._ _( . ) .| ) ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | . ( ' ' | '
diff --git a/templates/partials/ascii_fox_small.html b/templates/partials/ascii_fox_small.html
index ea05aa2..97ce600 100644
--- a/templates/partials/ascii_fox_small.html
+++ b/templates/partials/ascii_fox_small.html
@@ -2,7 +2,7 @@
2 ' ' ' ' 2 ' ' ' '
3 | | ' ' ' | | ' ' 3 | | ' ' ' | | ' '
4 | ' | ' ' ' | ' | ' ' 4 | ' | ' ' ' | ' | ' '
5 | | 9thPK7O3xn ' | . | ' ' 5 | | ' ' ' | . | ' '
6 | . | ' ' <strong>//\__</strong> ' | | ' ' 6 | . | ' ' <strong>//\__</strong> ' | | ' '
7 | | <strong>_.~-"""-----~`` ,-´</strong> ' |' | ' ' 7 | | <strong>_.~-"""-----~`` ,-´</strong> ' |' | ' '
8 | | '| <strong>.´ ,~'\ ).,__,)/,,"</strong> ' | | | ' ' 8 | | '| <strong>.´ ,~'\ ).,__,)/,,"</strong> ' | | | ' '
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 386843f..8e6f95a 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,6 +1,6 @@
1$if(it.url)$ 1$if(it.url)$
2$if(it.thumbnail)$ 2$if(it.thumbnail)$
3 <a href="$it.url.rel$" class="l-card-list__card c-card"> 3 <a href="$it.url.rel$" class="l-card-list__card c-card" title="$it.title/nowrap$">
4 <div class="c-card__row l-media l-media--flush"> 4 <div class="c-card__row l-media l-media--flush">
5 <div class="c-card__thumbnail"> 5 <div class="c-card__thumbnail">
6 <img 6 <img
diff --git a/templates/partials/small_gallery_card.html b/templates/partials/small_gallery_card.html
new file mode 100644
index 0000000..35d87e4
--- /dev/null
+++ b/templates/partials/small_gallery_card.html
@@ -0,0 +1,39 @@
1$if(it.url)$
2$if(it.thumbnail)$
3 <a href="$it.url.rel$" class="l-card-list__card c-card" title="$it.title/nowrap$">
4 <div class="c-card__row l-media l-media--flush">
5 <div class="c-card__thumbnail">
6 <img
7 class="c-card__thumbnail-img"
8 src="$it.thumbnail.rel$"
9 alt="Preview thumbnail of &quot;$it.title$&quot;"
10 loading="lazy"
11 />
12 </div>
13 </div>
14 <div class="c-card__row l-media c-card__row--hidden">
15 <div class="l-media__block l-media__block--main">
16 $if(it.subtitle)$
17 <strong class="u-d-block u-elp">$it.title$</strong>
18 <small class="u-d-block u-elp">$it.subtitle$</small>
19 $elseif(it.category)$
20 <small class="u-d-block u-elp">$it.category$</small>
21 <strong class="u-d-block u-elp">$it.title$</strong>
22 $elseif(it.date)$
23 <time datetime="$it.date.yyyy_mm_dd$">
24 <small class="u-d-none@sm-hi">
25 $it.date.short$
26 </small>
27 <small class="u-d-none@sm-lo">
28 $it.date.long$
29 </small>
30 </time>
31 <strong class="u-d-block u-elp">$it.title$</strong>
32 $else$
33 $it.title$
34 $endif$
35 </div>
36 </div>
37 </a>
38$endif$
39$endif$
diff --git a/yarn.lock b/yarn.lock
index 768544f..bdb8166 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1280,7 +1280,7 @@ internal-slot@^1.0.3:
1280 1280
1281"iro-design@git+https://git.vulpes.one/git/iro-design.git": 1281"iro-design@git+https://git.vulpes.one/git/iro-design.git":
1282 version "1.0.0" 1282 version "1.0.0"
1283 resolved "git+https://git.vulpes.one/git/iro-design.git#df1c8e24bf97690fde881318cfb3b6285e5eda2f" 1283 resolved "git+https://git.vulpes.one/git/iro-design.git#1cd5b777ee61f6713f532db30a25c53a250ceeff"
1284 dependencies: 1284 dependencies:
1285 "@oddbird/blend" "^0.2.3" 1285 "@oddbird/blend" "^0.2.3"
1286 include-media "^1.4.9" 1286 include-media "^1.4.9"