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
80
& + * .modal .modal-content {
81
81
display: flex;
82
82
justify-content: center;
83
+
width: unset;
84
+
max-height: calc(100vh - 80px);
83
85
84
86
&::before {
85
87
@include loader;
···
91
93
width: $display-frame-popup-spinner-size;
92
94
margin: $display-frame-popup-spinner-margin;
93
95
}
96
+
94
97
img {
95
98
z-index: calc($modal-z + 10);
96
99
}
+9
-11
src/works.pug
+9
-11
src/works.pug
···
14
14
15
15
h2.title.is-3 Artworks
16
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)
17
+
mixin display(id, title, imgid)
20
18
-const { height, width, ...rest } = attributes;
21
19
22
20
figure.display&attributes(rest)
23
21
label(for=id role="button" tabindex="0")
24
22
img(
25
-
src=`https://i.ibb.co/${preview_link}/${id}-original.webp`
23
+
src=`https://imagedelivery.net/TLP_u-wyyvTEPKkgbA6Osg/${imgid}/public`
26
24
alt=title
27
25
width=width
28
26
height=height
···
33
31
block
34
32
+modal(id)
35
33
img(
36
-
src=`https://i.ibb.co/${full_link}/${id}-original.webp`
34
+
src=`https://imagedelivery.net/TLP_u-wyyvTEPKkgbA6Osg/${imgid}/full`
37
35
alt=title
38
36
fetchpriority="low"
39
37
loading="lazy"
···
47
45
+icon("fas fa-brush")
48
46
span= medium
49
47
50
-
+display("tiger", "Ferality", "ckL85vM", "zQJ2c5j").has-frame(size="large" width=500 height=510)
48
+
+display("tiger", "Ferality", "54c9dd65-99bf-46ea-ada3-f2653f927500").has-frame(size="large" width=500 height=510)
51
49
+header("2018-12-02", "Oil on canvas")
52
50
:md
53
51
One of the older works of mine — I think I'd only spent 2 years dabbling with oil paintings back then,
···
58
56
laying down sweeping strokes of striking orange, I too experienced the feral fury in me.
59
57
Wish I could experience that again...
60
58
61
-
+display("altitudinous_blossoms", "Altitudinous blossoms", "Z8wxQ2k", "Ltq1TN2").has-frame(size="medium" rtl width=400 height=660)
59
+
+display("altitudinous_blossoms", "Altitudinous blossoms", "29924456-ce4d-4965-9fbc-234df7875400").has-frame(size="medium" rtl width=400 height=660)
62
60
+header("2021-02-11", "Oil on canvas")
63
61
:md
64
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...
···
74
72
which are actually specks of mint-scented toothpaste and not white paint!
75
73
Although, they look like they hold up just fine on the canvas.
76
74
77
-
+display("tropical_fish", "A piscine aura in the depths", "DRvWRpW", "Vqz9qm9").has-frame(size="large" width=500 height=380)
75
+
+display("tropical_fish", "A piscine aura in the depths", "fbb5e547-d8a1-41a8-5043-bed1e07fd600").has-frame(size="large" width=500 height=380)
78
76
+header("2021-06-05", "Oil on canvas")
79
77
:md
80
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*
···
82
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
83
81
when my style really departed from the raw, emotional expression like *Ferality*, towards a finer sort of aesthetic.
84
82
85
-
+display("red_cotton", "A flower — what's her name again?", "5hj54QN", "SwmKykh").has-frame(size="large" rtl width=500 height=372)
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)
86
84
+header("2021-12-11", "Oil on canvas")
87
85
:md
88
86
Turns out it's a flower of the tree [*Bombax ceiba*](https://en.wikipedia.org/wiki/Bombax_ceiba), better known as
···
93
91
facing the entrance for I hope any visitors would appreciate its vividity and life force seeping out of the canvas,
94
92
as much as I would.
95
93
96
-
+display("laotie", "老铁 (Laotie)", "t3cjz0Y", "b7LwF4N").has-frame(size="medium" width=400 height=533)
94
+
+display("laotie", "老铁 (Laotie)", "396e7120-7657-41b9-9d76-11a073d36b00").has-frame(size="medium" width=400 height=533)
97
95
+header("2022-03-20", "Oil on canvas")
98
96
:md
99
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.
···
102
100
103
101
My mother insists I painted Santa Claus in disguise of a dog! But really, he's just wearing some festive clothes...
104
102
105
-
+display("mom_and_i", "By the lake, beneath the canopies, in the beforetimes", "YW6pyd4", "thS8x2w").has-frame(size="medium" width=400 height=515)
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)
106
104
+header("2022-07-23", "Oil on canvas")
107
105
:md
108
106
One summer afternoon, on the eastern shore of Jinji Lake, Suzhou. It was an awfully nice day, so my mother and I decided