dym-sh/public/pages/photos/index.html

162 lines
3.9 KiB
HTML

<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf8">
<title>/photos of @dym</title>
<meta property="og:title" content="/photos of @dym">
<meta property="og:site_name" content="Dym Sohin">
<meta name="description" content="instanceof @dym">
<meta property="og:description" content="instanceof @dym">
<meta property="og:type" content="article">
<meta property="og:url" content="https://dym.sh">
<meta property="og:image" content="https://dym.sh/th.png">
<meta property="og:logo" content="https://dym.sh/icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link sizes="128x128" href="https://dym.sh/favicon.ico" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="icon">
<link sizes="500x500" href="https://dym.sh/icon.png" type="image/png" rel="apple-touch-icon">
<link rel="alternate" type="application/rss+xml" title="global feed" href="https://dym.sh/rss">
<link rel="canonical" href="https://dym.sh">
<link rel="me" href="mailto:re@dym.sh">
<link rel="me" href="@dym@dym.sh">
<link rel="me" href="https://dym.sh/@dym">
<link rel="me" href="https://lemmy.world/u/dym_sh">
<link rel="me" href="https://figma.com/@dym_sh">
<link rel="me" href="https://codepen.io/dym-sh">
<link rel="me" href="https://indieweb.org/User:Dym.sh">
<link rel="stylesheet" type="text/css" href="../style.css">
</head>
<body>
<nav class="c">
<div class="buttons round">
<a href="/graphics/"
class="red"
title="graphics"
><span class="hidden">graphics</span>
</a>
<a href="/"
class="yellow current"
title="photos"
><span class="hidden">photos</span>
</a>
<a href="/comics/"
class="green"
title="comics"
><span class="hidden">comics</span>
</a>
<a href="/code/"
class="blue"
title="code"
><span class="hidden">code</span>
</a>
<a href="/notes/"
class="rose"
title="notes"
><span class="hidden">notes</span>
</a>
</div>
</nav>
<main>
<div class="gallery">
<a href="/photos-2023/"
class="th"
>
<figure>
<img src="/photos-2023/th.jpg" width="200" alt="">
<figcaption>2023</figcaption>
</figure>
</a>
<a href="/photos-2022/"
class="th"
>
<figure>
<img src="/photos-2022/th.jpg" width="200" alt="">
<figcaption>2022</figcaption>
</figure>
</a>
<a href="/photos-2021/"
class="th"
>
<figure>
<img src="/photos-2021/th.jpg" width="200" alt="">
<figcaption>2021</figcaption>
</figure>
</a>
<a href="/photos-2020/"
class="th"
>
<figure>
<img src="/photos-2020/th.jpg" width="200" alt="">
<figcaption>2020</figcaption>
</figure>
</a>
<a href="/photos-2019/"
class="th"
>
<figure>
<img src="/photos-2019/th.jpg" width="200" alt="">
<figcaption>2019</figcaption>
</figure>
</a>
<a href="/photos-2018/"
class="th"
>
<figure>
<img src="/photos-2018/th.jpg" width="200" alt="">
<figcaption>2018</figcaption>
</figure>
</a>
<a href="/photos-2017/"
class="th"
>
<figure>
<img src="/photos-2017/th.png" width="200" alt="">
<figcaption>2017</figcaption>
</figure>
</a>
<a href="/photos-2016/"
class="th"
>
<figure>
<img src="/photos-2016/th.jpg" width="200" alt="">
<figcaption>2016</figcaption>
</figure>
</a>
</div>
</main>
<footer class="c">
<div class="buttons round">
<a href="/about/"
class="bg-icon"
title="about"
><span class="hidden">about</span>
</a>
</div>
</footer>
</body>
</html>