<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Greg Hochmuth &middot; Art and Code</title>

    <!-- Favicon
        ---------------------------------------------------------- -->
    <link rel="icon" type="image/png" href="/static/favicon/favicon-256.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, max-width=device-width" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <link rel="manifest" href="/static/favicon/site.webmanifest" />

    <meta name="description" content="Projects by Greg Hochmuth, an artist and engineer in New York City." />

    <link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700|ABeeZee|Lora:400,700|Cherry+Bomb+One" rel="stylesheet" type="text/css" />
    <!--
    <link href="https://fonts.googleapis.com/css2?family=Grandstander:wght@700&display=swap" rel="stylesheet" />
    -->

    <link href="https://fonts.googleapis.com/css2?family=Rampart+One&display=swap" rel="stylesheet" />

    <meta name="theme-color" content="#ffffff" />

    <style type="text/css">
      * {
        margin: 0;
        padding: 0;
        font-family: "Lora", sans-serif;
        box-sizing: border-box;
        scroll-behavior: smooth;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h3 a {
        font-family: "Lora", sans-serif;
        font-weight: 700;
      }

      h1,
      h2,
      .project h3 {
        font-size: 28px;
      }

      .contact-info h4 {
        font-size: 24px;
      }

      a:link,
      a:visited {
        text-decoration: none;
        border-bottom: 1px solid #000;
      }

      a:hover {
        border-bottom: 1px solid #000;
        color: #000;
      }

      .contact-info a:link,
      .contact-info a:visited {
        border-bottom-color: #000;
        color: #000;
      }

      .contact-info a:hover {
        color: #000;
      }

      #container {
        padding: 20px;
      }

      #header {
        padding-bottom: 20px;
        border-bottom: 1px solid #000;
      }

      #intro {
        font-size: 24px;
        margin: 10px 0 40px;
      }

      .project {
        position: relative;
        min-height: 300px;
        margin-bottom: 20px;
      }

      .projects {
        margin-bottom: 40px;
      }

      .project-image a {
        border-bottom: none !important;
      }

      .project-image,
      .project-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 400px;
      }

      .project-image img,
      .project-image video {
        width: 100%;
        border-radius: 4px;
        background: #ccc;
      }

      .project-content {
        margin-left: 420px;
      }

      .project-description {
        margin-top: 10px;
        max-width: 550px;
        line-height: 1.5em;
      }

      .project-description a:link,
      .project-description a:visited {
        color: #000;
      }

      .project-description a:hover {
        color: #000;
      }

      .contact-info {
        margin-bottom: 30px;
      }

      .contact-info div {
        font-size: 24px;
      }

      .color,
      .contact-info h4,
      .project h3,
      .announcements .project-description {
        color: #000 !important;
      }

      .project h3 a:link,
      .project h3 a:visited {
        border: none;
        color: #000;
      }

      .project h3 a:hover {
        color: #000;
        background: none !important;
      }

      .gray,
      #intro,
      .contact-info div {
        color: #000 !important;
      }

      .project h4 {
        color: #000;
        cursor: default;
        font-size: 22px;
        display: none;
      }

      #dear-future {
        color: #fff;
        position: absolute;
        top: 60px;
        left: 50px;
        font-size: 20px;

        -ms-transform: rotate(-20deg);
        /* IE 9 */
        -webkit-transform: rotate(-20deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-20deg);
      }

      .with-border {
        border: 1px solid #ccc;
      }

      .with-border:hover {
        border: 1px solid #000;
      }

      #network-effect {
        background-image: url(/static/network-effect@2x.png);
      }

      #dont-play-with-your-news {
        background-image: url(/static/dpwyn@2x.png);
      }

      #truth-and-quantity {
        background-image: url(/static/tq@2x.png);
      }

      #silent-sky {
        background-image: url(/static/silent-sky@2x.jpg);
      }

      #confession {
        background-image: url(/static/confession@2x.png);
      }

      #vhs {
        background-image: url(/static/vhs@2x.jpg);
      }

      #trainbow {
        background-image: url(/static/trainbow@2x.jpg);
      }

      #questions-game {
        background-image: url(/static/questions-game@2x.png);
      }

      #lost-and-found {
        background-image: url(/static/lost-and-found-v2@2x.png);
      }

      #q36 {
        background-image: url(/static/36q.png);
      }

      #disco {
        background-image: url(/static/disco@2x.jpg);
      }

      #trendy {
        background-image: url(/static/trendy@2x.png);
      }

      #jukebox {
        background-image: url(/static/jukebox-grex-nyc@2x.png);
      }

      #friends {
        background-image: url(/static/friends-grex-nyc@2x.png);
      }

      .project-video {
        background: none !important;
      }

      .project-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
        border: 1px solid #ccc;
      }

      .project-video a:link,
      .project-video a:visited {
        border-bottom: none;
      }

      .dear-future .project-image {
        background: #ccc;
        height: 300px;
        border-radius: 4px;
      }

      #photography-image {
        width: 400px;
        height: 300px;
        background-image: url(/static/photo@2x.jpg);
      }

      .email {
        font-size: 14px;
        padding: 8px;
        min-width: 420px;
        font-family: "Lora", sans-serif;
        border: 1px solid #000;
        color: #000;
        margin-right: 5px;
        border-radius: 4px;
      }

      .yes {
        font-size: 14px;
        font-family: "Lora", sans-serif;
        color: #fff;
        background: #000;
        outline: none;
        border: none;
        text-align: center;
        padding: 9px 10px;
        vertical-align: middle;
        position: relative;
        top: -1px;
        cursor: pointer;
        border-radius: 4px;
      }

      ul {
        margin-left: 2rem;
      }
      ul li {
        margin: 0.5rem 0;
      }

      @media only screen and (max-width: 600px), (max-device-width: 600px) {
        .project-image,
        .project-video {
          position: relative;
          top: 0;
          left: 0;
          margin-bottom: 1em;
          width: 100%;
        }

        .project-content {
          margin-left: 0;
          margin-bottom: 100px;
        }

        .project h3 {
          margin-bottom: 0.5em;
        }

        .project h3 a:link,
        .project h3 a:visited {
          border-bottom: 1px dotted #ccc;
          padding-bottom: 2px;
        }

        .project h3 a:hover {
          border-bottom: 1px solid #ccc;
        }

        .project h4 {
          margin-bottom: 0.5em;
        }

        .project-image,
        .project-video {
        }

        .project-description {
          font-size: 18px;
        }

        .announcements .project-image {
          margin-bottom: 0px;
        }

        .announcements .project-description {
        }

        .project-image,
        .project-video {
        }

        #dear-future {
          position: static;
          transform: none;
          margin-bottom: 1em;
        }

        .email {
          width: 100%;
          min-width: auto;
        }

        .yes {
          height: auto;
          width: auto;
          padding: 10px 20px;
          margin-top: 1em;

          display: block;
        }

        .contact-info h4 {
        }

        .contact-info div {
        }

        a:link,
        a:visited {
          text-decoration: none;
          border-bottom: 1px solid #000;
        }

        .project-image {
          border-radius: 8px;
        }

        .project-video video {
          border-radius: 8px;
        }

        .vhs .more a {
          white-space: nowrap;
        }

        .vhs .more .middot {
          visibility: hidden;
        }

        .announcements {
          margin-top: 5em;
        }
        .announcements .project-image {
          display: none;
        }
      }

      .nobreak {
        white-space: nowrap;
      }

      .cherry-bomb {
        font-family: "Cherry Bomb One", serif;
        font-weight: 400;
        font-style: normal;
      }

      .grandstander {
        font-family: "Grandstander", cursive;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
      }

      .zoodle-font {
        font-family: "Rampart One", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-variation-settings: "BNCE" 0, "INFM" 0, "SPAC" 0;
        font-size: 2.5rem !important;
      }
    </style>
  </head>

  <body>
    <div id="container" role="main">
      <div class="contents">
        <div id="intro">greg hochmuth (grex) is an artist and engineer in new york city.</div>

        <div class="projects">
          <div class="project">
            <div class="project-image">
              <a href="https://call-confession.com/" target="_blank">
                <img src="/static/confession@2x.png" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://call-confession.com/" target="_blank">Confession</a>
              </h3>
              <div class="project-description">Press 1 to confess, or 2 to hear someone&rsquo;s confession.</div>
              <div class="project-description">
                Confessors can speak for as long as the listener remains on the line. Listeners can only listen, as they will be muted.
              </div>
              <div class="project-description">
                A collaboration with
                <a href="https://www.instagram.com/gideonsbyebull" target="_blank">Gideon Jacobs</a>
              </div>
            </div>
          </div>

          <div class="project vhs">
            <div class="project-image">
              <a href="https://www.youtube.com/watch?v=Azv33Hjn1Dw" target="_blank">
                <img src="/static/vhs@2x.jpg" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://www.youtube.com/watch?v=Azv33Hjn1Dw" target="_blank">VHS: 24-Hour Rabbit Hole</a>
              </h3>
              <div class="project-description">
                <ul style="margin-top: 1em">
                  <li>Start with YouTube&rsquo;s first video</li>
                  <li>Pick a new video based on YouTube&rsquo;s recommendations every few seconds</li>
                  <li>Record the next 24 hours onto VHS</li>
                </ul>
              </div>

              <div class="project-description more" style="margin-top: 2em">
                <a href="https://grex.substack.com/p/vhs-24-hours-of-youtube" target="_blank">About this project</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://twitter.com/grex/status/1143149702113878016" target="_blank">
                <img src="/static/trainbow@2x.jpg" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://twitter.com/grex/status/1143149702113878016" target="_blank">Trainbow</a>
              </h3>
              <div class="project-description">An intervention on the New York City subway in June 2019.</div>
              <div class="project-description">
                In honor of
                <a href="https://en.wikipedia.org/wiki/Stonewall_riots" target="_blank">Stonewall 50</a>.
              </div>
            </div>
          </div>
          <div class="project">
            <div class="project-image">
              <a href="https://networkeffect.io/" target="_blank">
                <img src="/static/network-effect@2x.png" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://networkeffect.io/" target="_blank">Network Effect</a>
              </h3>
              <h4>Human Life on the Internet</h4>
              <div class="project-description">Network Effect explores the psychological effect of Internet use on humanity.</div>
              <div class="project-description">
                A collaboration with
                <a href="http://number27.org/" target="_blank">Jonathan Harris</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://36questions.nyc/" target="_blank">
                <img src="/static/36q.png" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://36questions.nyc/" target="_blank">36 Questions &times; New York</a>
              </h3>
              <div class="project-description">
                An interview for New Yorkers, inspired by
                <a href="https://www.nytimes.com/2015/01/09/style/no-37-big-wedding-or-small.html" target="_blank" class="nobreak">36&nbsp;Questions</a>
              </div>
              <div class="project-description">
                Also available <a href="https://www.etsy.com/listing/1887086611/36-questions-new-york-an-interview-for" target="_blank">in print</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://dont-play-with-your-news.com/" target="_blank">
                <img src="/static/dpwyn@2x.png" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://dont-play-with-your-news.com/" target="_blank">Don&rsquo;t Play With Your News</a>
              </h3>
              <div class="project-description">
                6 years of radio news cut into a million pieces. Part of
                <a href="https://medium.com/@grex/985e5a15b8bc" target="_blank">Breaking the News</a>, a series that explores our relationship with news &amp;
                broadcast.
              </div>
              <div class="project-description">
                <a href="https://medium.com/@grex/6c057a7a7df" target="_blank">About this project</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://truth-and-quantity.com/" target="_blank">
                <img src="/static/tq@2x.png" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://truth-and-quantity.com/" target="_blank">Truth &amp; Quantity</a>
              </h3>
              <div class="project-description">
                6 years of numbers &amp; the things we count. Part of
                <a href="https://medium.com/@grex/985e5a15b8bc" target="_blank">Breaking the News</a>, a series that explores our relationship with news &amp;
                broadcast.
              </div>
              <div class="project-description">
                A selection of the sound compilations is also
                <a href="https://grex-nyc.bandcamp.com/" target="_blank">available for download</a>.
              </div>

              <div class="project-description">
                <a href="https://medium.com/@grex/92b76b3a6b99" target="_blank">About this project</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://silent-sky.com/" target="_blank">
                <img src="/static/silent-sky@2x.jpg" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://silent-sky.com/" target="_blank">Silent Sky</a>
              </h3>
              <div class="project-description">
                Silence, pause &amp; human breath in 6 years of radio news. Part of
                <a href="https://medium.com/@grex/985e5a15b8bc" target="_blank">Breaking the News</a>, a series that explores our relationship with news &amp;
                broadcast.
              </div>
              <div class="project-description">
                <a href="https://medium.com/@grex/f4335b61fb9d" target="_blank">About this project</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://methaphone.com/" target="_blank">
                <img src="/static/methaphone-catgpt.jpg" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://methaphone.com/" target="_blank">methaphone</a>
              </h3>
              <div class="project-description">Free your hand ... and your mind will follow.</div>
              <div class="project-description" style="margin-top: 1.2em">
                A collaboration with <a href="https://mindless-toys.com/blogs/news/methaphone-tl-dr" target="_blank">Eric Antonow</a>
              </div>
              <div class="project-description" style="margin-top: 1.2em">
                In May 2025, methaphone was seen by over 150 million people after
                <a href="https://www.tiktok.com/@askcatgpt/video/7504372418161560878" target="_blank">going viral on TikTok</a> (<a
                  href="https://www.tiktok.com/@askcatgpt/video/7504849538209860906"
                  target="_blank"
                  >multiple</a
                >
                <a href="https://www.tiktok.com/@barstoolsports/video/7505170971217890606" target="_blank">times</a>), Instagram and Twitter.
              </div>
              <div class="project-description" style="margin-top: 3.6em">
                <a href="https://grex.substack.com/p/methaphone-on-art-and-friendship" target="_blank">About this project</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://grex.substack.com/p/ice-cream-spoooooons" target="_blank">
                <img src="/static/spoon.jpg" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://grex.substack.com/p/ice-cream-spoooooons" target="_blank">The Spoooooooon</a>
              </h3>
              <div class="project-description">
                I fell into a <a href="https://grex.substack.com/p/ice-cream-spoooooons" target="_blank">manufacturing rabbit hole</a> of recreating a wonderful
                ice cream spoon.
              </div>

              <div class="project-description">
                <a href="https://www.etsy.com/listing/1887194159/magical-ice-cream-spoon" target="_blank">Buy the spoon</a> and experience its surprising charm
                yourself.
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://apps.apple.com/us/app/zoodle-cute-animals-stories/id6471030942" target="_blank">
                <img src="/static/zoodle.jpg" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://apps.apple.com/us/app/zoodle-cute-animals-stories/id6471030942" target="_blank" class="zoodle-font" style="font-size: 1.2em"
                  >Zoodle</a
                >
              </h3>
              <div class="project-description">
                <a href="https://apps.apple.com/us/app/zoodle-cute-animals-stories/id6471030942" target="_blank">Zoodle</a>
                is an app for making stories about cute animals and their adventures.
              </div>

              <div class="project-description">
                I wanted to create an image-making app that anyone (especially kids) could use without typing words or knowing how to read.
              </div>
              <div class="project-description">
                Also available as a
                <a href="https://www.etsy.com/listing/1873021728/zoodle-picture-book-for-kids" target="_blank">picture book</a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://disco.grex.nyc" target="_blank">
                <img src="/static/disco@2x.jpg" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://disco.grex.nyc" target="_blank">Disco</a>
              </h3>
              <div class="project-description">
                <a href="https://disco.grex.nyc" target="_blank">Disco</a>
                matches you with a different Spotify user every week.
              </div>

              <div class="project-description">You get a playlist with their current obsessions (most played songs), and they get a playlist with yours.</div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://x.com/grex/status/1861146242618925147" target="_blank">
                <img src="/static/readme.jpg" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://x.com/grex/status/1861146242618925147" target="_blank">README</a>
              </h3>

              <div class="project-description">
                <a href="https://x.com/grex/status/1861146242618925147" target="_blank">README</a>
                is a text-only image app. I&rsquo;ve been fascinated by how computers see & read our images. This app is a social exploration of that.
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://tldr-chrome-extension.com/" target="_blank">
                <img src="/static/tldr-outline.jpg" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://tldr-chrome-extension.com/" target="_blank">TLDR</a>
              </h3>

              <div class="project-description">
                <a href="https://tldr-chrome-extension.com/" target="_blank" style="text-decoration: none; border: none">
                  <span style="border-bottom: 1px solid #000">TLDR</span
                  ><span style="text-decoration: none; border: none; cursor: text !important">
                    is a Chrome extension that quickly summarizes webpages, YouTube videos and PDFs.</span
                  >
                </a>
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://questions-game.com/" target="_blank">
                <img src="/static/questions-game@2x.png" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://questions-game.com/" target="_blank">The Questions Game</a>
              </h3>
              <div class="project-description">A weekly newsletter that sends out 3 new questions every Friday.</div>
              <div class="project-description">
                The questions are meant for couples, dates or close friends to get to know each other better in a simple, meaningful way.
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="/lost-and-found" target="_blank">
                <img src="/static/lost-and-found-v2@2x.png" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="/lost-and-found" target="_blank">Lost &amp; Found</a>
              </h3>
              <div class="project-description">Enter a YouTube search.</div>

              <div class="project-description">Watch the result for the search just before yours.</div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://heyfriends.app/" target="_blank">
                <img src="/static/friends-grex-nyc@2x.png" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://heyfriends.app/" target="_blank">Friends</a>
              </h3>
              <div class="project-description">
                <a href="https://heyfriends.app/" target="_blank">Friends</a> is an iPhone app for sharing with close friends.
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://apps.apple.com/us/app/jukebox-discover-music/id1573960215" target="_blank">
                <img src="/static/jukebox-grex-nyc@2x.png" class="with-border" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://apps.apple.com/us/app/jukebox-discover-music/id1573960215" target="_blank">Jukebox</a>
              </h3>
              <div class="project-description">
                <a href="https://apps.apple.com/us/app/jukebox-discover-music/id1573960215" target="_blank">Jukebox</a>
                is an iPhone app for discovering music.
              </div>
            </div>
          </div>

          <div class="project">
            <div class="project-image">
              <a href="https://open.spotify.com/album/4bfHjg65WxdVVhcWQrvhRq" target="_blank">
                <img src="/static/holiday-tc.jpg" />
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://open.spotify.com/album/4bfHjg65WxdVVhcWQrvhRq" target="_blank">Holiday Terms &amp; Conditions</a>
              </h3>

              <div class="project-description">
                A
                <a href="https://open.spotify.com/album/4bfHjg65WxdVVhcWQrvhRq" target="_blank">Christmas album</a>
                based on the terms &amp; conditions of Waymo, Tinder and other companies.
              </div>

              <div class="project-description">
                <a href="https://grex.substack.com/p/holiday-terms-and-conditions-a-christmas" target="_blank">About this project</a>
              </div>
            </div>
          </div>

          <div class="project" style="min-height: 225px">
            <div class="project-image">
              <a href="https://w.hereisthejoy.com/" target="_blank">
                <video autoplay loop muted playsinline>
                  <source src="/static/whereisthejoy.mp4" type="video/mp4" />
                </video>
              </a>
            </div>
            <div class="project-content">
              <h3>
                <a href="https://w.hereisthejoy.com/" target="_blank">Where is The Joy</a>
              </h3>
              <div class="project-description">
                Looping video,
                <a href="https://w.hereisthejoy.com/" target="_blank">w.hereisthejoy.com</a>
              </div>
            </div>
          </div>

          <div class="project announcements dear-future">
            <div class="project-image">
              <span id="dear-future">dear<br />future,</span>
            </div>
            <div class="project-content">
              <div class="project-description" style="padding: 40px 0 10px; cursor: default">Subscribe to short announcements about new projects:</div>
              <div>
                <form action="https://grex.substack.com/subscribe" method="get" target="_blank" aria-label="Newsletter signup">
                  <input type="email" name="email" id="tlemail" class="email" placeholder="Your email address" aria-label="Email address" required />
                  <button class="yes" type="submit">Subscribe</button>
                </form>
              </div>
            </div>
          </div>
        </div>

        <div class="contact-info">
          <h4>contact</h4>
          <div><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6f070a0303002f081d0a174101160c">[email&#160;protected]</a></div>
        </div>

        <div class="contact-info">
          <h4>follow</h4>
          <div>
            @grex on
            <a href="https://instagram.com/grex" target="_blank">instagram</a>, <a href="https://twitter.com/grex" target="_blank">twitter</a>,
            <a href="https://grex.tumblr.com/" target="_blank">tumblr</a>
          </div>
        </div>
      </div>
    </div>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
      (function (i, s, o, g, r, a, m) {
        i["GoogleAnalyticsObject"] = r;
        (i[r] =
          i[r] ||
          function () {
            (i[r].q = i[r].q || []).push(arguments);
          }),
          (i[r].l = 1 * new Date());
        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m);
      })(window, document, "script", "//www.google-analytics.com/analytics.js", "ga");

      ga("create", "UA-68141296-1", "auto");
      ga("send", "pageview");
    </script>
  </body>
</html>
