cookie/blog-static
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
blog-static/posts/finish-their-food/index.html
CI Builder 92bfb9475b Build
2025-01-05 19:19:38 +00:00

2715 lines
42 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

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="Why do you want kids to finish the food on their plates so bad?" />
<meta name="author" content="Quinn Morrigan" />
<meta property="og:locale" content="en" />
<meta name="description" content="Content warning: food, eating disorders, emotional abuse." />
<meta property="og:description" content="Content warning: food, eating disorders, emotional abuse." />
<link rel="canonical" href="https://bookshelf.thequinn.fr/posts/finish-their-food/" />
<meta property="og:url" content="https://bookshelf.thequinn.fr/posts/finish-their-food/" />
<meta property="og:site_name" content="Quinn’s Bookshelf" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2023-06-19T17:00:00+02:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Why do you want kids to finish the food on their plates so bad?" />
<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":"2023-06-19T17:00:00+02:00","datePublished":"2023-06-19T17:00:00+02:00","description":"Content warning: food, eating disorders, emotional abuse.","headline":"Why do you want kids to finish the food on their plates so bad?","mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/posts/finish-their-food/"},"url":"https://bookshelf.thequinn.fr/posts/finish-their-food/"}</script>
<!-- End Jekyll SEO tag -->
<title>Why do you want kids to finish the food on their plates so bad? | 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>Why do you want kids to finish the food on their plates so bad?</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>Why do you want kids to finish the food on their plates so bad?</h1>
<div class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1687186800"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Jun 19, 2023
</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="1374 words"
>
<em>7 min</em> read</span>
</div>
</div>
</div>
</header>
<div class="content">
<p><strong>Content warning: food, eating disorders, emotional abuse.</strong></p>
<p>Tonight I was watching this <a href="https://www.youtube.com/watch?v=bFXOL5N7Ur4">video</a> from <a href="https://www.youtube.com/@tiffanyferg">Tiffanyferg</a> about snacks and the different cultures around what foods we keep around the house. It reminded me of some things people have said to me as I was growing up and as an adult about why it means so much to some people if you stop eating before you have emptied your plate, especially when you are a child. I wanted to take a look at those reasons and think about how harmful they can be when you are growing up and building your relationship with food.</p>
<h2 id="some-kids-somewhere-in-the-world-are-hungry"><span class="me-2">Some kids somewhere in the world are hungry</span><a href="#some-kids-somewhere-in-the-world-are-hungry" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Let’s start with the stupidest reason, but also the one I remember hearing the most from strangers. It is really weird, I don’t understand how it could be so common, and even as a kid I called bullshit on this one. Usually it was said in a variation around “do you know there are kids dying of famines in Africa?”, which has some troubling racist undertones. What do I, a six-year-old not finishing my lunch at school in France, have to do with kids dying on the other side of the globe, I could not tell you.</p>
<p>It was often adults at school or family members other than my parents who would say that to me. It didn’t have a big impact because I knew it was stupid and me eating wouldn’t help anyone else on the planet, but it goes to show how much strangers want you to eat your whole serving, summoning big scary reasons.</p>
<h2 id="you-should-not-waste-food"><span class="me-2">You should not waste food</span><a href="#you-should-not-waste-food" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Another common one is that “you should not waste the food”. To that I would say: why would you throw out perfectly good food instead of storing it in the fridge and eating it later? This is a very bad excuse. Or if you are already trying to do that and find that you can’t finish all the leftovers before they go bad, review your grocery shopping. Do one meal a week that is just eating all the leftovers so they don’t go to waste.</p>
<p>A similar one is that “we are paying for it”, usually if you are at a restaurant. Before we go further, you should take a look at the Sunk cost fallacy. The first article I found when searching for a definition of the sunk cost fallacy is actually using this exact <a href="https://www.scribbr.com/fallacies/sunk-cost-fallacy/#sunk-cost-fallacy-example">example</a>:</p>
<blockquote>
<p>In one experiment, participants were asked to imagine that they were at a potluck party and that, after eating a few bites of a rich cake, they felt full. Some were told the cake had been purchased from a local bakery on sale, while others were told the cake was expensive and had come from a shop an hour’s drive away.</p>
<p>In each scenario, participants were asked to imagine that they had bought the cake themselves, or that someone else had brought it to the potluck. They were then asked whether they would finish the cake despite feeling full.</p>
<p>According to the results, people who were told they were eating the expensive cake were far more likely to say they would keep eating. Interestingly, this had nothing to do with who had bought it—friends, strangers, or the participants themselves.</p>
</blockquote>
<p>Even when you know what the sunk cost fallacy is, you can always ask for a box to take back home, and eat it later. Or order a shared meal for children who don’t eat everything. This excuse is either in bad faith, or just a logistical problem on your part.</p>
<h2 id="you-are-too-thinyou-should-eat-more-so-that-you-have-all-the-nutrients-you-need"><span class="me-2">You are too thin/You should eat more so that you have all the nutrients you need</span><a href="#you-are-too-thinyou-should-eat-more-so-that-you-have-all-the-nutrients-you-need" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Here we are getting into the pseudo-medical reasons that I was sometimes given. First of all, I should not need to remind anyone that commenting that a person’s body is not as it should be is NEVER a good idea and NEVER going to help that person in any way. When that is told to a child, it has a big impact on how they build their self esteem and body image. Do you really want to be part of the reason someone hates their body?</p>
<p>I understand where the anxiety that kids don’t eat enough comes from. As the <a href="https://healthychildren.org/English/healthy-living/nutrition/Pages/Making-Sure-Your-Child-is-Eating-Enough.aspx">American Academy of Pediatrics</a> tells us, “Some parents worry because young children appear to eat very small amounts of food, especially when compared with adult portions”.
But children never starve themselves: “A child who is growing well is getting enough to eat.”</p>
<p>The key message is that you have to trust your child:</p>
<ul>
<li>How do you know your child is not starving? Ask your child if they are hungry. If they are, give them food. If not, don’t.</li>
<li>How do you know if they have eaten enough? Ask them if they still want to eat.</li>
</ul>
<p>It’s that simple. If it still scares you too much, ask a doctor. If you are scared even if medical professionals tell you it is all right, then the problem is your anxiety, and you need to find solutions for it without harming your child.</p>
<h2 id="you-are-pretending-that-you-are-not-hungry"><span class="me-2">You are pretending that you are not hungry</span><a href="#you-are-pretending-that-you-are-not-hungry" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>Oftentimes when I was a kid, I would tell my parents that my stomach hurts and I can’t eat anymore. 100% of the time, they would assume I was lying to them so that I could stop eating. What would I gain out of not eating enough, that would be worth lying for? I have no idea.</p>
<p>Now let’s do a little thought experiment: Have you ever eaten too much because you have your favorite snack on hand and then felt physically sick, like you were going to throw up because you ate too much. Can you picture it? Is it a bad sensation?</p>
<p>Now imagine that happens to you every day. And not because you are at a special family dinner with your favorite food or anything. It’s on normal days, with everyday food and it’s someone else making you stay at the table for hours on end until you are done with your plate, sometimes reprimanding you or threatening you. What do you think your child’s relationship with food is going to be after that?</p>
<p>When you are not trusting that your child about their sensations, you are telling them that adults can make you feel physical pain and control what happens to your body without your consent. Do you see how that is dangerous?</p>
<p>It tells you that you cannot trust what your body tells you. Unlearning to listen to your sensations is a very dangerous situation. As an adult, I do not listen to my body when it tells me I need to eat, sleep or even pee. I have disconnected many of my sensations from the needs that they are telling me about. Being disconnected from your emotions, having your body and your rational mind not aligned is a big source of stress.</p>
<h2 id="some-closing-thoughts"><span class="me-2">Some closing thoughts</span><a href="#some-closing-thoughts" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>I know this article can sound preachy and moralizing, and that is because I am angry at how much this has been the norm for all my life, everywhere I looked. How this form of abuse was never acknowledged.</p>
<p>I’m not saying raising a child is easy, I’m not saying that building healthy eating habits or letting go of your anxieties around children is easy. I’m not saying you will traumatize your child if you ask them to try to take one more spoonful of the food that’s on their plate. I hope you understand the main message, and that you are able to trust what your child tries to tell you about their body. Because if you tell them you don’t, they won’t trust you when they are sick, they will not tell you if they notice something is off because they believe you will not trust them, like you didn’t trust their other feelings. They won’t remember to drink when they are thirsty, they won’t remember to slow down when they are tired. They will not love their bodies. They will not have to tools to correctly take care of them.</p>
<p>Please take care of your kids, and teach them how to take care of themselves, with love.</p>
</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/food/"
class="post-tag no-text-decoration"
>food</a>
<a
href="/tags/mental-health/"
class="post-tag no-text-decoration"
>mental-health</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/why-should-you-journal/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1674312120"
data-df="ll"
>
Jan 21, 2023
</time>
<h4 class="pt-0 my-2">Why should you try journaling? - Journaling Guide: part 2</h4>
<div class="text-muted">
<p>In the previous post we’ve seen my personal experience with journaling. That should have shown you a pretty good overview of what I get out of journaling, and why I keep coming back to it even afte...</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/what-i-learned-from-journaling/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1673152020"
data-df="ll"
>
Jan 8, 2023
</time>
<h4 class="pt-0 my-2">What I learned from journaling for more than a decade - Journaling guide: part 1</h4>
<div class="text-muted">
<p>In these articles, I will share all my tips and tricks for how to journal, what it brought me and what it can bring you. There is not one perfect way to journal that works for everyone. Journaling ...</p>
</div>
</div>
</a>
</article>
<article class="col">
<a href="/posts/know-my-name/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1664891520"
data-df="ll"
>
Oct 4, 2022
</time>
<h4 class="pt-0 my-2">Know my name: Similarities between coming out as transgender and as a victim of assault</h4>
<div class="text-muted">
<p>Content warning: This article discusses themes of transphobia and sexual assault.
Today I finished reading Know my name, by Chanel Miller. One thing that struck me in the Afterword of the book is ...</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/ils-ne-veulent-pas-etre-tes-amis/"
class="btn btn-outline-primary"
aria-label="Older"
>
<p>Ils ne veulent pas être tes amis</p>
</a>
<a
href="/posts/des-mots-sur-un-muret/"
class="btn btn-outline-primary"
aria-label="Newer"
>
<p>Des mots sur un muret</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