sid/personal-website
1
0
Fork 0
mirror of https://gitlab.com/thelazyoxymoron/siddhartha-golu-website.git synced 2025-07-27 08:57:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

change the homepage layout and some post contents layout

Browse Source
This commit is contained in:
Siddhartha
2023-03-19 23:30:25 +05:30
parent f4b2eed313
commit 4c40ddcb50
150 changed files with 4028 additions and 2470 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/page/1/index.html
View File

@@ -1 +1,10 @@
<!DOCTYPE html><html><head><title>https://thelazyoxymoron.me/</title><link rel="canonical" href="https://thelazyoxymoron.me/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://thelazyoxymoron.me/" /></head></html>
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>https://thelazyoxymoron.me/</title>
<link rel="canonical" href="https://thelazyoxymoron.me/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=https://thelazyoxymoron.me/">
</head>
</html>

357
public/page/2/index.html Normal file
View File

@@ -0,0 +1,357 @@
<!DOCTYPE html>
<html lang="en" dir="auto">
<head>
<meta name="generator" content="Hugo 0.110.0"><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>The Lazy Oxymoron</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://thelazyoxymoron.me/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.6a98292fb8fa8cf0f3ba4042d4b75515c04267550f3ad49ff6271b5af9562443.css" integrity="sha256-apgpL7j6jPDzukBC1LdVFcBCZ1UPOtSf9icbWvlWJEM=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://thelazyoxymoron.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://thelazyoxymoron.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://thelazyoxymoron.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://thelazyoxymoron.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://thelazyoxymoron.me/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://thelazyoxymoron.me/index.xml">
<link rel="alternate" type="application/json" href="https://thelazyoxymoron.me/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><meta property="og:title" content="The Lazy Oxymoron" />
<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://thelazyoxymoron.me/" /><meta property="og:image" content="https://thelazyoxymoron.me/images/Love_for_mountains.jpeg"/><meta property="og:site_name" content="The Lazy Oxymoron" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://thelazyoxymoron.me/images/Love_for_mountains.jpeg"/>
<meta name="twitter:title" content="The Lazy Oxymoron"/>
<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": "The Lazy Oxymoron",
"url": "https://thelazyoxymoron.me/",
"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://thelazyoxymoron.me/favicon.ico",
"sameAs": [
"https://www.goodreads.com/thelazyoxymoron", "https://flickr.com/photos/thelazyoxymoron/", "https://twitter.com/thelazyoxymoron/", "https://letterboxd.com/Carte_Blanche/", "https://www.linkedin.com/in/thelazyoxymoron/"
]
}
</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://thelazyoxymoron.me/" accesskey="h" title="The Lazy Oxymoron (Alt + H)">The Lazy Oxymoron</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://thelazyoxymoron.me/archives" title="Archive">
<span>Archive</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/categories" title="Categories">
<span>Categories</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/tags/" title="Tags">
<span>Tags</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/search/" title="Search (Alt &#43; /)" accesskey=/>
<span>Search</span>
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<article class="post-entry">
<header class="entry-header">
<h2>Once Upon a Time in Anatolia (2011) by Nuri Bilge Ceylan
</h2>
</header>
<div class="entry-content">
<p>Verdict: ★ ★ ★ ★ ☆ Check it out on Letterboxd
A slow, methodical display of patience and absurdity juxtaposed on the vast landscape, this film has something else going for it. When you read the synopsis or look at the posters, you expect a certain police procedural drama - the kind of which you’ve been accustomed to till date. What you get is a completely different take on the trope....</p>
</div>
<footer class="entry-footer"><span title='2021-02-07 22:44:49 +0530 IST'>February 7, 2021</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Once Upon a Time in Anatolia (2011) by Nuri Bilge Ceylan" href="https://thelazyoxymoron.me/posts/cinema/anatolia/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Riding Solo to the Top of the World (2006) by Gaurav Jani
</h2>
</header>
<div class="entry-content">
<p>Verdict: ★ ★ ★ ★ ★ Check it out on Letterboxd
Motorcycling community is laden with fist-pumping-muscle-bulging-neckbeardy-speed-ninjas-Harley-fans, and it usually gets a bad rap all across the world. Gaurav Jani is none of these things. His passion and humility and curious nature reminded me why I loved biking in the first place. This is a must-watch for anyone fascinated with two wheels and the places they enable you to visit.</p>
</div>
<footer class="entry-footer"><span title='2021-01-03 22:53:01 +0530 IST'>January 3, 2021</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Riding Solo to the Top of the World (2006) by Gaurav Jani" href="https://thelazyoxymoron.me/posts/cinema/riding-solo/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Waking Life (2001) by Richard Linklater
</h2>
</header>
<div class="entry-content">
<p>Verdict: ★ ★ ★ ☆ ☆ Check it out on Letterboxd
There are films which you wish you had watched earlier in life, and there are others which don’t make sense until you have had your fair share of world experiences. Waking Life falls in the former category.
The college sophomore me would have been really excited about discussing vague notions of self and freedom and free will and morality and dreams - and don’t get me wrong, mid-twenties me is equally as excited about these things as my former self, if not more so - but the problem lies in the superficiality of it all....</p>
</div>
<footer class="entry-footer"><span title='2020-11-27 22:57:50 +0530 IST'>November 27, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Waking Life (2001) by Richard Linklater" href="https://thelazyoxymoron.me/posts/cinema/waking-life/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Azadi by Arundhati Roy
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
I don’t have a lot of friends who are supporters of the ruling BJP (well at least the ones who have disclosed it publicly), and consequently whenever the conversation shifts towards the ongoings in India, more often than not, we find ourselves agreeing with each other. Although this is perfectly alright for me on most days, on few ocaasions, I find a shadow of a doubt slowly creeping up inside - what if I’m living inside a bubble, an echo-chamber where I only get exposed to the ideas which I already hold to be true, especially relevant now that everything in our lives are getting regulated by algorithms....</p>
</div>
<footer class="entry-footer"><span title='2020-09-30 22:22:13 +0530 IST'>September 30, 2020</span>&nbsp;·&nbsp;4 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Azadi by Arundhati Roy" href="https://thelazyoxymoron.me/posts/reading/azadi/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Stoner by John Williams
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
Reading fiction has always been a double-edged sword for me. Some of the most intimate moments I’ve spent alone is while reading fictional stories, while at the same time, feeling a pang of disappointment for myself because I wasn’t doing anything “productive.” Is this mere entertainment? Am I just escaping my real-life responsibilities and reading stories of make-believe? While I still haven’t found sincere answers to these questions, I’ve grown more confident of what I enjoy and what I don’t, which has consequently helped me find peace with this conflict....</p>
</div>
<footer class="entry-footer"><span title='2020-06-28 19:45:36 +0530 IST'>June 28, 2020</span>&nbsp;·&nbsp;5 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Stoner by John Williams" href="https://thelazyoxymoron.me/posts/reading/stoner/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>A Beautiful Woman
</h2>
</header>
<div class="entry-content">
<p>I don’t know why, but I liked the eyes-only version more. Linked below is the work-in-progress sketch:</p>
</div>
<footer class="entry-footer"><span title='2020-06-09 17:26:51 +0530 IST'>June 9, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to A Beautiful Woman" href="https://thelazyoxymoron.me/posts/drawings/a-beautiful-woman/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Martin Freeman
</h2>
</header>
<div class="entry-content">
<p>I used to be obsessed with Sherlock (the HBO show) during the time it aired, and part of my fascination was with Martin Freeman here, who so brilliantly played the role of Watson.</p>
</div>
<footer class="entry-footer"><span title='2020-06-09 17:20:16 +0530 IST'>June 9, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Martin Freeman" href="https://thelazyoxymoron.me/posts/drawings/martin-freeman/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Einstein
</h2>
</header>
<div class="entry-content">
<p>I have a particular affinity towards this sketch as I was very apprehensive about attempting Einstein, his face had much more complexity than what I usually dealt with, but it turned out good enough in the end.</p>
</div>
<footer class="entry-footer"><span title='2020-06-09 17:14:48 +0530 IST'>June 9, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Einstein" href="https://thelazyoxymoron.me/posts/drawings/einstein/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Mother Teresa
</h2>
</header>
<div class="entry-content">
<p>Completely botched this drawing, but it reminds me of the drawing streak I used to have back when I was in my hometown during college vacations.</p>
</div>
<footer class="entry-footer"><span title='2020-06-09 17:09:43 +0530 IST'>June 9, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;siddhartha</footer>
<a class="entry-link" aria-label="post link to Mother Teresa" href="https://thelazyoxymoron.me/posts/drawings/teresa/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Charlie Chaplin (um... not quite)
</h2>
</header>
<div class="entry-content">
<p>I was either on acid or I had watched a sad movie before attempting this piece. A strange juxtaposition of Chaplin and Hitler.</p>
</div>
<footer class="entry-footer"><span title='2020-06-09 17:01:36 +0530 IST'>June 9, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;siddhartha</footer>
<a class="entry-link" aria-label="post link to Charlie Chaplin (um... not quite)" href="https://thelazyoxymoron.me/posts/drawings/chaplin/"></a>
</article>
<footer class="page-footer">
<nav class="pagination">
<a class="prev" href="https://thelazyoxymoron.me/">
«&nbsp;Prev&nbsp;
</a>
<a class="next" href="https://thelazyoxymoron.me/page/3/">Next&nbsp;&nbsp;»
</a>
</nav>
</footer>
</main>
<footer class="footer">
<span>&copy; 2023 <a href="https://thelazyoxymoron.me/">The Lazy Oxymoron</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>

373
public/page/3/index.html Normal file
View File

@@ -0,0 +1,373 @@
<!DOCTYPE html>
<html lang="en" dir="auto">
<head>
<meta name="generator" content="Hugo 0.110.0"><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>The Lazy Oxymoron</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://thelazyoxymoron.me/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.6a98292fb8fa8cf0f3ba4042d4b75515c04267550f3ad49ff6271b5af9562443.css" integrity="sha256-apgpL7j6jPDzukBC1LdVFcBCZ1UPOtSf9icbWvlWJEM=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://thelazyoxymoron.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://thelazyoxymoron.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://thelazyoxymoron.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://thelazyoxymoron.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://thelazyoxymoron.me/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://thelazyoxymoron.me/index.xml">
<link rel="alternate" type="application/json" href="https://thelazyoxymoron.me/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><meta property="og:title" content="The Lazy Oxymoron" />
<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://thelazyoxymoron.me/" /><meta property="og:image" content="https://thelazyoxymoron.me/images/Love_for_mountains.jpeg"/><meta property="og:site_name" content="The Lazy Oxymoron" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://thelazyoxymoron.me/images/Love_for_mountains.jpeg"/>
<meta name="twitter:title" content="The Lazy Oxymoron"/>
<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": "The Lazy Oxymoron",
"url": "https://thelazyoxymoron.me/",
"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://thelazyoxymoron.me/favicon.ico",
"sameAs": [
"https://www.goodreads.com/thelazyoxymoron", "https://flickr.com/photos/thelazyoxymoron/", "https://twitter.com/thelazyoxymoron/", "https://letterboxd.com/Carte_Blanche/", "https://www.linkedin.com/in/thelazyoxymoron/"
]
}
</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://thelazyoxymoron.me/" accesskey="h" title="The Lazy Oxymoron (Alt + H)">The Lazy Oxymoron</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://thelazyoxymoron.me/archives" title="Archive">
<span>Archive</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/categories" title="Categories">
<span>Categories</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/tags/" title="Tags">
<span>Tags</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/search/" title="Search (Alt &#43; /)" accesskey=/>
<span>Search</span>
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<article class="post-entry">
<header class="entry-header">
<h2>Gandhi
</h2>
</header>
<div class="entry-content">
<p>My first attempt at drawing after dabbling in caricature pieces in my childhood :)</p>
</div>
<footer class="entry-footer"><span title='2020-06-09 16:51:23 +0530 IST'>June 9, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Gandhi" href="https://thelazyoxymoron.me/posts/drawings/gandhi/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Oslo, August 31st (2011) by Joachim Trier
</h2>
</header>
<div class="entry-content">
<p>Verdict: ★ ★ ★ ★ ☆ Check out this review on Letterboxd
Anhedonia. The Wikipedia entry for this word says:
a diverse array of deficits in hedonic function, including reduced motivation or ability to experience pleasure.
At one point or another, we have all experienced some version of this phenomenon - may be characterized by an oversaturation of love, or caused by a prolonged mediocrity in life, or as in the case of our protagonist here, the complete loss of will and motivation to feel anything....</p>
</div>
<footer class="entry-footer"><span title='2020-06-04 14:39:00 +0530 IST'>June 4, 2020</span>&nbsp;·&nbsp;4 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Oslo, August 31st (2011) by Joachim Trier" href="https://thelazyoxymoron.me/posts/cinema/oslo-august/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Bad Blood by John Carreyrou
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
How to fool the world and become a Billionaire I remember hearing about Elizabeth Holmes when I was in my late teens, at that impressionable age when you get hyper-inspired by reading about icons that are going to change the world. There was a profile of her in Wired, with an eye-catching image of her wearing a turtleneck black sweater holding what looked like a test-tube with a tiny amount of blood with a science-y background....</p>
</div>
<footer class="entry-footer"><span title='2020-05-01 23:39:18 +0530 IST'>May 1, 2020</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Bad Blood by John Carreyrou" href="https://thelazyoxymoron.me/posts/reading/bad-blood/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Fear
</h2>
</header>
<div class="entry-content">
<p>Check it out on Instagram
I’m scared.
No, not because there’s a pandemic going on,
even though that itself is enough
to make one lose their mind.
There’s another deadly virus crawling
its way into my whole being.
Slowly eating away at my sanity,
feasting on my thoughts,
mutating inside my head as if a colony of ants was given
an open invitation to a room full of sugary syrup....</p>
</div>
<footer class="entry-footer"><span title='2020-04-25 23:45:30 +0530 IST'>April 25, 2020</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Fear" href="https://thelazyoxymoron.me/posts/scared-in-lockdown/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Waking Up by Sam Harris
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
A disappointing jumble of thoughts Disappointed.
I am an atheist interested in the power of mindfulness and the whole world of so-called spirituality, so naturally, I am the ideal audience that Sam Harris is looking for. But it disappointed in almost every domain that I had expectations in. Using deep-sounding difficult words and wrapping them in an almost mythical aura of “Consciousness”, this one was a huge letdown....</p>
</div>
<footer class="entry-footer"><span title='2020-04-15 23:31:08 +0530 IST'>April 15, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Waking Up by Sam Harris" href="https://thelazyoxymoron.me/posts/reading/waking-up/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Glimpses of World History by Jawaharlal Nehru
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
World history in a nutshell More than 1100 pages, this behemoth of a book still fails to capture the whole essence of world history - and rightly so. How can you combine over 2000 years of human history and still do justice to every element? But the unique manner in which this book - or more appropriately, collection of letters - has been written, it shines brightly amongst the plethora of history books you can find on this vast subject of world history....</p>
</div>
<footer class="entry-footer"><span title='2020-03-12 23:23:19 +0530 IST'>March 12, 2020</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Glimpses of World History by Jawaharlal Nehru" href="https://thelazyoxymoron.me/posts/reading/glimpses-of-world-history/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>The Darjeeling Limited (2007) by Wes Anderson
</h2>
</header>
<div class="entry-content">
<p>Verdict: ★ ★ ★ ☆ ☆ Check out this review on Letterboxd
You can spot Wes Anderson trademark from a mile ago, although this is the only movie by him which left me dissatisfied. The unique and swift camera movements are still there, the colors still pop out like from another universe, the absurd comic timings still bring a smile to your face - but you won’t feel the kind of personal emotional investment into the characters like you would in the rest of his filmography....</p>
</div>
<footer class="entry-footer"><span title='2020-03-04 23:01:15 +0530 IST'>March 4, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to The Darjeeling Limited (2007) by Wes Anderson" href="https://thelazyoxymoron.me/posts/cinema/darjeeling/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Reasons to Stay Alive by Matt Haig
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
Reasons you should read this book:
If you’ve ever had a panic attack. If you’ve ever counted the number of times the ceiling fan rotates, just so you could avoid dealing with the endless voices in your head. If you’ve ever felt ashamed to admit that you might be suffering from the D-word. If reading about personal stories of how people overcame their mental illnesses soothes you....</p>
</div>
<footer class="entry-footer"><span title='2020-01-28 22:28:18 +0530 IST'>January 28, 2020</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Reasons to Stay Alive by Matt Haig" href="https://thelazyoxymoron.me/posts/reading/reasons-to-stay-alive/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>How to Listen to and Understand Great Music by Robert Greenberg
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
I have been a lover of music since my early childhood - runs in the family - and have imitated and performed songs (mostly inside my own head) on numerous occasions. Despite this lifelong love affair with music of all kinds, there was one particular genre of music that always baffled me. Mostly because of my own ignorance, but partially also because nobody else was talking about it....</p>
</div>
<footer class="entry-footer"><span title='2020-01-16 22:05:06 +0530 IST'>January 16, 2020</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to How to Listen to and Understand Great Music by Robert Greenberg" href="https://thelazyoxymoron.me/posts/reading/great-music/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Behave: The Biology of Humans at Our Best and Worst by Robert Sapolsky
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
There are few books which leave you in a mesmerizing state after having read them. You ponder about it for days to come, want to scream your head off about it to anyone who’d listen, and then dwell in this fear of picking up another book because how can something else ever come close to being this perfect! I have felt this way before - first when I’d finished The Complete Sherlock Holmes, later when I was left in a daze for multiple days after finishing the notorious and brilliant House of Leaves, and much more recently when I was unable to sleep after reading Why We Sleep by Matthew Walker....</p>
</div>
<footer class="entry-footer"><span title='2019-09-12 20:12:10 +0530 IST'>September 12, 2019</span>&nbsp;·&nbsp;6 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Behave: The Biology of Humans at Our Best and Worst by Robert Sapolsky" href="https://thelazyoxymoron.me/posts/reading/behave-review/"></a>
</article>
<footer class="page-footer">
<nav class="pagination">
<a class="prev" href="https://thelazyoxymoron.me/page/2/">
«&nbsp;Prev&nbsp;
</a>
<a class="next" href="https://thelazyoxymoron.me/page/4/">Next&nbsp;&nbsp;»
</a>
</nav>
</footer>
</main>
<footer class="footer">
<span>&copy; 2023 <a href="https://thelazyoxymoron.me/">The Lazy Oxymoron</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>

