Files
personal-website/public/posts/reading/midnight-children/index.html

451 lines
16 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><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script><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>Midnight Children | Siddhartha Golu</title>
<meta name="keywords" content="">
<meta name="description" content="Midnight Children - Siddhartha Golu">
<meta name="author" content="Siddhartha Golu">
<link rel="canonical" href="http://localhost:1313/posts/reading/midnight-children/">
<link crossorigin="anonymous" href="/assets/css/stylesheet.53bb04f4aba62c3f850b0b622140c2cc64a7f75a7f7b0c6acde33a5f70de0244.css" integrity="sha256-U7sE9KumLD&#43;FCwtiIUDCzGSn91p/ewxqzeM6X3DeAkQ=" rel="preload stylesheet" as="style">
<link rel="icon" href="http://localhost:1313/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
<link rel="apple-touch-icon" href="http://localhost:1313/apple-touch-icon.png">
<link rel="mask-icon" href="http://localhost:1313/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<link rel="alternate" hreflang="en" href="http://localhost:1313/posts/reading/midnight-children/">
<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="Midnight Children" />
<meta property="og:description" content="" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://localhost:1313/posts/reading/midnight-children/" />
<meta property="og:image" content="http://localhost:1313/images/Love_for_mountains.jpeg" />
<meta property="article:section" content="posts" />
<meta property="article:published_time" content="2024-04-21T19:53:52+05:30" />
<meta property="article:modified_time" content="2024-04-21T19:53:52+05:30" /><meta property="og:site_name" content="Siddhartha Golu" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="http://localhost:1313/images/Love_for_mountains.jpeg" />
<meta name="twitter:title" content="Midnight Children"/>
<meta name="twitter:description" content=""/>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1 ,
"name": "Posts",
"item": "http://localhost:1313/posts/"
},
{
"@type": "ListItem",
"position": 2 ,
"name": "Midnight Children",
"item": "http://localhost:1313/posts/reading/midnight-children/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "Midnight Children",
"name": "Midnight Children",
"description": "",
"keywords": [
],
"articleBody": "",
"wordCount" : "0",
"inLanguage": "en",
"image": "http://localhost:1313/images/Love_for_mountains.jpeg","datePublished": "2024-04-21T19:53:52+05:30",
"dateModified": "2024-04-21T19:53:52+05:30",
"author":[{
"@type": "Person",
"name": "Siddhartha Golu"
}],
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "http://localhost:1313/posts/reading/midnight-children/"
},
"publisher": {
"@type": "Organization",
"name": "Siddhartha Golu",
"logo": {
"@type": "ImageObject",
"url": "http://localhost:1313/favicon.ico"
}
}
}
</script>
</head>
<body class="" 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="http://localhost:1313/" accesskey="h" title="Siddhartha Golu (Alt + H)">
<img src="http://localhost:1313/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="http://localhost:1313/about" title="About">
<span>About</span>
</a>
</li>
<li>
<a href="http://localhost:1313/archive" title="Archive">
<span>Archive</span>
</a>
</li>
<li>
<a href="http://localhost:1313/categories" title="Categories">
<span>Categories</span>
</a>
</li>
<li>
<a href="http://localhost:1313/tags/" title="Tags">
<span>Tags</span>
</a>
</li>
<li>
<a href="http://localhost:1313/search/" title="Search (Alt &#43; /)" accesskey=/>
<span>Search</span>
</a>
</li>
</ul>
</nav>
</header>
<main class="main">
<article class="post-single">
<header class="post-header">
<div class="breadcrumbs"><a href="http://localhost:1313/">Home</a>&nbsp;»&nbsp;<a href="http://localhost:1313/posts/">Posts</a></div>
<h1 class="post-title entry-hint-parent">
Midnight Children
<span class="entry-hint" title="Draft">
<svg xmlns="http://www.w3.org/2000/svg" height="35" viewBox="0 -960 960 960" fill="currentColor">
<path
d="M160-410v-60h300v60H160Zm0-165v-60h470v60H160Zm0-165v-60h470v60H160Zm360 580v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862.09-380L643-160H520Zm300-263-37-37 37 37ZM580-220h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" />
</svg>
</span>
</h1>
<div class="post-meta"><span title='2024-04-21 19:53:52 +0530 IST'>🗓 April 21, 2024</span>&nbsp;·&nbsp;0 min&nbsp;·&nbsp;Siddhartha Golu
</div>
</header>
<br>
<details>
<summary class="post-comment">View comments</summary><script data-isso="https://comments.siddharthagolu.com/" src="https://comments.siddharthagolu.com/js/embed.min.js"></script>
<section id = "isso-thread"></section>
</details>
<footer class="post-footer">
<ul class="post-tags">
</ul>
<nav class="paginav">
<a class="next" href="http://localhost:1313/posts/reading/chup-deepa-narayan/">
<span class="title">Next »</span>
<br>
<span>Chup: Breaking the Silence About India&#39;s Women by Deepa Narayan</span>
</a>
</nav>
</footer>
<hr>
<section class="webring">
<h3 class="header">Articles from blogs I follow around the net</h3>
<section class="articles">
<div class="article">
<h4 class="title">
<a href="https://jvns.ca/blog/2024/01/05/do-we-think-of-git-commits-as-diffs--snapshots--or-histories/" target="_blank" rel="noopener">Do we think of git commits as diffs, snapshots, and/or histories?</a>
</h4>
<p class="summary">Hello! Ive been extremely slowly trying to figure how to explain every core
concept in Git (commits! branches! remotes! the staging area!) and commits have
been surprisingly tricky.
Understanding how git commits are implemented feels pretty straightforward …</p>
<small class="source">
via <a href="http://jvns.ca">Julia Evans</a>
</small>
<small class="date">January 5, 2024</small>
</div>
<div class="article">
<h4 class="title">
<a href="http://blog.miguelgrinberg.com/post/how-to-add-dark-mode-support-to-your-website" target="_blank" rel="noopener">How To Add Dark Mode Support To Your Website</a>
</h4>
<p class="summary">You may have noticed that I have recently added a dark mode to this blog. The default color theme now follows the theme setting in your operating system by default, and you can also select which mode to enable from the top navigation bar.
Nice, right? I ha…</p>
<small class="source">
via <a href="http://blog.miguelgrinberg.com/feed">http://blog.miguelgrinberg.com/feed</a>
</small>
<small class="date">January 1, 2024</small>
</div>
<div class="article">
<h4 class="title">
<a href="https://jlcollinsnh.com/2023/11/29/41-intriguing-quotes-about-family-endgame-the-little-girl-who-wouldnt-listen-from-pathfinders/" target="_blank" rel="noopener">41 Intriguing Quotes about Family, Endgame &amp; The Little Girl Who Wouldnt Listen from Pathfinders</a>
</h4>
<p class="summary">This is the third and final post of “intriguing quotes” since the October 31st launch of… Pathfinders It has been two years in the making and it is a book I have wanted to bring to you since 2016 after The Simple Path to Wealth was published. Within month…</p>
<small class="source">
via <a href="https://jlcollinsnh.com/">JLCollinsnh</a>
</small>
<small class="date">November 29, 2023</small>
</div>
</section>
<p class="attribution">
Generated by
<a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
</p>
</section>
<style>
.webring .header {
margin: 0 0 12px;
}
.webring .articles {
display: flex;
flex-wrap: wrap;
margin: -0.5rem;
}
.webring .title {
margin: 4px 0 12px;
}
.webring .article {
flex: 1 1 0;
display: flex;
flex-direction: column;
margin: 0.5rem;
padding: 0.5rem;
background: var(--openring-bg);
min-width: 10rem;
}
.webring .summary {
font-size: 0.8rem;
flex: 1 1 0;
}
.webring .attribution {
text-align: right;
font-size: 0.8rem;
color: #555;
}
</style>
</article>
</main>
<footer class="footer">
<span>&copy; 2024 <a href="http://localhost:1313/">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>
<script>
document.querySelectorAll('pre > code').forEach((codeblock) => {
const container = codeblock.parentNode.parentNode;
const copybutton = document.createElement('button');
copybutton.classList.add('copy-code');
copybutton.innerHTML = 'copy';
function copyingDone() {
copybutton.innerHTML = 'copied!';
setTimeout(() => {
copybutton.innerHTML = 'copy';
}, 2000);
}
copybutton.addEventListener('click', (cb) => {
if ('clipboard' in navigator) {
navigator.clipboard.writeText(codeblock.textContent);
copyingDone();
return;
}
const range = document.createRange();
range.selectNodeContents(codeblock);
const selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
try {
document.execCommand('copy');
copyingDone();
} catch (e) { };
selection.removeRange(range);
});
if (container.classList.contains("highlight")) {
container.appendChild(copybutton);
} else if (container.parentNode.firstChild == container) {
} else if (codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName == "TABLE") {
codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(copybutton);
} else {
codeblock.parentNode.appendChild(copybutton);
}
});
</script>
</body>
</html>