Skip to content

Commit 32448b3

Browse files
committed
Add footer and footnotes
1 parent 34d7567 commit 32448b3

File tree

6 files changed

+127
-46
lines changed

6 files changed

+127
-46
lines changed

src/components/Footer.astro

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,22 @@
1+
---
2+
import LinkCluster from "./LinkCluster.astro"
3+
---
4+
15
<footer>
2-
<!-- <p>Thanks for reading!</p> -->
6+
<LinkCluster links={[
7+
{ text: "Mailing list", href: "/subscribe" },
8+
{ text: "RSS", href: "/rss" },
9+
]} />
310
</footer>
411

512
<style lang="scss">
613
@use '../styles/_tokens' as *;
714

815
footer {
9-
margin-block-start: $space-lg;
10-
padding-block-end: $space-md;
16+
margin-block: $space-xl $space-lg;
1117

1218
@include font-technical;
1319
text-align: center;
14-
font-size: $size-sm;
1520

1621
> * {
1722
margin-block: 0;

src/components/LinkCluster.astro

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
---
2+
interface Props {
3+
links: {
4+
text: string,
5+
href: string,
6+
}[],
7+
}
8+
9+
const { links } = Astro.props;
10+
---
11+
12+
{links.length > 0 &&
13+
<div>
14+
{links.map(({ text, href }) => (
15+
<span><a {href}>{text}</a></span>
16+
))}
17+
</div>
18+
}
19+
20+
<style lang="scss">
21+
@use '../styles/_tokens' as *;
22+
23+
div {
24+
margin-block-start: -2px;
25+
26+
span {
27+
&:not(:last-child)::after {
28+
content: "•";
29+
margin-inline: 0.3rem;
30+
}
31+
}
32+
}
33+
</style>

src/components/PostTags.astro

Lines changed: 8 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,16 @@
11
---
2+
import LinkCluster from "./LinkCluster.astro"
3+
24
interface Props {
35
tags: string[],
46
}
57
68
const { tags } = Astro.props;
7-
---
8-
9-
{tags.length > 0 &&
10-
<div>
11-
{tags.map(tag => (
12-
<span><a href={`/tag/${tag}`}>{tag}</a></span>
13-
))}
14-
</div>
15-
}
16-
17-
<style lang="scss">
18-
@use '../styles/_tokens' as *;
199
20-
div {
21-
margin-block-start: -2px;
10+
const links = tags.map(tag => ({
11+
text: tag,
12+
href: `/tag/${tag}`
13+
}));
14+
---
2215

23-
span {
24-
&:not(:last-child)::after {
25-
content: "•";
26-
margin-inline: 0.3rem;
27-
}
28-
}
29-
}
30-
</style>
16+
<LinkCluster {links} />

src/content/posts/brigid-mae-power-head-above-the-water.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,13 @@ tags:
99
- review
1010
---
1111

12-
*Head Above the Water* was the first thing I heard from Brigid Mae Power, and it's now one of my favourite albums. It's superbly produced, and a great listen for strolling around cities or staring out of train windows and imagining you're in a film. But what's most compelling about it for me, and what I think makes it unique, is the distinctive way Power writes about emotion.
12+
*Head Above the Water* was the first thing I heard from Brigid Mae Power, and its now one of my favourite albums. Its superbly produced, and a great listen for strolling around cities or staring out of train windows and imagining youre in a film. But whats most compelling about it for me, and what I think makes it unique, is the distinctive way Power writes about emotion.
1313

14-
This is Power's third album, released in 2020, a collection of nine original songs, plus a cover of a traditional ballad (the thorny heartbreak of ‘The Blacksmith’). The music is dreamy, ruminative folk, acoustic guitars loping along under a glittery night sky full of buffeting strings and icy piano chords. It's often repetitious and open-ended, not necessarily with any big section changes or much of a linear journey to the songs.
14+
This is Powers third album, released in 2020, a collection of nine original songs, plus a cover of a traditional ballad (the thorny heartbreak of ‘The Blacksmith’). The music is dreamy, ruminative folk, acoustic guitars loping along under a glittery night sky full of buffeting strings and icy piano chords. Its often repetitious and open-ended, not necessarily with any big section changes or much of a linear journey to the songs.
1515

16-
At times it can sound fearful or lost, like you've been swept up in a storm, except that Power's presence as a singer is so grounding. Her singing is confident and expressive, and her melodies are ornamented with nimble arpeggios. Many songs contain sections of wordless vocalisation, which do convey some lostness and some hurt, but paired with a suprising tone of security and acceptance.
16+
At times it can sound fearful or lost, like youve been swept up in a storm, except that Powers presence as a singer is so grounding. Her singing is confident and expressive, and her melodies are ornamented with nimble arpeggios. Many songs contain sections of wordless vocalisation, which do convey some lostness and some hurt, but paired with a suprising tone of security and acceptance.
1717

18-
What I really want to talk about are the lyrics, which match this vibe completely. Power writes about difficult emotions and relationships in a way that feels truthful and unpretentious. Her lyrics are economical but full of meaning, leveraging quick observations and fragments of description to expose deeper currents below. Most of all, the lyrics feel vital: they invite you to connect with what feel like someone's heartfelt inner feelings.
18+
What I really want to talk about are the lyrics, which match this vibe completely. Power writes about difficult emotions and relationships in a way that feels truthful and unpretentious. Her lyrics are economical but full of meaning, leveraging quick observations and fragments of description to expose deeper currents below. Most of all, the lyrics feel vital: they invite you to connect with what feel like someones heartfelt inner feelings.
1919

2020
The album opens with cheery country song ‘On A City Night’, in which somebody immediately answers his own question.
2121

@@ -29,9 +29,9 @@ The album opens with cheery country song ‘On A City Night’, in which somebod
2929
> Country trees in the night
3030
> Their shadows give me a fright"
3131
32-
To me, there's tension between two conflicting moods in this song: on the one hand, there's the buoyant promise of a city night, and on the other, a subtle hesitancy to be completely taken in by it. To my ears, this small scene often sounds like a moment of disconnect, where the speaker isn't quite on the same page as her friend. Her looking at his “eyes so pure”, on its surface an affectionate description, at the same time sounds a little conscious and detached, like she isn't quite feeling the same enthusiasm.
32+
To me, theres tension between two conflicting moods in this song: on the one hand, theres the buoyant promise of a city night, and on the other, a subtle hesitancy to be completely taken in by it. To my ears, this small scene often sounds like a moment of disconnect, where the speaker isnt quite on the same page as her friend. Her looking at his “eyes so pure”, on its surface an affectionate description, at the same time sounds a little conscious and detached, like she isnt quite feeling the same enthusiasm.
3333

34-
The chorus has Power repeatedly singing “On a city night”, which at first glance suggests this infectious, joyous mood. But maybe there's a note of scepticism too, as Power’s interlocutor seems most interested in talking about himself. Perhaps there's an acknowledgement that such nights out can also contain a lot of inane, searching conversations and buried feelings.
34+
The chorus has Power repeatedly singing “On a city night”, which at first glance suggests this infectious, joyous mood. But maybe theres a note of scepticism too, as Power’s interlocutor seems most interested in talking about himself. Perhaps theres an acknowledgement that such nights out can also contain a lot of inane, searching conversations and buried feelings.
3535

3636
> I can’t quite believe
3737
> How easy it’s been for you
@@ -41,7 +41,7 @@ The chorus has Power repeatedly singing “On a city night”, which at first gl
4141
> The city suits you
4242
> The city suits you
4343
44-
This talk of seeing a new side to somebody is again potentially double-edged. Perhaps the speaker doesn't entirely see it as a good thing that their friend has thrown themselves into a new life apparently so easily. However much you read into it, there's definitely a slight awkwardness and reluctance to the moments that Power has chosen to focus on. Perhaps she's suggesting an internal struggle felt by her character, as they try to give in to these boisterous ideals but don't find it so easy to convert to the city life; as they feel weighed down by their nature or their past.
44+
This talk of seeing a new side to somebody is again potentially double-edged. Perhaps the speaker doesnt entirely see it as a good thing that their friend has thrown themselves into a new life apparently so easily. However much you read into it, theres definitely a slight awkwardness and reluctance to the moments that Power has chosen to focus on. Perhaps shes suggesting an internal struggle felt by her character, as they try to give in to these boisterous ideals but dont find it so easy to convert to the city life; as they feel weighed down by their nature or their past.
4545

4646
---
4747

@@ -54,14 +54,14 @@ In ‘I Was Named After You’, Power names an interesting duality.
5454
> In its other form -- vulnerability?
5555
> Of that I have plenty
5656
57-
This verse points out that strength and vulnerability are two forms of the same material. I think this is a theme that characterises lots of Power’s music. It's encapsulated even in the album's title: “head above the water” implies a great struggle to stay afloat, but it does actually describe a moment of triumph over that struggle. I think a lot of the emotional heft of Power's music comes not just from the vulnerability she shows in her writing, but also from the strength that that vulnerability cultivates.
57+
This verse points out that strength and vulnerability are two forms of the same material. I think this is a theme that characterises lots of Power’s music. Its encapsulated even in the albums title: “head above the water” implies a great struggle to stay afloat, but it does actually describe a moment of triumph over that struggle. I think a lot of the emotional heft of Powers music comes not just from the vulnerability she shows in her writing, but also from the strength that that vulnerability cultivates.
5858

5959
> And now I’ve no doubt
6060
> Why I was named after you
6161
> ‘Cause it’s the vulnerability
6262
> That did mend the situation in the end
6363
64-
Power’s lyrics are urgently vulnerable. They have the intensity of someone who really needs to be heard and understood. And after searching for strength that Power believes to be missing in herself at the beginning of this song, she eventually finds that it was vulnerability that could “mend the situation in the end”. Power's writing understands that strength and vulnerability each require and build the other: vulnerability comes from a willingness to risk embarrassment or pain, and strength comes from knowing yourself, being aware and in control of your flaws.
64+
Power’s lyrics are urgently vulnerable. They have the intensity of someone who really needs to be heard and understood. And after searching for strength that Power believes to be missing in herself at the beginning of this song, she eventually finds that it was vulnerability that could “mend the situation in the end”. Powers writing understands that strength and vulnerability each require and build the other: vulnerability comes from a willingness to risk embarrassment or pain, and strength comes from knowing yourself, being aware and in control of your flaws.
6565

6666
I think this is best exemplified in the brilliant song ‘I Had To Keep My Circle Small’. It’s a song about a breakup of some kind, a relationship where the speaker has had to distance themselves, and it’s both sad, in exploring the pain and the problems that caused this parting, and at the same time, strong in its convictions. Power’s character has fought for herself, has carved out what she needs, and she isn’t regretting that it happened, but explaining why it had to.
6767

@@ -78,13 +78,13 @@ Spread out across the course of the song are all of the things that Power tells
7878
> I needed partiality
7979
> I needed you to see me
8080
81-
I love this list of demands: the earnestness of needing a team, the delicate specificity of needing to be seen, and the honesty of asking not to be treated equally but with partiality, to be actively favoured. I think that's such a singular way to express an idea that's hard to convey, but is so universal. This list feels like a set of fundamental principles that could apply in some way to practically any relationship; it's almost like a version of the Ho'oponopono forgiveness prayer* but for breakups.
81+
I love this list of demands: the earnestness of needing a team, the delicate specificity of needing to be seen, and the honesty of asking not to be treated equally but with partiality, to be actively favoured. I think thats such a singular way to express an idea thats hard to convey, but is so universal. This list feels like a set of fundamental principles that could apply in some way to practically any relationship; its almost like a version of the Hooponopono forgiveness prayer[^1] but for breakups.
8282

83-
The past tense gives it a feeling of emotional litigation, like a case is being made after the fact. All of these things may no longer be strictly useful to anyone, in that they only refer to a defunct relationship, but it’s important somehow that the detail of what happened is told. One of the great things here is how Power makes a value of precision. Just the sheer syllable count of “partiality” feels metrically improbable, but in Power’s songwriting voice such a bulky word sounds natural, because it’s the right word for how she feels. (And she actually ends up adding a few more syllables of vocal flourish.)
83+
[^1]: “I love you. Thank you. I forgive you. Please forgive me.” A Hawaiian ritual for reconciliation that I learned about from the movie *The Meyerowitz Stories*, where it’s used in a context of bereavement.
8484

85-
After each need, she emphasises that it’s “not a bad thing at all”. This is the strength that Power associates with vulnerability. Being vulnerable allows you to assert and stand by the things you know about yourself with certainty, and all of Power's songs are imbued with that quality. As much as the music is often sad, it’s not self-pitying or defeated. It’s assured of its point of view, and pushes to be heard, understood, and respected.
85+
The past tense gives it a feeling of emotional litigation, like a case is being made after the fact. All of these things may no longer be strictly useful to anyone, in that they only refer to a defunct relationship, but it’s important somehow that the detail of what happened is told. One of the great things here is how Power makes a value of precision. Just the sheer syllable count of “partiality” feels metrically improbable, but in Power’s songwriting voice such a bulky word sounds natural, because it’s the right word for how she feels. (And she actually ends up adding a few more syllables of vocal flourish.)
8686

87-
\* “I love you. Thank you. I forgive you. Please forgive me.” A Hawaiian ritual for reconciliation that I learned about from the movie *The Meyerowitz Stories*, where it’s used in a context of bereavement.
87+
After each need, she emphasises that it’s “not a bad thing at all”. This is the strength that Power associates with vulnerability. Being vulnerable allows you to assert and stand by the things you know about yourself with certainty, and all of Power’s songs are imbued with that quality. As much as the music is often sad, it’s not self-pitying or defeated. It’s assured of its point of view, and pushes to be heard, understood, and respected.
8888

8989
---
9090

@@ -104,7 +104,7 @@ The minimal arrangement gives Power full room to scythe up and down through the
104104
> His sense of what matters
105105
> Is really, really strong
106106
107-
There’s actually a bit of a meandering quality to these verses. The ideas don't all clearly fit together to form one overarching point. It’s like Power's character has lessened her grip on the hard principles she was defending in ‘I Had To Keep My Circle Small’. There’s less of that tone of litigation; it sounds more like exhaustion, like she's simply sharing an unfiltered stream of feelings.
107+
There’s actually a bit of a meandering quality to these verses. The ideas dont all clearly fit together to form one overarching point. It’s like Powers character has lessened her grip on the hard principles she was defending in ‘I Had To Keep My Circle Small’. There’s less of that tone of litigation; it sounds more like exhaustion, like shes simply sharing an unfiltered stream of feelings.
108108

109109
And in these unfiltered ideas, the speaker seems to find some common ground with her addressee. She says that she can see their “pain that can’t be helped”. The titular image of one’s “head above the water”, when it finally comes here at the end of the album, doesn’t refer to Power’s own struggle but that of the other person. It could be a recognition that when someone lashes out, it’s often more about their own pain and fear, an attempt to stay afloat.
110110

src/styles/_tokens.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ $space-xs: 0.4rem;
44
$space-sm: 0.8rem;
55
$space-md: 1.2rem;
66
$space-lg: 2rem;
7+
$space-xl: 3rem;
78

89
@mixin margin-between($value) {
910
margin-block: $value;

src/styles/global.scss

Lines changed: 62 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,55 @@
11
@use './_tokens' as *;
22

3+
/* Global and root styles */
34
* {
45
box-sizing: border-box;
56
}
67

78
:root {
89
@include font-content;
9-
10+
1011
background-color: $color-base;
1112
color: $color-neutral;
1213
font-size: $size-md;
1314
}
1415

15-
h1, h2, h3, h4, h5, h6, p, blockquote {
16+
/* Prose elements. */
17+
h1,
18+
h2,
19+
h3,
20+
h4,
21+
h5,
22+
h6,
23+
p,
24+
blockquote,
25+
ul,
26+
ol {
1627
@include margin-between($space-md);
1728
}
1829

19-
h1, h2, h3, h4, h5, h6 {
30+
h1,
31+
h2,
32+
h3,
33+
h4,
34+
h5,
35+
h6 {
2036
@include font-display;
2137
font-size: $size-lg;
2238
}
2339

24-
p, .prose {
40+
p,
41+
.prose {
2542
line-height: $line-height-lg;
2643
}
2744

2845
.prose {
29-
h1, h2, h3, h4, h5, h6 {
46+
47+
h1,
48+
h2,
49+
h3,
50+
h4,
51+
h5,
52+
h6 {
3053
margin-block-start: $space-lg;
3154
}
3255
}
@@ -63,7 +86,8 @@ img {
6386
box-shadow: 0 $shadow-offset $shadow-blur $color-subtle;
6487
}
6588

66-
ul, blockquote {
89+
ul, ol,
90+
blockquote {
6791
margin-inline: 0;
6892
padding-inline: $space-lg;
6993
}
@@ -87,3 +111,35 @@ hr {
87111
background-color: transparent;
88112
}
89113
}
114+
115+
/* Footnotes. */
116+
.footnotes {
117+
border-top: $border-thickness solid $color-subtle;
118+
119+
margin-block-start: $space-lg;
120+
padding-block-start: $space-lg;
121+
122+
ol {
123+
margin-block: 0;
124+
}
125+
}
126+
127+
[data-footnote-ref]::before {
128+
content: '[';
129+
}
130+
131+
[data-footnote-ref]::after {
132+
content: ']';
133+
}
134+
135+
/* Hide the section label for visual users. */
136+
.sr-only {
137+
position: absolute;
138+
width: 1px;
139+
height: 1px;
140+
padding: 0;
141+
overflow: hidden;
142+
clip: rect(0, 0, 0, 0);
143+
word-wrap: normal;
144+
border: 0;
145+
}

0 commit comments

Comments
 (0)