<!DOCTYPE html>
<html lang="en-US" dir="ltr">
    <head>
        <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cian Mac Mahon's photography</title>
<meta name="title" content="Cian Mac Mahon's photography">
<meta name="author" content="Cian Mac Mahon">
<meta name="description" content="Hi! I'm Cian. I thought I'd try to get some of my photos online but away from the clutches of Meta.">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://eleventy-gallery.netlify.app">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="Cian Mac Mahon's photography">
<meta property="og:description" content="Hi! I'm Cian. I thought I'd try to get some of my photos online but away from the clutches of Meta.">
<meta property="og:image" content="https://eleventy-gallery.netlify.appundefined">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@cianmm">
<meta name="twitter:creator" content="@cianmm">
<meta name="twitter:url" content="https://eleventy-gallery.netlify.app">
<meta name="twitter:title" content="Cian Mac Mahon's photography">
<meta name="twitter:description" content="Hi! I'm Cian. I thought I'd try to get some of my photos online but away from the clutches of Meta.">
<meta name="twitter:image" content="https://eleventy-gallery.netlify.appundefined">
<link rel="canonical" href="https://eleventy-gallery.netlify.app">
        <link rel="apple-touch-icon" sizes="180x180" href="/favicon_data/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon_data/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon_data/favicon-16x16.png">
        <link rel="manifest" href="/favicon_data/site.webmanifest">
        
        <style>
            header .nav-main{margin:1rem auto 0 auto;max-width:1100px;display:flex;justify-content:center;align-items:center;padding:.9rem 1.5rem}header .nav-main a:hover{background:#e9e9e9;text-decoration:none}header .nav-main .nav-list{display:flex;justify-content:center;align-items:center;padding-left:0;list-style:none;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;width:100%}header .nav-main .nav-list li{margin:0 1rem}header .nav-main .nav-list a:hover{background:#e9e9e9;background:#ededed;text-decoration:none}header .nav-main .nav-list .link{color:#212121;padding:.8rem .75rem;margin:0 .4rem;font-size:16px;font-size:clamp(1.0625rem,4vw,1.2rem);text-decoration:none;display:block}header .nav-main .nav-list .link:first-child{margin-left:0}header .nav-main .home-button{text-decoration:none;color:#212121;padding-right:.5rem;font-size:24px;font-size:clamp(1.3rem,4vw,1.5rem);font-weight:500}header .intro{display:flex;justify-content:space-between;margin:2rem auto 1rem auto;max-width:1100px;padding:0 1.5rem}header .intro div p{color:#333}header .intro div:first-child{margin-right:2rem}header .intro .home-button{display:block;font-size:28px;font-size:clamp(26px,4vw,28px);color:#222;margin-bottom:14px}header .intro .hire-me{border:1px solid #111;margin-top:3px;padding:.5rem 1rem;text-decoration:none;height:fit-content;height:-moz-fit-content;border-radius:3px;background:#1e262b;color:#fff;font-weight:400;white-space:nowrap}header .intro .hire-me:hover{background:#1a1f24}.main-gallery{max-width:1100px;margin:3rem auto 0 auto}.gallery-h1{text-align:center;margin-bottom:4.25rem}.gallery-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));max-width:1100px;gap:50px;margin:1.5rem auto 1rem auto;list-style:none}.gallery-item{margin:.5rem auto;width:100%}.gallery-item:last-child{border-bottom:none}.gallery-item .image-block{display:flex;flex-direction:column;width:100%;max-width:80ch}.gallery-item .image-block .block-details{margin:1rem 0 0}.gallery-item .image-block .block-details p{margin-bottom:0;color:#333}.gallery-item a{color:#212121}.gallery-item a .gallery-photo{max-width:100%;height:500px;max-height:500px;object-fit:contain;border-radius:2px;filter:brightness(99%);transition:filter .5s ease}.gallery-item a .gallery-photo:hover{filter:brightness(105%);transform-origin:50% 50%;cursor:pointer}.image-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:3px;max-width:1100px;margin:1rem auto 3rem auto;padding-left:1.5rem;padding-right:1.5rem}.image-grid .image-container{width:100%;height:20rem;overflow:hidden;border-radius:2px}.image-grid .image-container a .grid-image{object-fit:cover;height:100%;width:100%;transform-origin:50% 50%;filter:brightness(99%);transition:filter .5s ease}.image-grid .image-container a img:hover{filter:brightness(110%);box-shadow:0 0 0 2px #000;transform-origin:50% 50%;cursor:pointer}.image-grid .image-container a:focus img{border:3px solid #07c}.featured-img{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;padding-left:1.5rem;padding-right:1.5rem}.featured-img .image-container{width:100%;max-width:1050px;padding:0}.featured-img .showcase-img{object-fit:contain;max-width:100%;height:90vh;max-height:900px;margin:1rem auto 1rem auto}.featured-img .prev-next{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem}.featured-img .prev-next a{padding:7px 10px;border:1px solid #d3d3d3;border-radius:3px;text-decoration:none;background:inherit;font-size:1em;color:#333;background:#f2f2f2}.featured-img .prev-next a:hover{background:#ededed}.featured-img .image-description .credit{text-decoration:underline}.featured-img .image-description .credit:hover{text-decoration:none}.about-page{min-height:100vh;display:flex;flex-direction:column}.about-v{margin-top:auto}.about-me-content .about-socials{padding-left:30px}.about-socials li{margin:.75rem auto;list-style:disc}.about-me-content{max-width:80ch;padding-left:1.5rem;padding-right:1.5rem}.contact-form{display:flex;display:-webkit-flex;flex-direction:column;max-width:60ch}.contact-form label.form-label{margin-top:.5rem}.contact-form input,.contact-form textarea{margin:.2rem 0;border:1px solid #d3d3d3;padding:.5rem;border-radius:.15rem;font-size:16px;-webkit-appearance:none}.contact-form input{height:2.75rem}.contact-form textarea{resize:vertical;min-height:9rem}.contact-form button{margin-bottom:36px;background:#1b6ee2;background:#1a6bdd;padding:11px 1.35rem;border-radius:3px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;border:none;color:#fff;margin-top:1.35rem;max-width:fit-content;max-width:-moz-fit-content}.contact-form button:hover{border:none;cursor:pointer;background:#1764d1}footer{position:relative;margin:0 auto 3rem;padding-left:1.5rem;padding-right:1.5rem;max-width:1100px;bottom:0}footer a{color:#212121}footer a:hover{color:#1836af}.social-links{display:flex;justify-content:flex-end;align-items:center;list-style:none;padding-left:.5rem}.social-links li{padding-right:.75rem}.footer-content{display:flex;flex-direction:column;align-items:center}.footer-content hr{background:#000;height:2px;width:100%}.footer-content p{color:#222}.footer-info{display:flex;width:100%;justify-content:space-between;align-items:center;padding-top:1.4rem;border-top:.1rem solid #d3d3d3}.footer-info .footer-links{padding-left:0;list-style:none;display:flex;justify-content:space-evenly;align-items:center;font-size:1rem;font-size:clamp(1rem,3vw,1.0625rem)}.footer-info .footer-links .footer-link{margin:0 .6rem}.footer-info.about{border:none}footer .social-links{display:flex;justify-content:flex-end;align-items:center;list-style:none;padding-left:.5rem}footer .social-links li{padding-right:.75rem}.four-oh-four{margin:0 auto;width:100%;max-width:90ch;padding-left:1.5rem;padding-right:1.5rem;overflow:hidden;background:inherit;min-height:100vh}.four-oh-four ul{padding-left:0}.four-oh-four ul li{padding:12px 14px;margin:10px auto}*,::after,::before{box-sizing:border-box}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(1px);display:block;height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}body{margin:0;padding:0;min-height:100vh;background:#fcfcfc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;width:100%;height:100%}p{font-size:1rem;font-size:clamp(1rem,3vw,1.0625rem);line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}a{color:#2540ad;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}a:focus,a:hover{text-decoration:underline;color:#1836af}main p{margin-bottom:24px}main h1,main h2,main h3,main h4,main h5,main h6{margin-bottom:24px}main .gallery{margin:3rem auto;max-width:1100px;padding:0 1.5rem}main .gallery-header{max-width:1100px;padding:0 1.5rem;margin:0 auto;margin-bottom:2rem;font-size:30px}.skip-link{position:fixed;top:0;left:0;transform:translateY(-10rem);transition:transform .3s ease-in-out;padding:.5rem;background:#fff;color:#222;z-index:999}.skip-link:focus{transform:translateY(0)}h1,h2,h3,h4,h5{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#212121}.h1,h1{font-size:clamp(2.75rem,8vw,3.25rem)}.h2,h2{font-size:clamp(1.5rem,5vw,1.8rem)}#main{margin-top:1rem}.about-page{min-height:100vh;display:flex;flex-direction:column}.about-v{margin-top:auto}.image-description{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1.5rem auto 0 auto;padding-left:1rem;padding-right:1rem}.image-description h1{margin-bottom:.8rem;text-align:center}.page-banner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:0 auto 1em auto;max-width:1100px;padding-left:1.5rem;padding-right:1.5rem;color:#212141}.page-banner p{font-size:1rem;font-size:clamp(1.0625rem,3vw,1.2rem)}.page-banner h1{margin-bottom:.75rem}.about-me-content .about-socials{padding-left:30px;margin-bottom:24px}.about-socials li{margin:.75rem auto;list-style:disc}.about-me-content{max-width:80ch;padding-left:1.5rem;padding-right:1.5rem}.gt{margin-left:3px}.lt{margin-right:3px}.main-container{margin:3rem auto 2rem auto}@media screen and (max-width:897px){.gallery-item{border-bottom:1px solid #d3d3d3;padding-bottom:1.25rem}}@media screen and (max-width:875px){footer .footer-content p{margin-top:1.25rem;margin-bottom:24px}footer .footer-content .footer-info.home{flex-direction:column}footer .footer-content .footer-info.featured{flex-direction:column;justify-content:center}}@media screen and (max-width:750px){.gallery-item a .gallery-photo{height:90vh}header .nav-main .nav-list li{margin:0 .75rem}}@media screen and (max-width:650px){.gallery-item a .gallery-photo{height:70vh;max-height:400px}.featured-img .showcase-img{height:65vh}}@media screen and (max-width:565px){.page-banner h1{text-align:left}.main-gallery h1{padding:0 1rem}}@media screen and (max-width:450px){header .nav-main{flex-direction:column;justify-content:flex-start;align-items:flex-start}header .nav-main .nav-list li{margin:0 .5rem}.gallery .gallery-list{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}footer .footer-content .footer-info.home{justify-content:flex-start;align-items:center}footer .footer-content .footer-info.featured{flex-direction:column;justify-content:center}footer .footer-content .footer-info.home{justify-content:flex-start;align-items:center}footer .footer-content .footer-info.featured{flex-direction:column;justify-content:center}}@media screen and (max-width:415px){.main-container{margin-top:2rem}.gallery .gallery-list{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}header .nav-main .nav-list .link{padding:10px}}@media screen and (max-width:375px){header .nav-main .nav-list .link{padding:.7rem 3px}.featured-img{margin:0;padding:0;align-items:center}.featured-img .prev-next{padding:0 1.5rem}.featured-img h1{text-align:center;margin:0 auto 1em auto}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:3px}}@media screen and (max-width:350px){header .nav-main .nav-list .link{padding:.6rem 2px}}*,::after,::before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,li,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}
        </style>
    </head>
    <body>
        <a href="#main" class="skip-link">Skip to main content</a>
        
<header class="top-nav">
    <div class="intro">
        <div>
            <a class="home-button" href="/">Cian
                Mac Mahon</a>
            <p class="home-about">Photographer, home cook, and software engineer</p>
        </div>
    </div>
    <nav class="nav-main">
        <ul class="nav-list">
            
                <li>
                    <a href="/" class="link">Home</a>
                </li>
            
                <li>
                    <a href="/about/" class="link">About</a>
                </li>
            
            <li>
                <a href="https://Cian.blog" target="_blank" class="link">Cian.blog</a>
            </li>
        </ul>
    </nav>
</header>

        
<main id="main">
    
<div class="page-banner">
  <h1>Cian Mac Mahon</h1>
  <p>Hi! I&#39;m Cian. I thought I&#39;d try to get some of my photos online but away from the clutches of Meta.</p>
</div>
<div class="gallery">
  <ul class="image-grid">
    
    <li class="image-container">
        <a
          href="/gallery/chimneys"
          aria-label="Gallery image Chimneys"
        >
          <picture>
	<source type="image/webp" srcset="/img/Zu3Q0m0Syd-300.webp 300w, /img/Zu3Q0m0Syd-480.webp 480w, /img/Zu3Q0m0Syd-640.webp 640w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/Zu3Q0m0Syd-300.jpeg 300w, /img/Zu3Q0m0Syd-480.jpeg 480w, /img/Zu3Q0m0Syd-640.jpeg 640w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/Zu3Q0m0Syd-300.jpeg"
        width="640"
        height="959"
        alt="Two tall chimneys with grass in the foreground. The chimneys are the Poolbeg chimneys."
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Chimneys</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/did-you-hear-that"
          aria-label="Gallery image Did you hear that?"
        >
          <picture>
	<source type="image/webp" srcset="/img/5MTKPLpyzW-300.webp 300w, /img/5MTKPLpyzW-480.webp 480w, /img/5MTKPLpyzW-640.webp 640w, /img/5MTKPLpyzW-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/5MTKPLpyzW-300.jpeg 300w, /img/5MTKPLpyzW-480.jpeg 480w, /img/5MTKPLpyzW-640.jpeg 640w, /img/5MTKPLpyzW-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/5MTKPLpyzW-300.jpeg"
        width="1024"
        height="683"
        alt="A monkey looking to the right"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Did you hear that?</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/dart-by-night"
          aria-label="Gallery image Dart by night"
        >
          <picture>
	<source type="image/webp" srcset="/img/ESlD8WbVc6-300.webp 300w, /img/ESlD8WbVc6-480.webp 480w, /img/ESlD8WbVc6-640.webp 640w, /img/ESlD8WbVc6-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/ESlD8WbVc6-300.jpeg 300w, /img/ESlD8WbVc6-480.jpeg 480w, /img/ESlD8WbVc6-640.jpeg 640w, /img/ESlD8WbVc6-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/ESlD8WbVc6-300.jpeg"
        width="1024"
        height="683"
        alt="A Dart train streaking past overhead at night time"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Dart by night</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/climb"
          aria-label="Gallery image Climb"
        >
          <picture>
	<source type="image/webp" srcset="/img/2GE3JjASqA-300.webp 300w, /img/2GE3JjASqA-480.webp 480w, /img/2GE3JjASqA-640.webp 640w, /img/2GE3JjASqA-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/2GE3JjASqA-300.jpeg 300w, /img/2GE3JjASqA-480.jpeg 480w, /img/2GE3JjASqA-640.jpeg 640w, /img/2GE3JjASqA-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/2GE3JjASqA-300.jpeg"
        width="1024"
        height="683"
        alt="A man climbing a rock outside"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Climb</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/the-rain-in-tokyo"
          aria-label="Gallery image The Rain in Tokyo"
        >
          <picture>
	<source type="image/webp" srcset="/img/lylhBXyDtc-300.webp 300w, /img/lylhBXyDtc-480.webp 480w, /img/lylhBXyDtc-640.webp 640w, /img/lylhBXyDtc-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/lylhBXyDtc-300.jpeg 300w, /img/lylhBXyDtc-480.jpeg 480w, /img/lylhBXyDtc-640.jpeg 640w, /img/lylhBXyDtc-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/lylhBXyDtc-300.jpeg"
        width="1024"
        height="683"
        alt="Looking down a busy street in Tokyo in the rain. We are looking down at a sea of umbrerellas."
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">The Rain in Tokyo</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/the-elevator"
          aria-label="Gallery image The Elevator"
        >
          <picture>
	<source type="image/webp" srcset="/img/kudfqfKZf6-300.webp 300w, /img/kudfqfKZf6-480.webp 480w, /img/kudfqfKZf6-640.webp 640w, /img/kudfqfKZf6-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/kudfqfKZf6-300.jpeg 300w, /img/kudfqfKZf6-480.jpeg 480w, /img/kudfqfKZf6-640.jpeg 640w, /img/kudfqfKZf6-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/kudfqfKZf6-300.jpeg"
        width="1024"
        height="683"
        alt="The Elevador de Santa Justa in Lisbon, Portugal"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">The Elevator</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/catching-supper"
          aria-label="Gallery image Catching Supper"
        >
          <picture>
	<source type="image/webp" srcset="/img/heuoKfL6Yq-300.webp 300w, /img/heuoKfL6Yq-480.webp 480w, /img/heuoKfL6Yq-640.webp 640w, /img/heuoKfL6Yq-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/heuoKfL6Yq-300.jpeg 300w, /img/heuoKfL6Yq-480.jpeg 480w, /img/heuoKfL6Yq-640.jpeg 640w, /img/heuoKfL6Yq-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/heuoKfL6Yq-300.jpeg"
        width="1024"
        height="683"
        alt="Two man stand on the tiled bank of a river, fishing"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Catching Supper</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/kyoto-tower"
          aria-label="Gallery image Kyoto Tower"
        >
          <picture>
	<source type="image/webp" srcset="/img/9QbURu5K84-300.webp 300w, /img/9QbURu5K84-480.webp 480w, /img/9QbURu5K84-640.webp 640w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/9QbURu5K84-300.jpeg 300w, /img/9QbURu5K84-480.jpeg 480w, /img/9QbURu5K84-640.jpeg 640w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/9QbURu5K84-300.jpeg"
        width="640"
        height="959"
        alt="Kyoto Tower at night"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Kyoto Tower</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/dinner-time"
          aria-label="Gallery image Dinner time?"
        >
          <picture>
	<source type="image/webp" srcset="/img/Auxc8JJ6mc-300.webp 300w, /img/Auxc8JJ6mc-480.webp 480w, /img/Auxc8JJ6mc-640.webp 640w, /img/Auxc8JJ6mc-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/Auxc8JJ6mc-300.jpeg 300w, /img/Auxc8JJ6mc-480.jpeg 480w, /img/Auxc8JJ6mc-640.jpeg 640w, /img/Auxc8JJ6mc-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/Auxc8JJ6mc-300.jpeg"
        width="1024"
        height="683"
        alt="A leopard sitting up a tree staring at the camera"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Dinner time?</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/fierce-drying"
          aria-label="Gallery image Fierce Drying"
        >
          <picture>
	<source type="image/webp" srcset="/img/QI6WlpGToN-300.webp 300w, /img/QI6WlpGToN-480.webp 480w, /img/QI6WlpGToN-640.webp 640w, /img/QI6WlpGToN-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/QI6WlpGToN-300.jpeg 300w, /img/QI6WlpGToN-480.jpeg 480w, /img/QI6WlpGToN-640.jpeg 640w, /img/QI6WlpGToN-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/QI6WlpGToN-300.jpeg"
        width="1024"
        height="683"
        alt="A White Backed Vulture drying its wings, sitting atop a tree"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Fierce Drying</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/the-grangegorman-robot"
          aria-label="Gallery image The Grangegorman Robot"
        >
          <picture>
	<source type="image/webp" srcset="/img/1BjuCqj5ka-300.webp 300w, /img/1BjuCqj5ka-480.webp 480w, /img/1BjuCqj5ka-640.webp 640w, /img/1BjuCqj5ka-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/1BjuCqj5ka-300.jpeg 300w, /img/1BjuCqj5ka-480.jpeg 480w, /img/1BjuCqj5ka-640.jpeg 640w, /img/1BjuCqj5ka-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/1BjuCqj5ka-300.jpeg"
        width="1024"
        height="768"
        alt="A large sculpture of a robot peering over a wall"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">The Grangegorman Robot</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/the-grand-bazaar"
          aria-label="Gallery image The Grand Bazaar"
        >
          <picture>
	<source type="image/webp" srcset="/img/-qFbUCRVh4-300.webp 300w, /img/-qFbUCRVh4-480.webp 480w, /img/-qFbUCRVh4-640.webp 640w, /img/-qFbUCRVh4-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/-qFbUCRVh4-300.jpeg 300w, /img/-qFbUCRVh4-480.jpeg 480w, /img/-qFbUCRVh4-640.jpeg 640w, /img/-qFbUCRVh4-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/-qFbUCRVh4-300.jpeg"
        width="1024"
        height="683"
        alt="People walking through the Grand Bazaar in Istanbul. One man looks straight into the camera."
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">The Grand Bazaar</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/fishing"
          aria-label="Gallery image Fishing"
        >
          <picture>
	<source type="image/webp" srcset="/img/p2zAMbnRji-300.webp 300w, /img/p2zAMbnRji-480.webp 480w, /img/p2zAMbnRji-640.webp 640w, /img/p2zAMbnRji-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/p2zAMbnRji-300.jpeg 300w, /img/p2zAMbnRji-480.jpeg 480w, /img/p2zAMbnRji-640.jpeg 640w, /img/p2zAMbnRji-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/p2zAMbnRji-300.jpeg"
        width="1024"
        height="683"
        alt="Looking down the Galata Bridge in Istanbul, many fishermen casting rods."
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Fishing</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/ice"
          aria-label="Gallery image Ice"
        >
          <picture>
	<source type="image/webp" srcset="/img/SXw-QPEukx-300.webp 300w, /img/SXw-QPEukx-480.webp 480w, /img/SXw-QPEukx-640.webp 640w, /img/SXw-QPEukx-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/SXw-QPEukx-300.jpeg 300w, /img/SXw-QPEukx-480.jpeg 480w, /img/SXw-QPEukx-640.jpeg 640w, /img/SXw-QPEukx-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/SXw-QPEukx-300.jpeg"
        width="1024"
        height="683"
        alt="A man hiking across an iceburg, with a huge chunk of ice the size of two double decker busses next to him"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Ice</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/golden-hour"
          aria-label="Gallery image Golden hour"
        >
          <picture>
	<source type="image/webp" srcset="/img/pWts_5fZdj-300.webp 300w, /img/pWts_5fZdj-480.webp 480w, /img/pWts_5fZdj-640.webp 640w, /img/pWts_5fZdj-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/pWts_5fZdj-300.jpeg 300w, /img/pWts_5fZdj-480.jpeg 480w, /img/pWts_5fZdj-640.jpeg 640w, /img/pWts_5fZdj-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/pWts_5fZdj-300.jpeg"
        width="1024"
        height="683"
        alt="A Japanese temple coated in golden light"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Golden hour</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/you-looking-at-me"
          aria-label="Gallery image You looking at me?"
        >
          <picture>
	<source type="image/webp" srcset="/img/jwrv105nZt-300.webp 300w, /img/jwrv105nZt-480.webp 480w, /img/jwrv105nZt-640.webp 640w, /img/jwrv105nZt-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/jwrv105nZt-300.jpeg 300w, /img/jwrv105nZt-480.jpeg 480w, /img/jwrv105nZt-640.jpeg 640w, /img/jwrv105nZt-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/jwrv105nZt-300.jpeg"
        width="1024"
        height="683"
        alt="A swan looks to the right, black and white image"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">You looking at me?</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/amsterdam-by-night"
          aria-label="Gallery image Amsterdam by Night"
        >
          <picture>
	<source type="image/webp" srcset="/img/G5CsU4hAVm-300.webp 300w, /img/G5CsU4hAVm-480.webp 480w, /img/G5CsU4hAVm-640.webp 640w, /img/G5CsU4hAVm-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/G5CsU4hAVm-300.jpeg 300w, /img/G5CsU4hAVm-480.jpeg 480w, /img/G5CsU4hAVm-640.jpeg 640w, /img/G5CsU4hAVm-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/G5CsU4hAVm-300.jpeg"
        width="1024"
        height="683"
        alt="Looking down a street at night in Amsterdam, lights zig-zagging the whole way down."
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Amsterdam by Night</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/spray"
          aria-label="Gallery image Spray"
        >
          <picture>
	<source type="image/webp" srcset="/img/zV3acI6Ib6-300.webp 300w, /img/zV3acI6Ib6-480.webp 480w, /img/zV3acI6Ib6-640.webp 640w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/zV3acI6Ib6-300.jpeg 300w, /img/zV3acI6Ib6-480.jpeg 480w, /img/zV3acI6Ib6-640.jpeg 640w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/zV3acI6Ib6-300.jpeg"
        width="640"
        height="959"
        alt="Spray comes off a waterfall with a river running towards the camera"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Spray</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/iceland-melts"
          aria-label="Gallery image Iceland Melts"
        >
          <picture>
	<source type="image/webp" srcset="/img/o8IjjQHPeM-300.webp 300w, /img/o8IjjQHPeM-480.webp 480w, /img/o8IjjQHPeM-640.webp 640w, /img/o8IjjQHPeM-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/o8IjjQHPeM-300.jpeg 300w, /img/o8IjjQHPeM-480.jpeg 480w, /img/o8IjjQHPeM-640.jpeg 640w, /img/o8IjjQHPeM-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/o8IjjQHPeM-300.jpeg"
        width="1024"
        height="683"
        alt="A very tall waterfall, water rushing down the rocks"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Iceland Melts</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/river"
          aria-label="Gallery image River"
        >
          <picture>
	<source type="image/webp" srcset="/img/8arFMi5__v-300.webp 300w, /img/8arFMi5__v-480.webp 480w, /img/8arFMi5__v-640.webp 640w, /img/8arFMi5__v-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/8arFMi5__v-300.jpeg 300w, /img/8arFMi5__v-480.jpeg 480w, /img/8arFMi5__v-640.jpeg 640w, /img/8arFMi5__v-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/8arFMi5__v-300.jpeg"
        width="1024"
        height="576"
        alt="A top down view of a bridge crossing a raging river"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">River</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/ghost-ships"
          aria-label="Gallery image Ghost ships"
        >
          <picture>
	<source type="image/webp" srcset="/img/tzK9tZ4JtI-300.webp 300w, /img/tzK9tZ4JtI-480.webp 480w, /img/tzK9tZ4JtI-640.webp 640w, /img/tzK9tZ4JtI-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/tzK9tZ4JtI-300.jpeg 300w, /img/tzK9tZ4JtI-480.jpeg 480w, /img/tzK9tZ4JtI-640.jpeg 640w, /img/tzK9tZ4JtI-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/tzK9tZ4JtI-300.jpeg"
        width="1024"
        height="683"
        alt="Three large ships on the water. The sky blends in with the sea"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">Ghost ships</div>
    </li>
    
    <li class="image-container">
        <a
          href="/gallery/the-dark-forest"
          aria-label="Gallery image The Dark Forest"
        >
          <picture>
	<source type="image/webp" srcset="/img/6dPJtHl53t-300.webp 300w, /img/6dPJtHl53t-480.webp 480w, /img/6dPJtHl53t-640.webp 640w, /img/6dPJtHl53t-1024.webp 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
<source type="image/jpeg" srcset="/img/6dPJtHl53t-300.jpeg 300w, /img/6dPJtHl53t-480.jpeg 480w, /img/6dPJtHl53t-640.jpeg 640w, /img/6dPJtHl53t-1024.jpeg 1024w" sizes="(min-width: 600px) 50vw, (min-width: 800px) 100vw, 33.3vw">
	
      <img
        src="/img/6dPJtHl53t-300.jpeg"
        width="1024"
        height="683"
        alt="A path leading down into a dark forest"
        loading="lazy"
        decoding="async"
        class="grid-image"
        width=""
        height=""
      ></picture>
        </a>
        <div color="red">The Dark Forest</div>
    </li>
    
  </ul>
</div>
</main>

        <footer>
    <div class="footer-content">
        <div class="footer-info home">
            <p>&copy; 2024 Cian Mac Mahon. Built with <a target="_blank" href="https://www.11ty.dev/">11ty</a></p>
            <ul class="footer-links">
                <li class="footer-link"><a target="_blank" href="">Cian.lol</a></li>
                <li class="footer-link"><a target="_blank" href="">Cian.blog</a></li>
                <li class="footer-link"><a target="_blank" href="">LinkedIn</a></li>
            </ul>
        </div>
    </div>
</footer>
    </body>
</html>