Completed migration from hugo-swift-theme to PaperMod

This commit is contained in:
Siddhartha
2022-01-10 10:41:34 +05:30
parent 54bf845d56
commit 4e712c8f8d
299 changed files with 36691 additions and 78 deletions

View File

@@ -0,0 +1,223 @@
<!DOCTYPE html>
<html lang="en" dir="auto">
<head><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>Photography | The Lazy Oxymoron</title>
<meta name="keywords" content="" />
<meta name="description" content="Siddhartha&#39;s digital garden">
<meta name="author" content="Siddhartha">
<link rel="canonical" href="https://thelazyoxymoron.me/categories/photography/" />
<link crossorigin="anonymous" href="/assets/css/stylesheet.min.c88963fe2d79462000fd0fb1b3737783c32855d340583e4523343f8735c787f0.css" integrity="sha256-yIlj/i15RiAA/Q&#43;xs3N3g8MoVdNAWD5FIzQ/hzXHh/A=" 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">
<meta name="generator" content="Hugo 0.91.2" />
<link rel="alternate" type="application/rss+xml" href="https://thelazyoxymoron.me/categories/photography/index.xml">
<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="Photography" />
<meta property="og:description" content="Siddhartha&#39;s digital garden" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://thelazyoxymoron.me/categories/photography/" /><meta property="og:site_name" content="The Lazy Oxymoron" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Photography"/>
<meta name="twitter:description" content="Siddhartha&#39;s digital garden"/>
</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>
<span 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="24" 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="24" 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>
</span>
</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">
<header class="page-header"><div class="breadcrumbs"><a href="https://thelazyoxymoron.me/">Home</a>&nbsp;»&nbsp;<a href="https://thelazyoxymoron.me/categories/">Categories</a></div>
<h1>Photography</h1>
</header>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>Photography
</h2>
</header>
<section class="entry-content">
<p>My fascination with the visual media brought me closer to seeing the world through a different lens. This is an ongoing effort to capture what I see and share it with the world.
You can browse the images below using left/right keys. All the images are hosted on flickr, Id recommend navigating to my photostream if you want to see them in full size.
(You might need to enable Javascript if youre unable to see the below images properly)...</p>
</section>
<footer class="entry-footer"><span title='2021-03-23 20:18:21 +0530 IST'>March 23, 2021</span>&nbsp;·&nbsp;1 min&nbsp;·&nbsp;Siddhartha</footer>
<a class="entry-link" aria-label="post link to Photography" href="https://thelazyoxymoron.me/photography/"></a>
</article>
</main>
<footer class="footer">
<span>&copy; 2022 <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://git.io/hugopapermod" 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>