Files
personal-website/public/categories/photography/index.html

224 lines
9.2 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 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>