Files
personal-website/public/index.html

421 lines
23 KiB
HTML
Raw 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>
<html lang="en" dir="auto">
<head>
<meta name="generator" content="Hugo 0.121.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&#39;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/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.674698d34dc68c196d77f81c57a85617437575e2a1888613c89cae4f41ab9010.css" integrity="sha256-Z0aY003GjBltd/gcV6hWF0N1deKhiIYTyJyuT0GrkBA=" 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);
--code-block-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><script async defer data-website-id="34ce8dc6-488b-49ee-9a2f-8e70a7009f17" src="https://batman.siddharthagolu.com/batman.js"></script><a rel="me" href="https://fosstodon.org/@thelazyoxymoron" id="mastodon-link"></a>
<style>
.mastodon-link {
display: none;
}
</style>
<meta property="og:title" content="Siddhartha Golu" />
<meta property="og:description" content="Siddhartha&#39;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&#39;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 &#43; /)" 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.webp#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>
</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 viewBox="0 0 360 320" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M180 141.964C163.699 110.262 119.308 51.1817 78.0347 22.044C38.4971 -5.86834 23.414 -1.03207 13.526 3.43594C2.08093 8.60755 0 26.1785 0 36.5164C0 46.8542 5.66748 121.272 9.36416 133.694C21.5786 174.738 65.0603 188.607 105.104 184.156C107.151 183.852 109.227 183.572 111.329 183.312C109.267 183.642 107.19 183.924 105.104 184.156C46.4204 192.847 -5.69621 214.233 62.6582 290.33C137.848 368.18 165.705 273.637 180 225.702C194.295 273.637 210.76 364.771 295.995 290.33C360 225.702 313.58 192.85 254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158C294.94 188.61 338.421 174.74 350.636 133.697C354.333 121.275 360 46.8568 360 36.519C360 26.1811 357.919 8.61012 346.474 3.43851C336.586 -1.02949 321.503 -5.86576 281.965 22.0466C240.692 51.1843 196.301 110.262 180 141.964Z"/>
</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 class="entry-hint-parent">Chup: Breaking the Silence About India&#39;s Women by Deepa Narayan
</h2>
</header>
<div class="entry-content">
<p>A powerful exploration into the psyche of Indian women and how society perpetuates the status quo</p>
</div>
<footer class="entry-footer"><span title='2023-09-03 21:05:39 +0530 IST'>🗓 September 3, 2023</span>&nbsp;·&nbsp;5 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/non-fiction"> non-fiction</a>&nbsp;·&nbsp;<a href="/tags/indian-authors"> indian-authors</a>&nbsp;·&nbsp;<a href="/tags/favourites"> favourites</a>&nbsp;·&nbsp;<a href="/tags/feminism"> feminism</a></footer>
<a class="entry-link" aria-label="post link to Chup: Breaking the Silence About India&#39;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 class="entry-hint-parent">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</p>
</div>
<footer class="entry-footer"><span title='2023-06-21 08:49:32 +0530 IST'>🗓 June 21, 2023</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/non-fiction"> non-fiction</a>&nbsp;·&nbsp;<a href="/tags/audiobook"> audiobook</a>&nbsp;·&nbsp;<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 class="entry-hint-parent">So Good They Can&#39;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-03-29 15:04:13 +0530 IST'>🗓 March 29, 2023</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/non-fiction"> non-fiction</a>&nbsp;·&nbsp;<a href="/tags/productivity"> productivity</a>&nbsp;·&nbsp;<a href="/tags/career-advice"> career-advice</a>&nbsp;·&nbsp;<a href="/tags/fast-food-books"> fast-food-books</a></footer>
<a class="entry-link" aria-label="post link to So Good They Can&#39;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 class="entry-hint-parent">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='2022-09-21 07:35:24 +0530 IST'>🗓 September 21, 2022</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/non-fiction"> non-fiction</a>&nbsp;·&nbsp;<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 class="entry-hint-parent">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='2022-05-01 22:41:55 +0530 IST'>🗓 May 1, 2022</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/foreign-cinema"> foreign-cinema</a>&nbsp;·&nbsp;<a href="/tags/asia"> asia</a>&nbsp;·&nbsp;<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 class="entry-hint-parent">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='2022-04-21 09:04:49 +0530 IST'>🗓 April 21, 2022</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/non-fiction"> non-fiction</a>&nbsp;·&nbsp;<a href="/tags/architecture"> architecture</a>&nbsp;·&nbsp;<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 class="entry-hint-parent">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='2021-11-14 10:46:40 +0530 IST'>🗓 November 14, 2021</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/foreign-cinema"> foreign-cinema</a>&nbsp;·&nbsp;<a href="/tags/asia"> asia</a>&nbsp;·&nbsp;<a href="/tags/minimalism"> minimalism</a>&nbsp;·&nbsp;<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 class="entry-hint-parent">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='2021-09-01 10:43:25 +0530 IST'>🗓 September 1, 2021</span>&nbsp;·&nbsp;4 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/review"> review</a>&nbsp;·&nbsp;<a href="/tags/debating-ethics"> debating-ethics</a>&nbsp;·&nbsp;<a href="/tags/non-fiction"> non-fiction</a>&nbsp;·&nbsp;<a href="/tags/animal-cruelty"> animal-cruelty</a>&nbsp;·&nbsp;<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 class="entry-hint-parent">Shame by Salman Rushdie
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
Now that Ive 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='2021-08-17 22:55:02 +0530 IST'>🗓 August 17, 2021</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/fiction"> fiction</a>&nbsp;·&nbsp;<a href="/tags/favourites"> favourites</a>&nbsp;·&nbsp;<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 class="entry-hint-parent">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='2021-08-14 20:09:56 +0530 IST'>🗓 August 14, 2021</span>&nbsp;·&nbsp;4 min&nbsp;·&nbsp;🔖&nbsp;<a href="/tags/audiobook"> audiobook</a>&nbsp;·&nbsp;<a href="/tags/favourites"> favourites</a>&nbsp;·&nbsp;<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&nbsp;&nbsp;»
</a>
</nav>
</footer>
</main>
<footer class="footer">
<span>&copy; 2024 <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>