From 9e546d5b0cb1b00f29e37b3df6cd282659131ac8 Mon Sep 17 00:00:00 2001 From: jonathan Date: Wed, 29 Mar 2023 12:47:09 +1030 Subject: [PATCH] add "my art" page for the start of the year --- src/_includes/styles.css | 60 ++++++++++++++++++++++++++ src/art/my-art-2023🚧.md | 5 --- src/art/my-art-jan-mar-2023.md | 15 +++++++ src/music/three_albums_march_2023🚧.md | 4 +- 4 files changed, 77 insertions(+), 7 deletions(-) delete mode 100644 src/art/my-art-2023🚧.md create mode 100644 src/art/my-art-jan-mar-2023.md diff --git a/src/_includes/styles.css b/src/_includes/styles.css index 85c8803..87a8980 100644 --- a/src/_includes/styles.css +++ b/src/_includes/styles.css @@ -336,6 +336,66 @@ footer { margin: 0; } +.gallery { + width: 100%; + display: grid; + grid-template-columns: auto auto; + gap: var(--line-padding); + margin-top: 15px +} + +.gallery>a { + line-height: 0; +} + +.gallery>a>img { + box-sizing:border-box; + background-color: var(--accent-bg); + border: 2px solid var(--border); +} + +.trans +{ + transition: all 0.25s ease; +} + +.lightbox +{ + position: fixed; + width: 100%; + height: 100%; + text-align: center; + top: 0; + left: 0; + background-color: rgba(0,0,0,0.75); + z-index: 999; + opacity: 0; + pointer-events: none; +} +.lightbox img +{ + max-width: 90%; + max-height: 80%; + position: relative; + top: -100%; + /* Transition */ + transition: all 0.5 ease; +} +.lightbox:target +{ + outline: none; + top: 0; + opacity: 1; + pointer-events: auto; + transition: all 0.2s ease; +} +.lightbox:target img +{ + top: 0; + top: 50%; + transform: translateY(-50%); +} + /* body > footer { margin-top: 4rem; padding: 2rem 1rem 1.5rem 1rem; diff --git a/src/art/my-art-2023🚧.md b/src/art/my-art-2023🚧.md deleted file mode 100644 index 694b333..0000000 --- a/src/art/my-art-2023🚧.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: "my art 2023" -draft: true ---- - diff --git a/src/art/my-art-jan-mar-2023.md b/src/art/my-art-jan-mar-2023.md new file mode 100644 index 0000000..30d805d --- /dev/null +++ b/src/art/my-art-jan-mar-2023.md @@ -0,0 +1,15 @@ +--- +title: "my art jan-mar 2023" +date: 2023-03-29 +--- + + + + + + \ No newline at end of file diff --git a/src/music/three_albums_march_2023🚧.md b/src/music/three_albums_march_2023🚧.md index 8688408..7c079e8 100644 --- a/src/music/three_albums_march_2023🚧.md +++ b/src/music/three_albums_march_2023🚧.md @@ -6,7 +6,7 @@ draft: true [my monthly playlist for mar 23](https://open.spotify.com/playlist/2B6rp9N5HXvxRm0LCn1Sgi) -i thought that last month was a bumper post, but if my draft notes are anything to go by, this one is going to be even bigger. as before, i'll start with the top three, then stick the honourable mentions underneath. +i thought that last month was a bumper post, but if my draft notes are anything to go by, this one is going to be even bigger. as before, i'll start with the top three, then stick the honourable mentions underneath! ### 3. 2003 corolla @@ -31,7 +31,7 @@ i heard this one on local radio; it's part of a single so its a bit too small fo [listen here](https://solarfields.bandcamp.com/)
i went absolutely ballistic on solar fields this month, with 274 listens over the 31 days. i've loved them for a really long time and i think i've mentioned my absolute fascination with ultimae records, their publisher and the publisher of a great number of very similar artists. i was first introduced to their work from the mirrors edge soundtrack, and then the absolutely stellar mirrors edge catalyst soundtrack back in 2016. the really nice thing about their sound is its consistency; i tend to gravitate to artists that have consistent tone throughout their discography, or at least over the span of three or four albums. this means i can really appreciate their work for a couple of hours, and also keeps the music from being jarring if i'm listening to it during work hours. -i have a spotify playlist that's basically just every full album from solar fields, and then listened to them exclusively for a couple of days back in the start of march. solar fields' particular vibe is slightly more upbeat than your average ambient track, although it hits a lot of the same boxes ([everynoise](https://everynoise.com/artistprofile.cgi?id=7GyhmlEy51sGUE09A5AWzc) classifies them as ambient trance, downtempo, space ambient and """psychill""" (i still have a serious aversion to any genre with chill in the name)). this means that it's not always the best music for a certain type of work and i find it a bit too distracting in some cases, but if i really have the momentum up then it's a great time. +i have a spotify playlist that's basically just every full album from solar fields, and then listened to them exclusively for a couple of days back in the start of march. solar fields' particular vibe is slightly more upbeat than your average ambient track, although it hits a lot of the same boxes ([everynoise](https://everynoise.com/artistprofile.cgi?id=7GyhmlEy51sGUE09A5AWzc) classifies them as ambient trance, downtempo, space ambient and """psychill""" (i still have a serious aversion to any genre with chill in the name)). this means that it's not always the best music for a certain type of work and i find it a bit too distracting in some cases, but if i really have the momentum up then it's a great time! besides that, i don't really have anything super incredible to say about them, except that they're one of my favourite artists and that they're well worth a look. i think [their new stuff](https://solarfields.bandcamp.com/album/formations) is really nice, or you can try out some of their classics like [blue moon station](https://solarfields.bandcamp.com/album/blue-moon-station).