mirror of
https://gitlab.com/thelazyoxymoron/siddhartha-golu-website.git
synced 2025-07-27 04:47:59 +02:00
419 lines
23 KiB
HTML
419 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="auto">
|
||
|
||
<head>
|
||
<meta name="generator" content="Hugo 0.118.2"><meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="robots" content="index, follow">
|
||
<title>Siddhartha Golu</title>
|
||
<meta name="keywords" content="Blog, Portfolio, Minimal, Digital-Garden, Siddhartha, Siddhartha Golu">
|
||
<meta name="description" content="Siddhartha's digital garden. This is the preferred dumping ground for my thoughts about books, cinema and life in general.">
|
||
<meta name="author" content="Siddhartha Golu">
|
||
<link rel="canonical" href="https://www.siddharthagolu.com/">
|
||
<script async defer data-website-id="34ce8dc6-488b-49ee-9a2f-8e70a7009f17" src="https://batman.siddharthagolu.com/batman.js"></script>
|
||
<link crossorigin="anonymous" href="/assets/css/stylesheet.4f5576b27f1a8ee2d1559082cedf1e9ca257ea9b767d9780cb0718c2435f78e5.css" integrity="sha256-T1V2sn8ajuLRVZCCzt8enKJX6pt2fZeAywcYwkNfeOU=" rel="preload stylesheet" as="style">
|
||
<link rel="icon" href="https://www.siddharthagolu.com/favicon.ico">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="https://www.siddharthagolu.com/favicon-16x16.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="https://www.siddharthagolu.com/favicon-32x32.png">
|
||
<link rel="apple-touch-icon" href="https://www.siddharthagolu.com/apple-touch-icon.png">
|
||
<link rel="mask-icon" href="https://www.siddharthagolu.com/safari-pinned-tab.svg">
|
||
<meta name="theme-color" content="#2e2e33">
|
||
<meta name="msapplication-TileColor" content="#2e2e33">
|
||
<link rel="alternate" type="application/rss+xml" href="https://www.siddharthagolu.com/index.xml">
|
||
<link rel="alternate" type="application/json" href="https://www.siddharthagolu.com/index.json">
|
||
<noscript>
|
||
<style>
|
||
#theme-toggle,
|
||
.top-link {
|
||
display: none;
|
||
}
|
||
|
||
</style>
|
||
<style>
|
||
@media (prefers-color-scheme: dark) {
|
||
:root {
|
||
--theme: rgb(29, 30, 32);
|
||
--entry: rgb(46, 46, 51);
|
||
--primary: rgb(218, 218, 219);
|
||
--secondary: rgb(155, 156, 157);
|
||
--tertiary: rgb(65, 66, 68);
|
||
--content: rgb(196, 196, 197);
|
||
--hljs-bg: rgb(46, 46, 51);
|
||
--code-bg: rgb(55, 56, 62);
|
||
--border: rgb(51, 51, 51);
|
||
}
|
||
|
||
.list {
|
||
background: var(--theme);
|
||
}
|
||
|
||
.list:not(.dark)::-webkit-scrollbar-track {
|
||
background: 0 0;
|
||
}
|
||
|
||
.list:not(.dark)::-webkit-scrollbar-thumb {
|
||
border-color: var(--theme);
|
||
}
|
||
}
|
||
|
||
</style>
|
||
</noscript><!-- isso -->
|
||
<script data-isso="https://comments.siddharthagolu.com/" src="https://comments.siddharthagolu.com/js/embed.min.js"></script>
|
||
<!-- end isso -->
|
||
<meta property="og:title" content="Siddhartha Golu" />
|
||
<meta property="og:description" content="Siddhartha's digital garden. This is the preferred dumping ground for my thoughts about books, cinema and life in general." />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://www.siddharthagolu.com/" /><meta property="og:image" content="https://www.siddharthagolu.com/images/Love_for_mountains.jpeg"/><meta property="og:site_name" content="Siddhartha Golu" />
|
||
|
||
<meta name="twitter:card" content="summary_large_image"/>
|
||
<meta name="twitter:image" content="https://www.siddharthagolu.com/images/Love_for_mountains.jpeg"/>
|
||
|
||
<meta name="twitter:title" content="Siddhartha Golu"/>
|
||
<meta name="twitter:description" content="Siddhartha's digital garden. This is the preferred dumping ground for my thoughts about books, cinema and life in general."/>
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Organization",
|
||
"name": "Siddhartha Golu",
|
||
"url": "https://www.siddharthagolu.com/",
|
||
"description": "Siddhartha\u0026#39;s digital garden. This is the preferred dumping ground for my thoughts about books, cinema and life in general.",
|
||
"thumbnailUrl": "https://www.siddharthagolu.com/favicon.ico",
|
||
"sameAs": [
|
||
"https://www.goodreads.com/siddharthagolu", "https://flickr.com/photos/thelazyoxymoron/", "https://bsky.app/profile/siddharthagolu.com", "https://letterboxd.com/Carte_Blanche/", "https://www.linkedin.com/in/siddharthagolu/"
|
||
]
|
||
}
|
||
</script>
|
||
</head>
|
||
|
||
<body class="list" id="top">
|
||
<script>
|
||
if (localStorage.getItem("pref-theme") === "dark") {
|
||
document.body.classList.add('dark');
|
||
} else if (localStorage.getItem("pref-theme") === "light") {
|
||
document.body.classList.remove('dark')
|
||
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||
document.body.classList.add('dark');
|
||
}
|
||
|
||
</script>
|
||
|
||
<header class="header">
|
||
<nav class="nav">
|
||
<div class="logo">
|
||
<a href="https://www.siddharthagolu.com/" accesskey="h" title="Siddhartha Golu (Alt + H)">
|
||
<img src="https://www.siddharthagolu.com/apple-touch-icon.png" alt="" aria-label="logo"
|
||
height="30">Siddhartha Golu</a>
|
||
<div class="logo-switches">
|
||
<button id="theme-toggle" accesskey="t" title="(Alt + T)">
|
||
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
|
||
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||
stroke-linejoin="round">
|
||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
||
</svg>
|
||
<svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="0 0 24 24"
|
||
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||
stroke-linejoin="round">
|
||
<circle cx="12" cy="12" r="5"></circle>
|
||
<line x1="12" y1="1" x2="12" y2="3"></line>
|
||
<line x1="12" y1="21" x2="12" y2="23"></line>
|
||
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
||
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
||
<line x1="1" y1="12" x2="3" y2="12"></line>
|
||
<line x1="21" y1="12" x2="23" y2="12"></line>
|
||
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
||
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<ul id="menu">
|
||
<li>
|
||
<a href="https://www.siddharthagolu.com/about" title="About">
|
||
<span>About</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://www.siddharthagolu.com/archive" title="Archive">
|
||
<span>Archive</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://www.siddharthagolu.com/categories" title="Categories">
|
||
<span>Categories</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://www.siddharthagolu.com/tags/" title="Tags">
|
||
<span>Tags</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://www.siddharthagolu.com/search/" title="Search (Alt + /)" accesskey=/>
|
||
<span>Search</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<main class="main">
|
||
<article class="first-entry home-info">
|
||
<header class="entry-header">
|
||
<h1></h1>
|
||
</header>
|
||
<div class="entry-content">
|
||
<ul>
|
||
<li><img loading="lazy" src="/images/self-v2.jpg#center" alt="Self" title="Self" />
|
||
</li>
|
||
<li></li>
|
||
<li>Welcome to the preferred dumping ground for my thoughts.</li>
|
||
<li></li>
|
||
<li>I write about <a href="/categories/book-notes">books</a>, <a href="/categories/cinema">cinema</a>, <a href="/categories/poetry">life</a> and <a href="/categories/technical">engineering</a>, whenever I can carve some time off from <a href="https://www.one800.help/">building One800</a>. Feel free to jump into the recent posts below, or start with some <a href="/categories/til">byte sized TILs</a>.</li>
|
||
<li></li>
|
||
<li>I post my random, unstructured blurbs on <a href="https://bsky.app/profile/siddharthagolu.com">Bluesky</a> (currently invite only, hit me up if you want to get in).</li>
|
||
</ul>
|
||
|
||
</div>
|
||
<footer class="entry-footer">
|
||
<div class="social-icons">
|
||
<a href="https://www.goodreads.com/siddharthagolu" target="_blank" rel="noopener noreferrer me" title="Goodreads">
|
||
<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="currentColor" viewBox="0 0 24 24">
|
||
<path
|
||
d="M11.43 23.995c-3.608-.208-6.274-2.077-6.448-5.078.695.007 1.375-.013 2.07-.006.224 1.342 1.065 2.43 2.683 3.026 1.583.496 3.737.46 5.082-.174 1.351-.636 2.145-1.822 2.503-3.577.212-1.042.236-1.734.231-2.92l-.005-1.631h-.059c-1.245 2.564-3.315 3.53-5.59 3.475-5.74-.054-7.68-4.534-7.528-8.606.01-5.241 3.22-8.537 7.557-8.495 2.354-.14 4.605 1.362 5.554 3.37l.059.002.002-2.918 2.099.004-.002 15.717c-.193 7.04-4.376 7.89-8.209 7.811zm6.1-15.633c-.096-3.26-1.601-6.62-5.503-6.645-3.954-.017-5.625 3.592-5.604 6.85-.013 3.439 1.643 6.305 4.703 6.762 4.532.591 6.551-3.411 6.404-6.967z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://flickr.com/photos/thelazyoxymoron/" target="_blank" rel="noopener noreferrer me" title="Flickr">
|
||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
||
<path
|
||
d="M5.334 6.666C2.3884 6.666 0 9.055 0 12c0 2.9456 2.3884 5.334 5.334 5.334 2.9456 0 5.332-2.3884 5.332-5.334 0-2.945-2.3864-5.334-5.332-5.334zm13.332 0c-2.9456 0-5.332 2.389-5.332 5.334 0 2.9456 2.3864 5.334 5.332 5.334C21.6116 17.334 24 14.9456 24 12c0-2.945-2.3884-5.334-5.334-5.334Z" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://bsky.app/profile/siddharthagolu.com" target="_blank" rel="noopener noreferrer me" title="Bluesky">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||
stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
|
||
<path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="https://letterboxd.com/Carte_Blanche/" target="_blank" rel="noopener noreferrer me" title="Letterboxd">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"fill="currentColor">
|
||
<path d="M11.052 22.339V9.599H8.729V6.401h8.438v3.198h-2.328v12.766h5.234v-3.49h3.781v6.724H8.729v-3.26zM0 16c0 8.839 7.161 16 16 16s16-7.161 16-16S24.839 0 16 0S0 7.161 0 16z"/>
|
||
</svg>
|
||
</a>
|
||
<a href="https://www.linkedin.com/in/siddharthagolu/" target="_blank" rel="noopener noreferrer me" title="LinkedIn">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||
stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
|
||
<rect x="2" y="9" width="4" height="12"></rect>
|
||
<circle cx="4" cy="4" r="2"></circle>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
</footer>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>Chup: Breaking the Silence About India's Women by Deepa Narayan
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>Check it out on Goodreads
|
||
It’s a uniquely strange experience, when you try to put yourself into others’ shoes. It feels fake, dishonest even, to say that you “understand” how the other person must be feeling. Empathy can be a strong force, but it can never be a substitute for the original feeling. A caucasian man can never feel what an African-American man must be living with, day in and day out....</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-09-03 21:25:39 +0530 IST'>🔄 September 3, 2023</span> 5 min 🔖 <a href="/tags/non-fiction"> non-fiction</a> · <a href="/tags/indian-authors"> indian-authors</a> · <a href="/tags/favourites"> favourites</a> · <a href="/tags/feminism"> feminism</a></footer>
|
||
<a class="entry-link" aria-label="post link to Chup: Breaking the Silence About India's Women by Deepa Narayan" href="https://www.siddharthagolu.com/posts/reading/chup-deepa-narayan/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>Empire of Pain: The Secret History of the Sackler Dynasty
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>If you want to understand how the opioid crisis began, read this. Recommended.</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-23 08:59:39 +0530 IST'>🔄 June 23, 2023</span> 1 min 🔖 <a href="/tags/non-fiction"> non-fiction</a> · <a href="/tags/audiobook"> audiobook</a> · <a href="/tags/public-health"> public-health</a></footer>
|
||
<a class="entry-link" aria-label="post link to Empire of Pain: The Secret History of the Sackler Dynasty" href="https://www.siddharthagolu.com/posts/reading/empire-of-pain/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>So Good They Can't Ignore You - Cal Newport
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>A series of blog posts that unfortunately became a book. Not recommended.</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-04-05 00:25:21 +0530 IST'>🔄 April 5, 2023</span> 2 min 🔖 <a href="/tags/non-fiction"> non-fiction</a> · <a href="/tags/productivity"> productivity</a> · <a href="/tags/career-advice"> career-advice</a> · <a href="/tags/fast-food-books"> fast-food-books</a></footer>
|
||
<a class="entry-link" aria-label="post link to So Good They Can't Ignore You - Cal Newport" href="https://www.siddharthagolu.com/posts/reading/so-good-newport/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>Four Thousand Weeks: Time Management for Mortals by Oliver Burkeman
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>A book about time and our relationship with it. Recommended.</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-23 00:36:16 +0530 IST'>🔄 June 23, 2023</span> 2 min 🔖 <a href="/tags/non-fiction"> non-fiction</a> · <a href="/tags/productivity"> productivity</a></footer>
|
||
<a class="entry-link" aria-label="post link to Four Thousand Weeks: Time Management for Mortals by Oliver Burkeman" href="https://www.siddharthagolu.com/posts/reading/four-thousand-weeks/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>After Life (1998) by Hirokazu Kore-eda
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>An interesting take on life, seen through the lens of afterlife. Highly recommended!</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-17 10:04:01 +0530 IST'>🔄 June 17, 2023</span> 2 min 🔖 <a href="/tags/foreign-cinema"> foreign-cinema</a> · <a href="/tags/asia"> asia</a> · <a href="/tags/favourites"> favourites</a></footer>
|
||
<a class="entry-link" aria-label="post link to After Life (1998) by Hirokazu Kore-eda" href="https://www.siddharthagolu.com/posts/cinema/after-life/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>Life Between Buildings by Jan Gehl
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>A gentle introduction to the study of buildings and the way they enable societal interactions.</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-23 00:36:16 +0530 IST'>🔄 June 23, 2023</span> 1 min 🔖 <a href="/tags/non-fiction"> non-fiction</a> · <a href="/tags/architecture"> architecture</a> · <a href="/tags/society"> society</a></footer>
|
||
<a class="entry-link" aria-label="post link to Life Between Buildings by Jan Gehl" href="https://www.siddharthagolu.com/posts/reading/life-between-buildings/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>3 Iron (2004) by Kim Ki-duk
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>A film where everything is conveyed through glances.</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-17 10:04:01 +0530 IST'>🔄 June 17, 2023</span> 1 min 🔖 <a href="/tags/foreign-cinema"> foreign-cinema</a> · <a href="/tags/asia"> asia</a> · <a href="/tags/minimalism"> minimalism</a> · <a href="/tags/favourites"> favourites</a></footer>
|
||
<a class="entry-link" aria-label="post link to 3 Iron (2004) by Kim Ki-duk" href="https://www.siddharthagolu.com/posts/cinema/3-iron/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>The Way We Eat: Why Our Food Choices Matter by Peter Singer
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>The ethical dilemma of eating. Highly recommended!</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-23 00:36:16 +0530 IST'>🔄 June 23, 2023</span> 4 min 🔖 <a href="/tags/review"> review</a> · <a href="/tags/debating-ethics"> debating-ethics</a> · <a href="/tags/non-fiction"> non-fiction</a> · <a href="/tags/animal-cruelty"> animal-cruelty</a> · <a href="/tags/favourites"> favourites</a></footer>
|
||
<a class="entry-link" aria-label="post link to The Way We Eat: Why Our Food Choices Matter by Peter Singer" href="https://www.siddharthagolu.com/posts/reading/the-way-we-eat/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>Shame by Salman Rushdie
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>Check it out on Goodreads
|
||
Now that I’ve moved away from reading fiction, I find that I face a lot of inertia to pick up something purely for pleasure. Maybe this is a nasty by-product of wanting to be as “productive” as possible. But the more I have drifted away from reading for pleasure, more mechanical the whole process has become for me. Partly to avoid this feeling, and partly because of my shame at seeing my bookshelf filled with dusty unread books, I picked up this one to assuage my feelings of guilt....</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-23 00:36:16 +0530 IST'>🔄 June 23, 2023</span> 2 min 🔖 <a href="/tags/fiction"> fiction</a> · <a href="/tags/favourites"> favourites</a> · <a href="/tags/indian-authors"> indian-authors</a></footer>
|
||
<a class="entry-link" aria-label="post link to Shame by Salman Rushdie" href="https://www.siddharthagolu.com/posts/reading/shame-rushdie/"></a>
|
||
</article>
|
||
|
||
<article class="post-entry">
|
||
<header class="entry-header">
|
||
<h2>What I Talk About When I Talk About Running by Haruki Murakami
|
||
</h2>
|
||
</header>
|
||
<div class="entry-content">
|
||
<p>Check it out on Goodreads
|
||
Pain is inevitable, suffering is optional.
|
||
I have no affinity for running, even for short jogs, and much less for wanting to run long distances. Although this is not because I hate exercises - one of those rare things that I figured out early in life was my desire to remain healthy as long as possible and that of course means I need to keep myself fit - but probably my distaste for running stems from the monotonous nature of the activity....</p>
|
||
</div>
|
||
<footer class="entry-footer"><span title='2023-06-23 00:36:16 +0530 IST'>🔄 June 23, 2023</span> 4 min 🔖 <a href="/tags/audiobook"> audiobook</a> · <a href="/tags/favourites"> favourites</a> · <a href="/tags/health"> health</a></footer>
|
||
<a class="entry-link" aria-label="post link to What I Talk About When I Talk About Running by Haruki Murakami" href="https://www.siddharthagolu.com/posts/reading/running-murakami/"></a>
|
||
</article>
|
||
<footer class="page-footer">
|
||
<nav class="pagination">
|
||
<a class="next" href="https://www.siddharthagolu.com/page/2/">Next »
|
||
</a>
|
||
</nav>
|
||
</footer>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<span>© 2023 <a href="https://www.siddharthagolu.com/">Siddhartha Golu</a></span>
|
||
<span>
|
||
Powered by
|
||
<a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
|
||
<a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
|
||
</span>
|
||
</footer>
|
||
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
|
||
<path d="M12 6H0l6-6z" />
|
||
</svg>
|
||
</a>
|
||
|
||
<script>
|
||
let menu = document.getElementById('menu')
|
||
if (menu) {
|
||
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
|
||
menu.onscroll = function () {
|
||
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
|
||
}
|
||
}
|
||
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener("click", function (e) {
|
||
e.preventDefault();
|
||
var id = this.getAttribute("href").substr(1);
|
||
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
||
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
|
||
behavior: "smooth"
|
||
});
|
||
} else {
|
||
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
|
||
}
|
||
if (id === "top") {
|
||
history.replaceState(null, null, " ");
|
||
} else {
|
||
history.pushState(null, null, `#${id}`);
|
||
}
|
||
});
|
||
});
|
||
|
||
</script>
|
||
<script>
|
||
var mybutton = document.getElementById("top-link");
|
||
window.onscroll = function () {
|
||
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
|
||
mybutton.style.visibility = "visible";
|
||
mybutton.style.opacity = "1";
|
||
} else {
|
||
mybutton.style.visibility = "hidden";
|
||
mybutton.style.opacity = "0";
|
||
}
|
||
};
|
||
|
||
</script>
|
||
<script>
|
||
document.getElementById("theme-toggle").addEventListener("click", () => {
|
||
if (document.body.className.includes("dark")) {
|
||
document.body.classList.remove('dark');
|
||
localStorage.setItem("pref-theme", 'light');
|
||
} else {
|
||
document.body.classList.add('dark');
|
||
localStorage.setItem("pref-theme", 'dark');
|
||
}
|
||
})
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|