cookie/blog-static
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
blog-static/posts/should-i-be-on-social-media/index.html
CI Builder 92bfb9475b Build
2025-01-05 19:19:38 +00:00

2740 lines
44 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="en" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta
name="viewport"
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
><!-- Setup Open Graph image -->
<!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.4" />
<meta property="og:title" content="As an artist, should I be on social media?" />
<meta name="author" content="Quinn Morrigan" />
<meta property="og:locale" content="en" />
<meta name="description" content="Social media seems inescapable today, especially if you want to build an audience as an artist. But, knowing all the problems caused by social media platforms, is it ethical for me to use them? And if not, then how else can I build an audience as a writer?" />
<meta property="og:description" content="Social media seems inescapable today, especially if you want to build an audience as an artist. But, knowing all the problems caused by social media platforms, is it ethical for me to use them? And if not, then how else can I build an audience as a writer?" />
<link rel="canonical" href="https://bookshelf.thequinn.fr/posts/should-i-be-on-social-media/" />
<meta property="og:url" content="https://bookshelf.thequinn.fr/posts/should-i-be-on-social-media/" />
<meta property="og:site_name" content="Quinn’s Bookshelf" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-05-01T19:39:00+02:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="As an artist, should I be on social media?" />
<meta name="twitter:site" content="@twitter_username" />
<meta name="twitter:creator" content="@Quinn Morrigan" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"Quinn Morrigan"},"dateModified":"2024-05-01T19:39:00+02:00","datePublished":"2024-05-01T19:39:00+02:00","description":"Social media seems inescapable today, especially if you want to build an audience as an artist. But, knowing all the problems caused by social media platforms, is it ethical for me to use them? And if not, then how else can I build an audience as a writer?","headline":"As an artist, should I be on social media?","mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/posts/should-i-be-on-social-media/"},"url":"https://bookshelf.thequinn.fr/posts/should-i-be-on-social-media/"}</script>
<!-- End Jekyll SEO tag -->
<title>As an artist, should I be on social media? | Quinn's Bookshelf
</title>
<!--
The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
Generated by: https://realfavicongenerator.net/
-->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicons/site.webmanifest">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Quinn's Bookshelf">
<meta name="application-name" content="Quinn's Bookshelf">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- Resource Hints -->
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com" >
<link rel="preconnect" href="https://cdn.jsdelivr.net" >
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css">
<!-- Web Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/all.min.css">
<!-- 3rd-party Dependencies -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tocbot@4.29.0/dist/tocbot.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.min.css">
<!-- Image Popup -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox@3.3.0/dist/css/glightbox.min.css">
<!-- JavaScript -->
<!-- Switch the mode between dark and light. -->
<script type="text/javascript">
class ModeToggle {
static get MODE_KEY() {
return 'mode';
}
static get MODE_ATTR() {
return 'data-mode';
}
static get DARK_MODE() {
return 'dark';
}
static get LIGHT_MODE() {
return 'light';
}
static get ID() {
return 'mode-toggle';
}
constructor() {
let self = this;this.sysDarkPrefers.addEventListener('change', () => {
if (self.hasMode) {
self.clearMode();
}
self.notify();
});
if (!this.hasMode) {
return;
}
if (this.isDarkMode) {
this.setDark();
} else {
this.setLight();
}
}
get sysDarkPrefers() {
return window.matchMedia('(prefers-color-scheme: dark)');
}
get isPreferDark() {
return this.sysDarkPrefers.matches;
}
get isDarkMode() {
return this.mode === ModeToggle.DARK_MODE;
}
get hasMode() {
return this.mode != null;
}
get mode() {
return sessionStorage.getItem(ModeToggle.MODE_KEY);
}get modeStatus() {
if (this.hasMode) {
return this.mode;
} else {
return this.isPreferDark ? ModeToggle.DARK_MODE : ModeToggle.LIGHT_MODE;
}
}
setDark() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
}
setLight() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
}
clearMode() {
document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
sessionStorage.removeItem(ModeToggle.MODE_KEY);
}notify() {
window.postMessage(
{
direction: ModeToggle.ID,
message: this.modeStatus
},
'*'
);
}
flipMode() {
if (this.hasMode) {
this.clearMode();
} else {
if (this.isPreferDark) {
this.setLight();
} else {
this.setDark();
}
}
this.notify();
}
}
const modeToggle = new ModeToggle();
</script>
<script data-goatcounter="https://stats.thequinn.fr/count"
async src="//stats.thequinn.fr/count.js"></script>
<!-- A placeholder to allow defining custom metadata -->
</head>
<body>
<!-- The Side Bar -->
<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
<header class="profile-wrapper">
<a href="/" id="avatar" class="rounded-circle"><img src="/commons/avatar.webp" width="112" height="112" alt="avatar" onerror="this.style.display='none'"></a>
<h1 class="site-title">
<a href="/">Quinn's Bookshelf</a>
</h1>
<p class="site-subtitle fst-italic mb-0">A blog about writing, mental health and other LGBTQ+ things</p>
</header>
<!-- .profile-wrapper -->
<nav class="flex-column flex-grow-1 w-100 ps-0">
<ul class="nav">
<!-- home -->
<li class="nav-item">
<a href="/" class="nav-link">
<i class="fa-fw fas fa-home"></i>
<span>HOME</span>
</a>
</li>
<!-- the real tabs -->
<li class="nav-item">
<a href="/categories/" class="nav-link">
<i class="fa-fw fas fa-stream"></i>
<span>CATEGORIES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/tags/" class="nav-link">
<i class="fa-fw fas fa-tags"></i>
<span>TAGS</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/archives/" class="nav-link">
<i class="fa-fw fas fa-archive"></i>
<span>ARCHIVES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/about/" class="nav-link">
<i class="fa-fw fas fa-info-circle"></i>
<span>ABOUT</span>
</a>
</li>
<!-- .nav-item -->
</ul>
</nav>
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
<button type="button" class="btn btn-link nav-link" aria-label="Switch Mode" id="mode-toggle">
<i class="fas fa-adjust"></i>
</button>
<span class="icon-border"></span>
<a
href="javascript:location.href = 'mailto:' + ['quinn.morrigan','proton.me'].join('@')"
aria-label="email"
>
<i class="fas fa-envelope"></i>
</a>
<a
href="https://courgett.es/@cookie"
aria-label="mastodon"
target="_blank"
rel="noopener noreferrer me"
>
<i class="fab fa-mastodon"></i>
</a>
<a
href="https://pixelfed.fr/@cookie"
aria-label="pixelfed"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-instagram"></i>
</a>
<a
href="/feed.xml"
aria-label="rss"
>
<i class="fas fa-rss"></i>
</a>
</div>
<!-- .sidebar-bottom -->
</aside>
<!-- #sidebar -->
<div id="main-wrapper" class="d-flex justify-content-center">
<div class="container d-flex flex-column px-xxl-5">
<!-- The Top Bar -->
<header id="topbar-wrapper" aria-label="Top Bar">
<div
id="topbar"
class="d-flex align-items-center justify-content-between px-lg-3 h-100"
>
<nav id="breadcrumb" aria-label="Breadcrumb">
<span>
<a href="/">Home</a>
</span>
<span>As an artist, should I be on social media?</span>
</nav>
<!-- endof #breadcrumb -->
<button type="button" id="sidebar-trigger" class="btn btn-link">
<i class="fas fa-bars fa-fw"></i>
</button>
<div id="topbar-title">
Post
</div>
<button type="button" id="search-trigger" class="btn btn-link">
<i class="fas fa-search fa-fw"></i>
</button>
<search id="search" class="align-items-center ms-3 ms-lg-0">
<i class="fas fa-search fa-fw"></i>
<input
class="form-control"
id="search-input"
type="search"
aria-label="search"
autocomplete="off"
placeholder="Search..."
>
</search>
<button type="button" class="btn btn-link text-decoration-none" id="search-cancel">Cancel</button>
</div>
</header>
<div class="row flex-grow-1">
<main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- Refactor the HTML structure -->
<!--
In order to allow a wide table to scroll horizontally,
we suround the markdown table with `<div class="table-wrapper">` and `</div>`
-->
<!--
Fixed kramdown code highlight rendering:
https://github.com/penibelst/jekyll-compress-html/issues/101
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
-->
<!-- Change the icon of checkbox -->
<!-- Handle images -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<article class="px-1">
<header>
<h1 data-toc-skip>As an artist, should I be on social media?</h1>
<p class="post-desc fw-light mb-4">Social media seems inescapable today, especially if you want to build an audience as an artist. But, knowing all the problems caused by social media platforms, is it ethical for me to use them? And if not, then how else can I build an audience as a writer?</p>
<div class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1714585140"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
May 1, 2024
</time>
</span>
<!-- lastmod date -->
<div class="d-flex justify-content-between">
<!-- author(s) -->
<span>
By
<em>
Quinn Morrigan
</em>
</span>
<div>
<!-- pageviews -->
<!-- read time -->
<!-- Calculate the post's reading time, and display the word count in tooltip -->
<!-- words per minute -->
<!-- return element -->
<span
class="readtime"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="1295 words"
>
<em>7 min</em> read</span>
</div>
</div>
</div>
</header>
<div class="content">
<p>There used to be institutions gatekeeping who could create art and who couldn’t. Now, it seems like everyone can do it, thanks to the social media platforms that concentrate most of our attention. To the point that it seems like you can’t build a career as an artist if you don’t have any presence on social media. As <a href="https://www.youtube.com/channel/UCoOss5XiPpnLHGmLrBvNkJg">Mina Le</a> explains in her recent video about <a href="https://www.youtube.com/watch?v=kH6Xmkd1g6k">the luxury of privacy</a>, the myth of the solitary artist as opposed to the attention seeker is outdated. She cites the article <a href="https://www.vox.com/culture/2024/2/1/24056883/TikTok-self-promotion-artist-career-how-to-build-following">Everyone is a sellout now</a>, about musician Ricky Montgomery who complained on TikTok about having to make short content on the platform to promote his work, or else no one would be exposed to his music and discover it.</p>
<p>Mina Le states the ideal that “<strong>the work should speak for itself</strong>”, and that is an ideal that I try to live by. I try to avoid being seen as an attention-seeker. But then I wonder: Am I being arrogant? Is it self-sabotage? But there is more to it than just my reluctance to expose myself, or not knowing what to post.</p>
<h2 id="what-we-create-becomes-shaped-by-the-platforms-we-use"><span class="me-2">What we create becomes shaped by the platforms we use</span><a href="#what-we-create-becomes-shaped-by-the-platforms-we-use" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<h3 id="algorithms"><span class="me-2">Algorithms</span><a href="#algorithms" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>Social media platforms are centralized, and owned by companies that don’t have the public’s interest in mind. They are skewed towards creating as much ad revenue as possible, not “showing the best work” to as many people as possible.</p>
<p>When we provide them with our free work, we don’t own our content anymore, with no guarantee that it will have a positive impact on our visibility. The content we create becomes shaped by the platform we want to post it on, which makes us captive to that platform:</p>
<blockquote>
<p>“Each algorithmic feed, each platform, generates its own signature culture that fits into it. So we’re familiar with Instagram Face, the kind of influencer plastic surgery aesthetic. We’re familiar with TikTok influencer voice, which is the kind of monotone, syncopated, packing as many words into a sentence as possible. So I think there are forms of content that work for each different platform.”</p>
<p>Kyle Chayka on <a href="https://www.theverge.com/24094338/kyle-chayka-filterworld-algorithmic-recommendation-tiktok-instagram-culture-decoder-interview">The Verge’s <em>Decoder</em> podcast</a><sup id="fnref:footnote"><a href="#fn:footnote" class="footnote" rel="footnote" role="doc-noteref">1</a></sup>,</p>
</blockquote>
<p>In the end, a TikTok is made for TikTok, and you can’t always reuse the content you have created for a specific platform on another platform. You probably wouldn’t have created your content in the same way if you had planned to post it on YouTube. You are now captive to that platform, and your creation process has been altered in the interest of that corporation.</p>
<h3 id="censorship-and-self-censorship"><span class="me-2">Censorship and self-censorship</span><a href="#censorship-and-self-censorship" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>A particular pet peeve that I have with platforms such as TikTok and Instagram is their censorship. In an attempt to avoid being <a href="https://www.nytimes.com/interactive/2023/01/13/business/what-is-shadow-banning.html"><em>shadow-banned</em></a> or outright banned, you will often see words such as <em>unalived</em> instead of “killed” or “dead”, asterisks or numbers replacing a letter in an offensive word, etc… It makes sense from the point of view of content moderation, but just banning words is a lazy way of limiting offensive content (and may not be effective against <a href="https://www.vox.com/the-big-idea/2016/11/7/13549154/dog-whistles-campaign-racism">dog whistles</a> or <a href="https://thehill.com/policy/technology/588804-far-right-extremists-shift-online-strategies/">other strategies the far right uses to escape moderation</a>). Words mean something, and censoring ourselves, removing the real words and ideas we want to talk about, rendering them inoffensive, also depletes them of their meaning.</p>
<blockquote>
<p>“If the government fails to prevent monopolization of our speech forums – like social media – and also declines to offer its own public speech forums that <em>are</em> bound to respect the First Amendment, we can end up with government choices that produce an environment in which some ideas are suppressed wherever they might find an audience – all without violating the Constitution.”</p>
<p><a href="https://pluralistic.net/2024/02/22/self-censorship"><em>Pluralistic</em>: the majority of censorship is self-censorship</a></p>
</blockquote>
<p>As presented in this <a href="https://pluralistic.net/2024/02/22/self-censorship">article</a>, <em>the majority of censorship is self-censorship</em>. In order to cater to algorithms, creators remove some ideas or even choose not to post about some subjects because it could impact their outreach on the platform.</p>
<p>When everything is content, and the process of creation is deeply changed by the platforms, is it still art? Do we want what we create to be dictated by the interests of companies?</p>
<h2 id="platforms-deteriorate-by-design"><span class="me-2">Platforms deteriorate by design</span><a href="#platforms-deteriorate-by-design" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>The problem with current social media platforms is that, despite what they would have us believe, they are not public spaces. Even though they contributed to removing the barrier for entry in a lot of domains, allowing anyone with only a computer or a smartphone to reach an audience, they are not neutral spaces.</p>
<p>They platform people regardless of their ideologies, as long as they bring more eyeballs to their websites. Platforms encourage extreme content, which drives more outrage, more attention, and more ad revenue. They simply don’t care if the content they are hosting and promoting does harm. <a href="https://www.platformer.news/why-platformer-is-leaving-substack/">Platformer chose to leave substack</a> earlier this year for this exact reason.</p>
<p>Another example of this is Twitter, which Elon Musk has taken over with the goal of promoting free speech, which in his case means far-right extremism, as reported by the <a href="https://www.theguardian.com/technology/2024/apr/28/the-demise-of-twitter-how-a-utopian-vision-for-social-media-became-a-toxic-mess">Guardian</a>. Users left Twitter for other platforms such as Bluesky or Threads, but (except for the Fediverse), the problem remains the same, just in a different flavour and on a different timeline.</p>
<p>As <a href="https://substack.com/@catvalente">Catherynne M. Valente</a> tells us, all platforms eventually want us to <a href="https://catvalente.substack.com/p/stop-talking-to-each-other-and-start">stop talking to each other and start buying things</a>. This problem has been there for decades, and migrating from one platform to the next one does not protect you from the <em>enshittification</em> that eventually happens on all platforms. Taking the example of TikTok, <a href="https://pluralistic.net/2023/01/21/potemkin-ai/#hey-guys">Cory Doctorow</a> shows that new platforms try to lure in users and creators in different phases, with algorithms that push creators’ content to more users than they would naturally reach, convincing them to invest in the platform, until they are trapped and TikTok can serve users as many ads as possible.</p>
<p>The same thing is happening with <a href="https://www.forbes.com/sites/kateoflahertyuk/2024/04/18/youtube-issues-new-ad-blocker-warning-as-crackdown-ramps-up/">YouTube trying to eradicate ad-blockers</a>. Inescapably, platforms start pushing more and more advertisement on their platforms, stop showing your content to users who have subscribed to your page, and become unusable. But you can’t leave, because that’s where the people you follow are, or that’s where you’ve built an audience.</p>
<p>That is what happens not only on social media, but also in the music industry with Spotify, or in the retail industry with Amazon, as deomnstrated in the book <a href="https://chokepointcapitalism.com/">Chokepoint capitalism</a>. We end up with monopolies from big companies who, instead of just being benevolent intermediaries between people who have something to sell and people who want to buy it, capture all of the market and then apply their conditions on it for their own benefit.</p>
<h2 id="so-how-can-i-build-a-platform-without-social-media"><span class="me-2">So, how can I build a platform without social media?</span><a href="#so-how-can-i-build-a-platform-without-social-media" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Some communities seem to <a href="https://www.businessinsider.com/social-media-dead-instagram-tiktok-bereal-replaced-group-chats-messaging-2023-8">shift towards group chats</a> instead of social media, but the main alternative to traditional social media is the <a href="https://www.theverge.com/24063290/fediverse-explained-activitypub-social-media-open-protocol">Fediverse</a>, a decentralized platform free of ads and algorithms, where anyone can create their own instance without having to depend on a company’s whims. The technical barrier to entry may be a bit higher than usual social media platforms, but if you are able to use emails, you should be able to use the Fediverse. With no algorithms to push viral content to new users, it’s harder to build an audience, but the growth happens more authentically.</p>
<p>Creating alternative platforms owned by creators may be a solution too, such as <a href="https://nebula.tv/">Nebula</a>, a streaming platform created by and owned by creators.</p>
<p>We have to take matters into our own hands in order to create the platforms we want to use, instead of being used by them.</p>
<div class="footnotes" role="doc-endnotes">
<ol>
<li id="fn:footnote">
<p>I invite you to listen to this <a href="https://crooked.com/podcast/are-algorithms-making-you-boring/">episode</a> of <a href="https://crooked.com/podcast-series/offline/">Offline with Jon Favreau</a> which also features Kyle Chayka, as well as a discussion about the <em>Introvert Economy</em>. It might appear in a future article, who knows! <a href="#fnref:footnote" class="reversefootnote" role="doc-backlink">&#8617;&#xfe0e;</a></p>
</li>
</ol>
</div>
</div>
<div class="post-tail-wrapper text-muted">
<!-- categories -->
<div class="post-meta mb-3">
<i class="far fa-folder-open fa-fw me-1"></i>
<a href="/categories/english/">English</a>,
<a href="/categories/reflections/">Reflections</a>
</div>
<!-- tags -->
<div class="post-tags">
<i class="fa fa-tags fa-fw me-1"></i>
<a
href="/tags/tech/"
class="post-tag no-text-decoration"
>tech</a>
<a
href="/tags/writing/"
class="post-tag no-text-decoration"
>writing</a>
</div>
<div
class="
post-tail-bottom
d-flex justify-content-between align-items-center mt-5 pb-2
"
>
<div class="license-wrapper">
This post is licensed under
<a href="https://creativecommons.org/licenses/by/4.0/">
CC BY 4.0
</a>
by the author.
</div>
<!-- Post sharing snippet -->
<div class="share-wrapper d-flex align-items-center">
<span class="share-label text-muted">Share</span>
<span class="share-icons">
<button
id="copy-link"
aria-label="Copy link"
class="btn small"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Copy link"
data-title-succeed="Link copied successfully!"
>
<i class="fa-fw fas fa-link pe-none fs-6"></i>
</button>
</span>
</div>
</div>
<!-- .post-tail-bottom -->
</div>
<!-- div.post-tail-wrapper -->
</article>
</main>
<!-- panel -->
<aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 mb-5 text-muted">
<div class="access">
<!-- Get 5 last posted/updated posts -->
<section id="access-lastmod">
<h2 class="panel-heading">Recently Updated</h2>
<ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
<li class="text-truncate lh-lg">
<a href="/posts/favoris-decembre/">Lectures, séries et écriture - Décembre 2024</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/novembre/">Lectures, séries et écriture - Novembre 2024</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/favoris-octobre/">Lectures, écriture et spectacles - Octobre 2024</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/writing-social-media/">Does social media sell books, and starting off as a new author - Recent favorites</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/writing-like-colleen-hoover/">Writing like Colleen Hoover, what makes a great opening line, and Nanowrimo's stance on AI - Recent favorites</a>
</li>
</ul>
</section>
<!-- #access-lastmod -->
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/emotions/">emotions</a>
<a class="post-tag btn btn-outline-primary" href="/tags/relations/">relations</a>
<a class="post-tag btn btn-outline-primary" href="/tags/genre/">genre</a>
<a class="post-tag btn btn-outline-primary" href="/tags/coming-out/">coming-out</a>
<a class="post-tag btn btn-outline-primary" href="/tags/journaling/">journaling</a>
<a class="post-tag btn btn-outline-primary" href="/tags/tech/">tech</a>
<a class="post-tag btn btn-outline-primary" href="/tags/lecture/">lecture</a>
<a class="post-tag btn btn-outline-primary" href="/tags/self-acceptance/">self-acceptance</a>
<a class="post-tag btn btn-outline-primary" href="/tags/writing/">writing</a>
<a class="post-tag btn btn-outline-primary" href="/tags/%C3%A9criture/">écriture</a>
</div>
</section>
</div>
<section id="toc-wrapper" class="d-none ps-0 pe-4">
<h2 class="panel-heading ps-3 mb-2">Contents</h2>
<nav id="toc"></nav>
</section>
</aside>
</div>
<div class="row">
<!-- tail -->
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-md-4">
<!-- Recommend the other 3 posts according to the tags and categories of the current post. -->
<!-- The total size of related posts -->
<!-- An random integer that bigger than 0 -->
<!-- Equals to TAG_SCORE / {max_categories_hierarchy} -->
<aside id="related-posts" aria-labelledby="related-label">
<h3 class="mb-4" id="related-label">Further Reading</h3>
<nav class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-4 mb-4">
<article class="col">
<a href="/posts/writing-social-media/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1730148600"
data-df="ll"
>
Oct 28, 2024
</time>
<h4 class="pt-0 my-2">Does social media sell books, and starting off as a new author - Recent favorites</h4>
<div class="text-muted">
<p>A lot of people will tell you that you need to create a solid social media following before you can publish a book, even if you’re pursuing traditional publishing. And that if your platform isn’t g...</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/writing-like-colleen-hoover/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1725645300"
data-df="ll"
>
Sep 6, 2024
</time>
<h4 class="pt-0 my-2">Writing like Colleen Hoover, what makes a great opening line, and Nanowrimo's stance on AI - Recent favorites</h4>
<div class="text-muted">
<p>I’ve wanted to share some favorites here for the longest time, but I either don’t take note of my favorites, or wait for so long to write about them that they’re not relevant to me anymore. I also ...</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/favoris-decembre/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1736103000"
data-df="ll"
>
Jan 5, 2025
</time>
<h4 class="pt-0 my-2">Lectures, séries et écriture - Décembre 2024</h4>
<div class="text-muted">
<p>Favoris du mois de décembre: Un livre post-apocalyptique hors des sentiers battus, une série de science-fiction et des outils libres</p>
</div>
</div>
</a>
</article>
</nav>
</aside>
<!-- #related-posts -->
<!-- Navigation buttons at the bottom of the post. -->
<nav class="post-navigation d-flex justify-content-between" aria-label="Post Navigation">
<a
href="/posts/enterrements/"
class="btn btn-outline-primary"
aria-label="Older"
>
<p>Enterrements</p>
</a>
<a
href="/posts/eras-tour/"
class="btn btn-outline-primary"
aria-label="Newer"
>
<p>Taylor Swift: le consumérisme au service du female gaze?</p>
</a>
</nav>
<!-- The comments switcher -->
<!-- The Footer -->
<footer
aria-label="Site Info"
class="
d-flex flex-column justify-content-center text-muted
flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
"
>
<p>©
<time>2025</time>
<a href="https://courgett.es/@cookie">cookie</a>.
<span
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Except where otherwise noted, the blog posts on this site are licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author."
>Some rights reserved.</span>
</p>
<p>Using the <a
data-bs-toggle="tooltip"
data-bs-placement="top"
title="v7.1.0"
href="https://github.com/cotes2020/jekyll-theme-chirpy"
target="_blank"
rel="noopener"
>Chirpy</a> theme for <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>.
</p>
</footer>
</div>
</div>
<!-- The Search results -->
<div id="search-result-wrapper" class="d-flex justify-content-center d-none">
<div class="col-11 content">
<div id="search-hints">
<!-- The trending tags list -->
<section>
<h2 class="panel-heading">Trending Tags</h2>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/emotions/">emotions</a>
<a class="post-tag btn btn-outline-primary" href="/tags/relations/">relations</a>
<a class="post-tag btn btn-outline-primary" href="/tags/genre/">genre</a>
<a class="post-tag btn btn-outline-primary" href="/tags/coming-out/">coming-out</a>
<a class="post-tag btn btn-outline-primary" href="/tags/journaling/">journaling</a>
<a class="post-tag btn btn-outline-primary" href="/tags/tech/">tech</a>
<a class="post-tag btn btn-outline-primary" href="/tags/lecture/">lecture</a>
<a class="post-tag btn btn-outline-primary" href="/tags/self-acceptance/">self-acceptance</a>
<a class="post-tag btn btn-outline-primary" href="/tags/writing/">writing</a>
<a class="post-tag btn btn-outline-primary" href="/tags/%C3%A9criture/">écriture</a>
</div>
</section>
</div>
<div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
</div>
</div>
</div>
<aside aria-label="Scroll to Top">
<button id="back-to-top" type="button" class="btn btn-lg btn-box-shadow">
<i class="fas fa-angle-up"></i>
</button>
</aside>
</div>
<div id="mask"></div>
<aside
id="notification"
class="toast"
role="alert"
aria-live="assertive"
aria-atomic="true"
data-bs-animation="true"
data-bs-autohide="false"
>
<div class="toast-header">
<button
type="button"
class="btn-close ms-auto"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body text-center pt-0">
<p class="px-2 mb-3">A new version of content is available.</p>
<button type="button" class="btn btn-primary" aria-label="Update">
Update
</button>
</div>
</aside>
<!-- JavaScripts -->
<!-- JS selector for site. -->
<!-- commons -->
<!-- layout specified -->
<!-- image lazy-loading & popup & clipboard -->
<script src="https://cdn.jsdelivr.net/combine/npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/loading-attribute-polyfill@2.1.1/dist/loading-attribute-polyfill.umd.min.js,npm/glightbox@3.3.0/dist/js/glightbox.min.js,npm/clipboard@2.0.11/dist/clipboard.min.js,npm/dayjs@1.11.13/dayjs.min.js,npm/dayjs@1.11.13/locale/en.js,npm/dayjs@1.11.13/plugin/relativeTime.js,npm/dayjs@1.11.13/plugin/localizedFormat.js,npm/tocbot@4.29.0/dist/tocbot.min.js"></script>
<script src="/assets/js/dist/post.min.js"></script>
<!-- Pageviews -->
<!--
Jekyll Simple Search loader
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
-->
<script>SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('search-results'),
json: '/assets/js/data/search.json',
searchResultTemplate: ' <article class="px-1 px-sm-2 px-lg-4 px-xl-0"> <header> <h2><a href="{url}">{title}</a></h2> <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1"> {categories} {tags} </div> </header> <p>{snippet}</p> </article>',
noResultsText: '<p class="mt-5">Oops! No results found.</p>',
templateMiddleware: function(prop, value, template) {
if (prop === 'categories') {
if (value === '') {
return `${value}`;
} else {
return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
}
}
if (prop === 'tags') {
if (value === '') {
return `${value}`;
} else {
return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
}
}
}
});
</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink