<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
   <!-- Pixel Code for https://www.widgetsquad.com/ -->
<script async src="https://www.widgetsquad.com/pixel/z0acibz7h75kslc05r43eh9ytgmxf8tt"></script>
<!-- END Pixel Code -->
  <script>
    if (window.location.host.indexOf('github.io') > -1 && window.location.protocol == "https:"){
        window.location.protocol = "http";
    }
</script>
 <script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>
<div class="commonninja_component pid-76f4abf0-8b57-4399-890f-98b48ed60075"></div>
  
  <title>Watch Paint Dry</title>
  <meta name="description" content="Spend all day watching paint dry, because like you have anything better to do?">
  <meta name="author" content="JP Archer">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/app.css">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@_itsjp">
  <meta name="twitter:creator" content="@_itsjp">
  <meta name="twitter:title" content="Watch Paint Dry">
  <meta name="twitter:description" content="Spend all day watching paint dry, because like you have anything better to do?">
  <meta name="twitter:image" content="https://www.jparcher.com/watch-paint-dry/img/twidtter-bg.png">
  <meta property="og:title" content="Watch Paint Dry" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://www.jparcher.com/watch-paint-dry/" />
  <meta property="og:image" content="https://www.jparcher.com/watch-paint-dry/img/twditter-bg.png" />
  <meta property="og:description" content="Spend all day watching paint dry, because like you have anything better to do?" />

  <style>
    .live {
      display: flex;
      align-items: center;
      font-size: 24px;
    }
    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: green;
      margin-right: 5px;
    }
  </style>
</head>

<body>
  <div class="vh">
    <div class="live">
      <span class="dot"></span>
      <span>LIVE</span>
      <span id="time-spent">0 seconds</span>
    </div>
  </div>
  <div style="display:none">
    <h1>Watch paint dry online, because like you have anything better to do?</h1>
  </div>

  <script>
    let seconds = 0;

    // Function to update the seconds counter
    function updateTime() {
      seconds++;
      document.getElementById('time-spent').innerText = seconds + ' seconds';
    }

    // Update the time every second
    setInterval(updateTime, 1000);
  </script>
</body>
</html>
