<html>
  <head>
    <title>bend.photo</title>
      <meta http-equiv="refresh" content="3; url=https://www.flickr.com/photos/thebontakun/" />
      <!-- <meta http-equiv="refresh" content="3; url=https://www.glass.photo/bonta" /> -->
    <style>
      html, body {
        margin: 10px 10px 10px 10px;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        height: 100%;
        width: 100%;
        background-color: color(display-p3 0.11 0.11 0.11);
        color: white;
        font-family: Verdana, system-ui, Helvetica, sans-serif;
      }
      
      div.middle {
        text-align: center;
        margin-left: auto; 
        margin-right: auto; 
      }
      
      img.hero {
        margin: 20px;
        border-radius: 10px;
        display: block; 
        margin-left: auto; 
        margin-right: auto; 
        max-height: 70%; /* Adjust width as needed */
      }
    </style>
  </head>
  <body>
    <div class="middle">
      <h1>Bend Photo</h1>
    </div>
    
    <a data-flickr-embed='true' href='https://www.flickr.com/photos/38839586@N00' title='Benjamin'>
      <img class="hero" src="https://live.staticflickr.com/65535/54853740139_f17525bc06_b.jpg" alt="Stellicorn">
    </a>
     <!-- <script async src='https://embedr.flickr.com/assets/client-code.js' charset='utf-8'></script> -->
     
    <div class="middle">
        This should redirect you in a moment
        <br />
        &#169; Benjamin Dow
      </div>
  </body>
</html>