pluie.me
Source code + assets for pluie.me
switch to cloudflare images
+3
src/_styles/components/display.scss
+3
src/_styles/components/display.scss
···
80
& + * .modal .modal-content {
81
display: flex;
82
justify-content: center;
83
+
width: unset;
84
+
max-height: calc(100vh - 80px);
85
86
&::before {
87
@include loader;
···
93
width: $display-frame-popup-spinner-size;
94
margin: $display-frame-popup-spinner-margin;
95
}
96
+
97
img {
98
z-index: calc($modal-z + 10);
99
}
+9
-11
src/works.pug
+9
-11
src/works.pug
···
14
15
h2.title.is-3 Artworks
16
17
-
//- TODO: this *definitely* needs to be migrated to Cloudflare Images at some point.
18
-
//- I don't fully trust imgbb with my art, and CF is faster anyway...
19
-
mixin display(id, title, preview_link, full_link)
20
-const { height, width, ...rest } = attributes;
21
22
figure.display&attributes(rest)
23
label(for=id role="button" tabindex="0")
24
img(
25
-
src=`https://i.ibb.co/${preview_link}/${id}-original.webp`
26
alt=title
27
width=width
28
height=height
···
33
block
34
+modal(id)
35
img(
36
-
src=`https://i.ibb.co/${full_link}/${id}-original.webp`
37
alt=title
38
fetchpriority="low"
39
loading="lazy"
···
47
+icon("fas fa-brush")
48
span= medium
49
50
-
+display("tiger", "Ferality", "ckL85vM", "zQJ2c5j").has-frame(size="large" width=500 height=510)
51
+header("2018-12-02", "Oil on canvas")
52
:md
53
One of the older works of mine — I think I'd only spent 2 years dabbling with oil paintings back then,
···
58
laying down sweeping strokes of striking orange, I too experienced the feral fury in me.
59
Wish I could experience that again...
60
61
-
+display("altitudinous_blossoms", "Altitudinous blossoms", "Z8wxQ2k", "Ltq1TN2").has-frame(size="medium" rtl width=400 height=660)
62
+header("2021-02-11", "Oil on canvas")
63
:md
64
A friend of my mother's is a hobbyist photographer, and I think he took the original photo when he went to Tibet to...
···
74
which are actually specks of mint-scented toothpaste and not white paint!
75
Although, they look like they hold up just fine on the canvas.
76
77
-
+display("tropical_fish", "A piscine aura in the depths", "DRvWRpW", "Vqz9qm9").has-frame(size="large" width=500 height=380)
78
+header("2021-06-05", "Oil on canvas")
79
:md
80
Some kind of tropical fish whose name I have completely forgotten. It didn't even occur to past-Leah to write these things down! *sigh*
···
82
It's really pretty, especially for its lake-blue scales and blood-red fins! Sure did take a long time to paint though... It was around this time
83
when my style really departed from the raw, emotional expression like *Ferality*, towards a finer sort of aesthetic.
84
85
-
+display("red_cotton", "A flower — what's her name again?", "5hj54QN", "SwmKykh").has-frame(size="large" rtl width=500 height=372)
86
+header("2021-12-11", "Oil on canvas")
87
:md
88
Turns out it's a flower of the tree [*Bombax ceiba*](https://en.wikipedia.org/wiki/Bombax_ceiba), better known as
···
93
facing the entrance for I hope any visitors would appreciate its vividity and life force seeping out of the canvas,
94
as much as I would.
95
96
-
+display("laotie", "老铁 (Laotie)", "t3cjz0Y", "b7LwF4N").has-frame(size="medium" width=400 height=533)
97
+header("2022-03-20", "Oil on canvas")
98
:md
99
He's a corgi in the studio we used to paint in, and his presence made most of our weekly painting hours turn into communal dog-petting sessions.
···
102
103
My mother insists I painted Santa Claus in disguise of a dog! But really, he's just wearing some festive clothes...
104
105
-
+display("mom_and_i", "By the lake, beneath the canopies, in the beforetimes", "YW6pyd4", "thS8x2w").has-frame(size="medium" width=400 height=515)
106
+header("2022-07-23", "Oil on canvas")
107
:md
108
One summer afternoon, on the eastern shore of Jinji Lake, Suzhou. It was an awfully nice day, so my mother and I decided
···
14
15
h2.title.is-3 Artworks
16
17
+
mixin display(id, title, imgid)
18
-const { height, width, ...rest } = attributes;
19
20
figure.display&attributes(rest)
21
label(for=id role="button" tabindex="0")
22
img(
23
+
src=`https://imagedelivery.net/TLP_u-wyyvTEPKkgbA6Osg/${imgid}/public`
24
alt=title
25
width=width
26
height=height
···
31
block
32
+modal(id)
33
img(
34
+
src=`https://imagedelivery.net/TLP_u-wyyvTEPKkgbA6Osg/${imgid}/full`
35
alt=title
36
fetchpriority="low"
37
loading="lazy"
···
45
+icon("fas fa-brush")
46
span= medium
47
48
+
+display("tiger", "Ferality", "54c9dd65-99bf-46ea-ada3-f2653f927500").has-frame(size="large" width=500 height=510)
49
+header("2018-12-02", "Oil on canvas")
50
:md
51
One of the older works of mine — I think I'd only spent 2 years dabbling with oil paintings back then,
···
56
laying down sweeping strokes of striking orange, I too experienced the feral fury in me.
57
Wish I could experience that again...
58
59
+
+display("altitudinous_blossoms", "Altitudinous blossoms", "29924456-ce4d-4965-9fbc-234df7875400").has-frame(size="medium" rtl width=400 height=660)
60
+header("2021-02-11", "Oil on canvas")
61
:md
62
A friend of my mother's is a hobbyist photographer, and I think he took the original photo when he went to Tibet to...
···
72
which are actually specks of mint-scented toothpaste and not white paint!
73
Although, they look like they hold up just fine on the canvas.
74
75
+
+display("tropical_fish", "A piscine aura in the depths", "fbb5e547-d8a1-41a8-5043-bed1e07fd600").has-frame(size="large" width=500 height=380)
76
+header("2021-06-05", "Oil on canvas")
77
:md
78
Some kind of tropical fish whose name I have completely forgotten. It didn't even occur to past-Leah to write these things down! *sigh*
···
80
It's really pretty, especially for its lake-blue scales and blood-red fins! Sure did take a long time to paint though... It was around this time
81
when my style really departed from the raw, emotional expression like *Ferality*, towards a finer sort of aesthetic.
82
83
+
+display("red_cotton", "A flower — what's her name again?", "ef82771b-8dc7-40fe-b689-c91115fe6900").has-frame(size="large" rtl width=500 height=372)
84
+header("2021-12-11", "Oil on canvas")
85
:md
86
Turns out it's a flower of the tree [*Bombax ceiba*](https://en.wikipedia.org/wiki/Bombax_ceiba), better known as
···
91
facing the entrance for I hope any visitors would appreciate its vividity and life force seeping out of the canvas,
92
as much as I would.
93
94
+
+display("laotie", "老铁 (Laotie)", "396e7120-7657-41b9-9d76-11a073d36b00").has-frame(size="medium" width=400 height=533)
95
+header("2022-03-20", "Oil on canvas")
96
:md
97
He's a corgi in the studio we used to paint in, and his presence made most of our weekly painting hours turn into communal dog-petting sessions.
···
100
101
My mother insists I painted Santa Claus in disguise of a dog! But really, he's just wearing some festive clothes...
102
103
+
+display("mom_and_i", "By the lake, beneath the canopies, in the beforetimes", "62840fbc-3640-4e4d-86f4-0e4a6cddb900").has-frame(size="medium" width=400 height=515)
104
+header("2022-07-23", "Oil on canvas")
105
:md
106
One summer afternoon, on the eastern shore of Jinji Lake, Suzhou. It was an awfully nice day, so my mother and I decided