289
public/page/4/index.html Normal file
View File

@@ -0,0 +1,289 @@
<!DOCTYPE html>
<html lang="en" dir="auto">
<head>
<meta name="generator" content="Hugo 0.110.0"><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>The Lazy Oxymoron</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://thelazyoxymoron.me/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.6a98292fb8fa8cf0f3ba4042d4b75515c04267550f3ad49ff6271b5af9562443.css" integrity="sha256-apgpL7j6jPDzukBC1LdVFcBCZ1UPOtSf9icbWvlWJEM=" rel="preload stylesheet" as="style">
<link rel="icon" href="https://thelazyoxymoron.me/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="https://thelazyoxymoron.me/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://thelazyoxymoron.me/favicon-32x32.png">
<link rel="apple-touch-icon" href="https://thelazyoxymoron.me/apple-touch-icon.png">
<link rel="mask-icon" href="https://thelazyoxymoron.me/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://thelazyoxymoron.me/index.xml">
<link rel="alternate" type="application/json" href="https://thelazyoxymoron.me/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><meta property="og:title" content="The Lazy Oxymoron" />
<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://thelazyoxymoron.me/" /><meta property="og:image" content="https://thelazyoxymoron.me/images/Love_for_mountains.jpeg"/><meta property="og:site_name" content="The Lazy Oxymoron" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://thelazyoxymoron.me/images/Love_for_mountains.jpeg"/>
<meta name="twitter:title" content="The Lazy Oxymoron"/>
<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": "The Lazy Oxymoron",
"url": "https://thelazyoxymoron.me/",
"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://thelazyoxymoron.me/favicon.ico",
"sameAs": [
"https://www.goodreads.com/thelazyoxymoron", "https://flickr.com/photos/thelazyoxymoron/", "https://twitter.com/thelazyoxymoron/", "https://letterboxd.com/Carte_Blanche/", "https://www.linkedin.com/in/thelazyoxymoron/"
]
}
</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://thelazyoxymoron.me/" accesskey="h" title="The Lazy Oxymoron (Alt + H)">The Lazy Oxymoron</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://thelazyoxymoron.me/archives" title="Archive">
<span>Archive</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/categories" title="Categories">
<span>Categories</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/tags/" title="Tags">
<span>Tags</span>
</a>
</li>
<li>
<a href="https://thelazyoxymoron.me/search/" title="Search (Alt &#43; /)" accesskey=/>
<span>Search</span>
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<article class="post-entry">
<header class="entry-header">
<h2>Range by David Epstein
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
Started with a tightly-knit structure, but faltered at the end. The last few chapters were a slog to get through - mostly because of numerous “business-class” style case studies.
Main takeaway? Other than the central idea around which the book revolves (and succinctly mentioned as the book subtitle too), the idea of interleaving is what struck me the most. I had already read about this particular method in Michael Nielsen’s brilliant post on Anki (“Augmenting Long-term Memory”) and it was interesting to read about it formally in the book....</p>
</div>
<footer class="entry-footer"><span title='2019-09-05 00:16:14 +0530 IST'>September 5, 2019</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Range by David Epstein" href="https://thelazyoxymoron.me/posts/reading/range-a-review/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>Deference vs. Indifference
</h2>
</header>
<div class="entry-content">
<p>(See this picture on Flickr)
Deference vs. Indifference There used to be a time
when things used to be simple.
I’d wake up, rub my eyes, sit up straight, close my eyes,
And pray that He will continue to guide me
as He had done the previous day.
There used to be a time
when I used to love the aroma
of the stick when it burned,
lighting up my day with the secret enchantments,...</p>
</div>
<footer class="entry-footer"><span title='2019-03-15 22:27:30 +0530 IST'>March 15, 2019</span>&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to Deference vs. Indifference" href="https://thelazyoxymoron.me/posts/deference-vs-indifference/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>The Course of Love by Alain de Botton
</h2>
</header>
<div class="entry-content">
<p>Check it out on Goodreads
The School of Life - a massively popular YouTube channel - used to be this source of solace in some turbulent times of my college life. It is not something that you’d think would be cheerful and uplifting - a quick glance at some of the most popular videos of the channel would include titles such as “Why we go cold on our partners”, “Why you will marry the wrong person” etc....</p>
</div>
<footer class="entry-footer"><span title='2019-02-14 20:21:45 +0530 IST'>February 14, 2019</span>&nbsp;·&nbsp;3 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to The Course of Love by Alain de Botton" href="https://thelazyoxymoron.me/posts/reading/the-course-of-love/"></a>
</article>
<article class="post-entry">
<header class="entry-header">
<h2>The Stranger and The Plague by Albert Camus
</h2>
</header>
<div class="entry-content">
<p>Preamble Philosophy has always been one of those baffling things that entice you at first by its simplicity, but as you get sucked into it more and more, you find yourself searching for the end of this labyrinthine landscape. I had my first exposure to anything related to philosophy in my second year of college when I stumbled upon The Fountainhead by Ayn Rand. At the time, it was one of the fascinating books I had ever read....</p>
</div>
<footer class="entry-footer"><span title='2019-01-21 14:39:14 +0530 IST'>January 21, 2019</span>&nbsp;·&nbsp;7 min&nbsp;·&nbsp;Siddhartha Golu</footer>
<a class="entry-link" aria-label="post link to The Stranger and The Plague by Albert Camus" href="https://thelazyoxymoron.me/posts/reading/the-stranger-and-the-plague-a-review/"></a>
</article>
<footer class="page-footer">
<nav class="pagination">
<a class="prev" href="https://thelazyoxymoron.me/page/3/">
«&nbsp;Prev&nbsp;
</a>
</nav>
</footer>
</main>
<footer class="footer">
<span>&copy; 2023 <a href="https://thelazyoxymoron.me/">The Lazy Oxymoron</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>