blog-static/posts/what-i-learned-from-journaling/index.html
2025-01-05 19:19:38 +00:00

2623 lines
39 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="What I learned from journaling for more than a decade - Journaling guide: part 1" />
<meta name="author" content="Quinn Morrigan" />
<meta property="og:locale" content="en" />
<meta name="description" content="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 is a deeply personal experience, so feel free to adapt, customize and discard any of the tips I give you here." />
<meta property="og:description" content="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 is a deeply personal experience, so feel free to adapt, customize and discard any of the tips I give you here." />
<link rel="canonical" href="https://bookshelf.thequinn.fr/posts/what-i-learned-from-journaling/" />
<meta property="og:url" content="https://bookshelf.thequinn.fr/posts/what-i-learned-from-journaling/" />
<meta property="og:site_name" content="Quinns Bookshelf" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2023-01-08T05:27:00+01:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="What I learned from journaling for more than a decade - Journaling guide: part 1" />
<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-01-08T05:27:00+01:00","datePublished":"2023-01-08T05:27:00+01:00","description":"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 is a deeply personal experience, so feel free to adapt, customize and discard any of the tips I give you here.","headline":"What I learned from journaling for more than a decade - Journaling guide: part 1","mainEntityOfPage":{"@type":"WebPage","@id":"https://bookshelf.thequinn.fr/posts/what-i-learned-from-journaling/"},"url":"https://bookshelf.thequinn.fr/posts/what-i-learned-from-journaling/"}</script>
<!-- End Jekyll SEO tag -->
<title>What I learned from journaling for more than a decade - Journaling guide: part 1 | 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>What I learned from journaling for more than a decade - Journaling guide: part 1</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>What I learned from journaling for more than a decade - Journaling guide: part 1</h1>
<div class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1673152020"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Jan 8, 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="1046 words"
>
<em>5 min</em> read</span>
</div>
</div>
</div>
</header>
<div class="content">
<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 is a deeply personal experience, so feel free to adapt, customize and discard any of the tips I give you here.</p>
<p><strong>What you will find in this series:</strong></p>
<ul>
<li><em>my personal experience with journaling:</em> how I started journaling, what it brought me over the years.</li>
<li>In <em>why should you try journaling?</em> I listed the benefits that journal could give you, as knowing why youre doing something is probably the best way to keep you motivated</li>
<li><em>a quick journaling guide:</em> I tried to list all of the journaling tips I have found in my own practice and online, gathered in a not-too-messy way</li>
<li><em>my journaling “donts”:</em> Here are some misconceptions and expectations that could hold you back in getting started, building consistency or seeing the benefits of journaling</li>
<li><em>resources:</em> Here are some videos and articles which have influenced me and my journaling practice over the years, or could give you other visions, tips and ideas that might work for you</li>
</ul>
<p>Now that weve laid the plans, lets dive into my own journaling experience!</p>
<p>I have been journaling for as long as I can remember.
My first journal was a travel journal, when I was around 5 or 6. At first, I didnt write in first person, instead writing down what my favorite toy was doing, and drawing them (my plush was kind of a boy but sometimes a girl, I wasnt quite sure) at the park and at the swimming pool.<br />
My mother made me keep a journal over our vacations in the US. She sometimes tells me I was very upset every time because I was too tired to write, but she still made me do it.<br />
Someone gifted me a pink disney princesses journal with a little lock and key when I was in primary school. I wrote down what I had done at school, and my reactions to school drama. I think I over-dramatized it for the sake of having something to write.</p>
<p>Then I had a small Donal Duck journal, then one we made at school by binding some sheets of paper together with a wool thread. During that time, I took a break from writing because I couldnt find it in me to write that my grandfather had died, and writing about anything else felt futile. The same thing happened when my grandmother passed away a few years later.</p>
<p>Some time after that, in middle school, I upgraded to beautiful <a href="https://www.paperblanks.com">paperblanks</a> journals. I was inspired by <a href="https://en.wikipedia.org/wiki/Emily_the_Strange">Emily the strange</a> novels to write down my adventures, but was frustrated that my life was very boring so I had nothing to write.<br />
The end of middle school was a hard time for me, and journaling gave me a place to vent and share my interests.<br />
I took a break from writing right after high school, being overwhelmed by my studies, but I journaled a lot in the transitional summer before I entered my engineering school. I journaled as a way to self-soothe, be creative and process my emotions. I wrote a lot about celibacy and self-love in my journal around that time.<br />
Then, during the lockdowns I picked up journaling full speed again.<br />
When I moved to the other side of the ocean, I wanted to capture everything I was living and feeling and wrote almost every day for a few months, which is more than I usually write.<br />
Currently, I write whenever I feel like it, not pressuring myself too much. I know that I always feel better and sleep better when I write right before bed, because it makes it easier to let go of the thoughts that race in my head when I have written them down.</p>
<p>I was lucky in that my family never invaded my privacy or asked me anything about my journals, and were supportive of that activity. However, even knowing that there was a very low risk of anyone reading my notes, I found it hard to be completely honest in my journal about the things I was most ashamed of or that made me feel uncomfortable. I have always been overly self-conscious about future me cringing over what I have written, in an almost paralyzing way, limiting what I allow myself to write. Confronting uncomfortable topics on paper also gives them more substance, makes them more real. Just like when I couldnt write that people had passed away, because writing it down would set it in stone, make it real and irreversible, whereas keeping it as just a thought in my head made it possible to pretend nothing had changed. If I dont write down a certain event or feeling, there is no proof that it ever happened, that I ever felt it. But hiding things unfortunately doesnt make them disappear, and the only way to process them, to grieve or make any progress is to confront them, when the time is right.</p>
<p>I have gotten better at being more honest in my journal recently, although I am not completely there yet. I believe its ok to take your time in confronting certain painful experiences and feelings, and you shouldnt pressure yourself too much in journaling about them. Some things can live only in our heads, and thats okay too.</p>
<p>My writing style changed a lot over the years, from documenting the events of my day towards documenting my emotions and reflections about the world, and writing poetry. Journaling gives me the opportunity to be more honest, open and take a step back to see my patterns of thinking, my blind spots and my beliefs about myself.
When I dont write for a long time, my thoughts feel scattered, messy, disorganized. I worry I will forget things, and I feel like I have too many tabs open in my brain at the same time. It is something I have always, and will always come back to, whenever I want to bring more balance, peacefulness and calm in my life and in my head.</p>
<p><em>See you soon in the next article, where Ill share the reasons you should try journaling.</em></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/journaling/"
class="post-tag no-text-decoration"
>journaling</a>
<a
href="/tags/emotions/"
class="post-tag no-text-decoration"
>emotions</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>
</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/start-journaling/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1674913860"
data-df="ll"
>
Jan 28, 2023
</time>
<h4 class="pt-0 my-2">Everything you need to know to start journaling - Journaling Guide: part 3</h4>
<div class="text-muted">
<p>In this article, I present some guidelines that can help you get started on your own journaling journey. When should you journal? Should you do it digitally or in a physical notebook? Let&#39;s have a ...</p>
</div>
</div>
</a>
</article>
<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 weve 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/journaling-donts/" class="post-preview card h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<time
data-ts="1676639220"
data-df="ll"
>
Feb 17, 2023
</time>
<h4 class="pt-0 my-2">Journaling don'ts - Journaling Guide: part 4</h4>
<div class="text-muted">
<p>In the previous article, weve gone through all the things you can do to help your journaling practice. In this article, well do the opposite, looking at the things you probably shouldnt do or ex...</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/a-warm-memory/"
class="btn btn-outline-primary"
aria-label="Older"
>
<p>There's nothing colder than a warm memory</p>
</a>
<a
href="/posts/why-should-you-journal/"
class="btn btn-outline-primary"
aria-label="Newer"
>
<p>Why should you try journaling? - Journaling Guide: part 2</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"></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>