Fix link decoration weirdness

This commit is contained in:
Shadowfacts 2020-06-05 11:24:34 -04:00
parent 5fae1c15ea
commit 7868686860
Signed by: shadowfacts
GPG Key ID: 94A5AB95422746E5
2 changed files with 7 additions and 3 deletions

View File

@ -110,7 +110,7 @@ article {
// Markdown decorations // Markdown decorations
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
a[data-link] { a {
text-decoration: none; text-decoration: none;
&::before { content: "["; } &::before { content: "["; }
&::after { content: "](" attr(data-link) ")"; word-wrap: break-word; } &::after { content: "](" attr(data-link) ")"; word-wrap: break-word; }
@ -120,7 +120,11 @@ article {
font-size: 0.75em; font-size: 0.75em;
} }
} }
a:not([data-link]) { text-decoration: underline; } a[data-no-link-decoration] {
text-decoration: underline;
&::before { content: ""; }
&::after { content: ""; }
}
sup.footnote-ref > a::before, sup.footnote-ref > a::before,
sup.footnote-ref > a::after, sup.footnote-ref > a::after,
a.footnote-backref::before, a.footnote-backref::after { a.footnote-backref::before, a.footnote-backref::after {

View File

@ -11,7 +11,7 @@ This is what algorithmic bias looks like. **Algorithms are not neutral.**[^1]
<figure> <figure>
<img src="<%= metadata.permalink %>/youtube_thumb.png" alt="YouTube thumbnail of an MKBHD video"> <img src="<%= metadata.permalink %>/youtube_thumb.png" alt="YouTube thumbnail of an MKBHD video">
<figcaption>A screenshot of the thumbnail for a YouTube video from MKBHD titled "<a href="https://www.youtube.com/watch?v=o-_WXXVye3Y">Reflecting on the Color of My Skin</a>".</figcaption> <figcaption>A screenshot of the thumbnail for a YouTube video from MKBHD titled "<a href="https://www.youtube.com/watch?v=o-_WXXVye3Y" data-no-link-decoration>Reflecting on the Color of My Skin</a>".</figcaption>
</figure> </figure>
[^1]: "Algorithm" is a word here used not in the purely computer science sense, but to mean a element of software which operates in a black box, often with a machine learning component, with little or no human supervision, input, or control. [^1]: "Algorithm" is a word here used not in the purely computer science sense, but to mean a element of software which operates in a black box, often with a machine learning component, with little or no human supervision, input, or control.