<!--                                                                                    
                                            ░▒▒▒▒▒▒▒▒▒░░░░░░░░░░░▒░                          ░ ░   ░  ░ ▓    
                                       ░▒▒▒▒▒░░░░░░░░░░░░  ░        ░▒░                            ░░ ░ ▓    
                                     ░░░░░░░░     ░░░░░░░░░░░▒▒░░▒▒    ░▒▒▒░                  ░ ░   ░ ░ ▒    
                                   ░░░░░░░░░░░░░░▒░░░░▒░▒░▒▒▒▒▒▒▒▒▒▒▒▒▒  ░░░▓▒▒               ░ ░   ░ ░ ▒    
                                ░▒▒▒░░░░░░░░░░░░░░░░░░░░░▒░░░░▒░░░░░░░░▒▒░░░░░▒▒▒▓            ░ ░   ░ ░ ░    
                              ░░░░░  ░ ░░░░░░░░░░▒░░░░░░▒░░░▒░▒▒▒▒░░░░░░░▒░░░░░░░▒▒▒          ░ ░   ░ ░░░    
                              ░░         ░░░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒░▒░░▒▒▒▒░▒▒░░▒░░░▒▒         ░ ░   ░  ░░    
                           ░ ░░░░  ▒░░░░ ░░░░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░▒▒░▒░       ▒  ░  ░  ░ ░   
                         ░░░ ░░ ░        ░░░░░░░░░░░▒░▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▒░░░▒▒      ▒  ▒  ░  ░ ░   
                        ░   ░░ ░              ░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▒▒▒     ▓  ░  ░░ ░ ░   
                          ░░░░ ░   ░         ░▒░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒░░░░░▒░    ▓  ░   ░ ░ ░   
                      ░░░░░ ░░ ░     ░░░░░  ▒▒░░░░░▒░▒▒▒░░▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░▒    ▓  ▒   ▒ ░░░   
                       ░  ░░░░              ░░▒░░░░░░░▒▒▒▒░░░        ░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒   ▓  ░░  ▒ ░ ░   
                    ░░░░░░░░░              ░░░░  ░░░▒░░      ░▒▒▓▓▒▓▒░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▒   ▒  ░░  ░ ░ ▒   
                   ░ ░░░░░░░░     ▒▓▒      ▒░    ░░     ▒▓▓▓▓▓▒▓▓▓▓▒▒▓▓▒▒░░░░▒▒▒▒▒▒▒░▒░░░░░▓  ▓░  ░  ▒  ░░   
                  ░░░░ ░░             ░▒░ ░▒▒  ░░     ░▒▒▒▒▒▒▓▓▓▓▓▓▒▓▒▒▓▓▓▒░▒░▒▒▒▒▒▒▒▒▒▒▒▒░▒  ▒░  ░  ░  ░░   
                  ░░ ░░░  ▒▒▓▓▓▓░░░▒▒▒▓█▒  ░░  ░░▒░░░▒▒▓▓▓▓▒░░░░░░ ░░░▒▒▒▓▓▒▒░░░▒░▒▒▒▒░░░░░▒▓  ░  ░  ░  ░▒   
                  ░░░░░  ▒▒▒▒░░▓▓▓▒▒▒░░▒▓▒░░░  ░▒░▒▒▒░▒▒▒▒▒▒▒▓▓█▓▓▓▓▒▒░░░▒▒▒▒▒░░▒▒░▒▒▒▒░░░░▒█  ░  ░     ░▒   
                  ░░░░  ▒▒░░       ░ ░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▓███████████▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░▓  ░  ░ ░   ░░   
                  ░░░  ▓▒░  ░▒███████▓▒░░▒▒░░░░░▓▓▓▒▒▒▒▒▒▒███▓      ███▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒░░░▒░▓  ░  ▒  ░  ░░   
                  ░░     ░ ░█████▓▒▓███▓▒▒▓▓░    ▒▓▒▒▒▒▒▒▓█    ▒███   ▒▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒░▒░▒▓░ ░  ▒     ░▒   
                  ░░   ░░░▒███     ░  ▓████▒▒   ░▒▒▒▒▒▒▒▒▓ ░  █████░  ▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▒░░░░░▒     ░     ░▒   
                      ▒░░▒█▒█   ░████    ▒   ░ ▒░░░▒▒▒▒▒▓▒ ▒    ░ ░░▓▓▓▒▒▒▒░░▒▒▒▒▒▒▒░░░▒░░░░░▓▓▓▒        ▒   
                  ░░ ░▒▒▒▒▒░▒    █▓▓▓ ▒░░▓ ░▒  ▒▒▒▒▒▒▓▒▒▓▒▒▒▒▓█▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▒▒░░░░░░░░░▒▓▒▓██    ░  ▒   
                   ░░▒▓▓▒░░ ▒▒▒░   ▒░▒▓██░ ░  ░░░ ▒▒▒░▒▒▒▒▒▓▓▓▓▒▒▒▒▓▓▓▓▓▓▒▒▒░░░░▒▒▒▒▒░░░░░░░░▒▒▓▓█▓      ▓   
                   ░░        ░░  ▒▒░▒▓▓▓   ░ ░░▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░▒▒▒▒▒▒▒▒▒▒▒░░░░▒░▒▒▒▒▓▓█   ░  ▒   
                    ░  ░░░░░ ░▓██▓▓▒▒▒░   ░▒▒░ ░░░░░▒▒▒▓▒▒▒▒░▒▒▒▒░░     ░░░▒░▒▒▒▒▒▒▒▒░░░░░░░▒▒░ ░▓█░     ▒   
                   ░░░░▒▒▒░░             ▒▓░    ░░░▒▒░  ▒▒▒▒░░░░░░▒▒░░░░░░░░▒▒▒▒▒▒▒▒▒░░░░▒░▒██▒░ ░█▒     ▒░  
                 █          ░░ ░░░░░   ░░         ░░░░   ░░▒▒▒░░░░░░░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░▓▓▓▒▒░█▓   ░ ▒░  
                 █  ░░         ░░        ░░░▒▒░ ░░░░░░▒▒▓▒▒▒▒▒▒▒▒▒░░░▒▒▒▒▒░▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▒▒▒▒▒▒░▒▓   ░ ░░  
                 ▓█ ░░░▒░            ▒▒▒███░    ▒░▒▒███▓▓▒░▒▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▒▒▒▒▒▓▒▒▒░░░▒░▒▒▒▒▒▒▒▒▒░   ░ ░░  
                 ▒█ ░░ ░ ░        ░░░░ ██▓████▓▓▒▓█▓▓▓▒▓▓▓▒▓▒▒░▒▒▒▒▒▒░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▒░▒▒▒▓▓    ░  ▓  
                     ░░░░░        ░▒░   ▒▓▒   ░░▒▒▓█▓█▓▒▒▒▒▒░▒▒▒▒▒▒▒▒▒▒░▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░▒▓▓▒░░▒█░    ░  ▓  
                     ░░░ ░░░░░░   ▒▒       ▒▓░░▒░   ░░░▒▒▒░░░▒▒░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒░░▓▓▒▒▒██▒  ░  ░  ▓  
                    ░░░░░░░   ░░░░░     ▒░░▒▒▒▒▓█▒▒▒█▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒░░░▓▒▒▓▒▓░   ░  ░  ▓  
                    ░░░░  ░░░░ ░░░  ░░░░▒▒▓▓▒ ░▒▒    ▒▒█▓▓▓▓▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░▒████▓░    ░  ░  ▓  
                    ░░░░░░░░░░░    ░▒▒▓▒░░   ░░   ░░▒▒░░░░▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░ ░      ░ ░  ░  ▒  
                    ░   ░ ░░░░░▒▒ ░░▒▓██  ░     ░░░▒▒▒▒▒▒░░▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░    ░ ░     ░ ▒  
                     ░░░ ░░░░░░ ░░░    ░▒▒░▓████████▓▒▒░▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒░ ░▒    ░ ░  ░  ░ ░  
                     ░░░░░░ ░░░░░░░░   ▓██▒          ░▒██▓█▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▓░   ░    ░  ░ ░  
                     ▒░░░░░░░░░    ░███                    ░ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓░░▓▒░   ░ ░░ ░  ░░░  
                     ░░░░░░░░░░░ ░▒▒░     ░▒▓█████████▒▓▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▒▒  ▒  ░     ░ ░ 
                     ░░░░░░░░░░░░ ▒░░░▒▒▒▓████▓▓▓▓▓▓▓▓▓█▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▒░▒  ░  ░ ░   ░ ░ 
                     ░░░░░░░ ░░░░░░░░░░░░▒▒▓▒▒▒▒▒▒▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒░▒ ░  ░ ░   ▒ ░ 
                      ░░░░░░░░░░▒░░░░░░░░▓▓▒▓██████▓░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒░▒  ░ ░   ▒ ░ 
                      ▒▒░░░░░░░░░░░░░░░░░░          ░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒░░▒  ░ ░   ▒░░ 
                       ░▒░░░▒░▒░░░▒   ░░ ░▒   ░▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░         ░  
                        ░▒▒░░░▒░░░░▒▒░░  ░ ░▒▓▒▒░░░░▒░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒░ ▒           
                          ▒▒▒░░░░░░░░░░░░  ░░░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▓▓▒▒▓▒▒▒▒▒▒▒▒▒ ▓▓  ██▓▓▓▓▓ 
                            ▓▒▒░░░░░░░░▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▒▓▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒░ █░  █▒▒▒▒▒ 
                              ██▓▒░░░ ░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▓▓▒▓▓▒▓▓▓▒▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒░██  █▓▒▒▒▒ 
                                 ██▓▓▒░░░░▒▒▒▒▓▒▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▒▒▓▒▒▓▓▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓█  ▓▓▒▒▒▒ 
                                   ░ ▒█▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▓▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓█  ▓▓▒▒▒▒ 
                                   ▒░ ░░▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▒▓▒▓▓▒▓▒▒▒▒▒▓▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓█  █▒▒▒▒▒ 
                                   ░▒░▒▒▒▒▒▒▓▒▓▓▓▒▒▒▒▒▓▓▓▒▓▒▒▒▓▓▒▒▓▒▒▒▒▒▒▓▒▒▒▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓█  ▓▓▒▒▒▒ 
-->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Fishtank Observer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="static/css/stats.css"
    />
    
    <link rel="icon" href="static/img/ico.png" />

    
    <meta name="description" content="Fishtank.live statistics and data" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="twitter:domain" content="fishtank.observer" />
    <meta property="twitter:url" content="https://fishtank.observer" />
    <meta name="twitter:title" content="fishtank.observer" />
    <meta
      name="twitter:description"
      content="fishtank.live statistics and data"
    />
    <meta
      name="twitter:image"
      content="https://fishtank.observer/static/img/preview.jpg"
    />
    <meta property="og:url" content="https://fishtank.observer" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="fishtank.observer" />
    <meta
      property="og:description"
      content="fishtank.live statistics and data"
    />
    <meta
      property="og:image"
      content="https://fishtank.observer/static/img/preview.jpg"
    />
  </head>
  <body>
    <div id="main-layout">
      <div id="header">
        <div id="banner">Fishtank.live statistics</div>

        <div id="disclaimer">
          Not affiliated with fishtank.live. All trademarks, images and logos
          are the property of their respective owners. [<a
            id="mail"
            href="mailto:admin@fishtank.observer"
            >admin@fishtank.observer</a
          >] [<span id="dono" onclick="showDono()">$$$</span>] [<span
            id="about"
            onclick="showAbout()"
            >WTF?</span
          >]
        </div>

        <div class="controls">
          <input type="checkbox" id="autorefresh" />
          <label for="autorefresh">Auto-refresh</label>
        </div>
        <div id="time">Last update at: 03/19/2026, 10:00 AM</div>
      </div>

      <div class="stat-column" id="tts">
        <div class="column-header">
          Recent TTS/SFX
          <select id="roomselect">
            <option value="all">All cameras</option>
            
            <option value="dmrm-5">dmrm-5</option>
            
          </select>
          <select id="eventselect">
            <option value="all">SFX and TTS</option>
            <option value="tts">TTS</option>
            <option value="sfx">SFX</option>
          </select>
        </div>
        <div class="column-content">
          
          <div
            class="stat-event"
            event-type="sfx"
            event-room="dmrm-5"
          >
            <span class="icon icon-sfx"></span
            ><span
              class="user-name"
              onclick="popupStats(this.innerHTML,  148 )"
              >wes-2</span
            >
            -> dmrm-5: Mariachi Band
            <div class="timestamp" data-unix="1773924407">03/19/2026, 08:46 AM</div>
          </div>
          
        </div>
      </div>

      <div class="stat-column" id="notifications">
        <div class="column-header">Recent notifications</div>
        <div class="column-content">
           
          <div class="stat-event">
            Poll: Unknown question
            <ul class="poll-list">
              
              <li class="poll-option">
                <div class="poll-option-text">No (335)</div>
                <div class="poll-bar" style="width: 20.80745341614907%"></div>
              </li>
              
              <li class="poll-option">
                <div class="poll-option-text">Yes (470)</div>
                <div class="poll-bar" style="width: 29.19254658385093%"></div>
              </li>
              
              <li class="poll-option">
                <div class="poll-option-text">No (335)</div>
                <div class="poll-bar" style="width: 20.80745341614907%"></div>
              </li>
              
              <li class="poll-option">
                <div class="poll-option-text">Yes (470)</div>
                <div class="poll-bar" style="width: 29.19254658385093%"></div>
              </li>
              
            </ul>
            Total votes: 1610
            <div class="timestamp" data-unix="1773922800">03/19/2026, 08:20 AM</div>
          </div>

           
        </div>
      </div>

      <div class="stat-column" id="chat">
        <div class="column-header">Recent staff/fish chat messages</div>
        <div class="column-content">
          
          <div class="stat-event">
            <span class="user-name">wes-2</span>: Oops
            <div class="timestamp" data-unix="1773924408">03/19/2026, 08:46 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: yo wake up
            <div class="timestamp" data-unix="1773926448">03/19/2026, 09:20 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: @FoxChampion true
            <div class="timestamp" data-unix="1773926695">03/19/2026, 09:24 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: stop pinging me MEN
            <div class="timestamp" data-unix="1773926715">03/19/2026, 09:25 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: yes
            <div class="timestamp" data-unix="1773926755">03/19/2026, 09:25 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: vicky needs to get punched highkey
            <div class="timestamp" data-unix="1773926772">03/19/2026, 09:26 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: she built like a gym coach, im not doin it
            <div class="timestamp" data-unix="1773926798">03/19/2026, 09:26 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: @OatMealJuicy man what are you saying?
            <div class="timestamp" data-unix="1773926852">03/19/2026, 09:27 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: true
            <div class="timestamp" data-unix="1773926868">03/19/2026, 09:27 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            brrr-5: oh ok
            <div class="timestamp" data-unix="1773926901">03/19/2026, 09:28 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: JD FAGGOT
            <div class="timestamp" data-unix="1773927122">03/19/2026, 09:32 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: @Ozzy_Fuckin_O so true
            <div class="timestamp" data-unix="1773927151">03/19/2026, 09:32 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: jd sleeping w
            <div class="timestamp" data-unix="1773927196">03/19/2026, 09:33 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: @GoopingGunker you get it
            <div class="timestamp" data-unix="1773927231">03/19/2026, 09:33 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: @D4V3 dave
            <div class="timestamp" data-unix="1773927235">03/19/2026, 09:33 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: @SneedyFeedy yeah deadahh
            <div class="timestamp" data-unix="1773927271">03/19/2026, 09:34 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: stop pinging me men
            <div class="timestamp" data-unix="1773927306">03/19/2026, 09:35 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: jd movement
            <div class="timestamp" data-unix="1773927319">03/19/2026, 09:35 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: women on birth control love jimmy
            <div class="timestamp" data-unix="1773927320">03/19/2026, 09:35 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">abi</span> @
            dmrm-5: jd moves in his sleep gay
            <div class="timestamp" data-unix="1773927344">03/19/2026, 09:35 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: @SneedyFeedy around summer
            <div class="timestamp" data-unix="1773927370">03/19/2026, 09:36 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: f you want to be on TeaPot message me on x @dontreldolphin or email britgamescontact@gmail.com
            <div class="timestamp" data-unix="1773927386">03/19/2026, 09:36 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: BRITTANK
            <div class="timestamp" data-unix="1773927389">03/19/2026, 09:36 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: @OatMealJuicy ideally british people if you are or know any
            <div class="timestamp" data-unix="1773927447">03/19/2026, 09:37 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: who else eating onigiri or sushi
            <div class="timestamp" data-unix="1773927506">03/19/2026, 09:38 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: i had a dream landon got naked and was walking aroud with his footlong hog on display... how could they show that on youtube
            <div class="timestamp" data-unix="1773927567">03/19/2026, 09:39 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: @RildWandy if they can get their own flighs
            <div class="timestamp" data-unix="1773927616">03/19/2026, 09:40 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: f you want to be on TeaPot message me on x @dontreldolphin or email britgamescontact@gmail.com
            <div class="timestamp" data-unix="1773927700">03/19/2026, 09:41 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: f you want to be on TeaPot message me on x @dontreldolphin or email britgamescontact@gmail.com
            <div class="timestamp" data-unix="1773928344">03/19/2026, 09:52 AM</div>
          </div>
          
          <div class="stat-event">
            <span class="user-name">oddbod</span>: BOX FAN
            <div class="timestamp" data-unix="1773928449">03/19/2026, 09:54 AM</div>
          </div>
          
        </div>
      </div>

      <div class="stat-column" id="graphs">
        <div class="column-header">
          <a href="https://www.youtube.com/watch?v=bgROqPjy_ag" target="_blank"
            >Look at these graphs</a
          >
        </div>
        <div class="column-content">
          <div class="graph"></div>
          <div class="graph"></div>
          <div class="graph"></div>
          <div class="graph"></div>
          <div class="graph"></div>
          <br />
          <div>
            <table class="table">
              <tr>
                <th colspan="7">Stox</th>
              </tr>
              <tr>
                
                <th>ANIS</th>
                
                <th>BASH</th>
                
                <th>CHTY</th>
                
                <th>EMMA</th>
                
                <th>HEAD</th>
                
                <th>JD</th>
                
                <th>JDRA</th>
                
                <th>LAND</th>
                
                <th>TWIN</th>
                
                <th>VICT</th>
                
              </tr>
              <tr>
                
                <td>
                  <span class="money">₣159</span>
                </td>
                
                <td>
                  <span class="money">₣194</span>
                </td>
                
                <td>
                  <span class="money">₣104</span>
                </td>
                
                <td>
                  <span class="money">₣177</span>
                </td>
                
                <td>
                  <span class="money">₣136</span>
                </td>
                
                <td>
                  <span class="money">₣118</span>
                </td>
                
                <td>
                  <span class="money">₣216</span>
                </td>
                
                <td>
                  <span class="money">₣261</span>
                </td>
                
                <td>
                  <span class="money">₣335</span>
                </td>
                
                <td>
                  <span class="money">₣151</span>
                </td>
                
              </tr>
            </table>
          </div>
          <div>
            <table class="table">
              <tr>
                <th colspan="7">Token usage</th>
              </tr>
              <tr>
                <th></th>
                <th colspan="2">-24h</th>
                <th colspan="2">-7d</th>
                <th colspan="2">Total</th>
              </tr>
              <tr>
                <td>TTS</td>
                <td>
                  <span class="money">₣0</span>
                </td>
                <td>(0)</td>

                <td>
                  <span class="money">₣0</span>
                </td>
                <td>(0)</td>

                <td>
                  <span class="money">₣0</span>
                </td>
                <td>(0)</td>
              </tr>

              <tr>
                <td>SFX</td>
                <td>
                  <span class="money">₣450</span>
                </td>
                <td>(1)</td>
                <td>
                  <span class="money">₣450</span>
                </td>
                <td>(1)</td>
                <td>
                  <span class="money">₣450</span>
                </td>
                <td>(1)</td>
              </tr>
              <tr>
                <td>Toys</td>
                <td>
                  <span class="money">₣0</span>
                </td>
                <td>(0)</td>
                <td>
                  <span class="money">₣0</span>
                </td>
                <td>(0)</td>
                <td>
                  <span class="money">₣0</span>
                </td>
                <td>(0)</td>
              </tr>
              <tr>
                <td>Sum</td>
                <td>
                  <span class="money">₣450</span>
                </td>
                <td>(1)</td>
                <td>
                  <span class="money">₣450</span>
                </td>
                <td>(1)</td>
                <td>
                  <span class="money">₣450</span>
                </td>
                <td>(1)</td>
              </tr>
            </table>

            <table class="table">
              <tr>
                <th colspan="2">Site features</th>
              </tr>
              <tr>
                <td>TTS has been on in total for</td>
                <td>0 hours, 0 minutes</td>
              </tr>

              <tr>
                <td>SFX has been on in total for</td>
                <td>0 hours, 0 minutes</td>
              </tr>

              <tr>
                <td>Toys has been on in total for</td>
                <td>0 hours, 0 minutes</td>
              </tr>
            </table>
          </div>
          <br />
          <div>
            <table class="table">
              <tr>
                <th colspan="2">User statistics</th>
              </tr>
              <tr>
                <td>Total users active in chat so far</td>
                <td>473</td>
              </tr>
              <tr>
                <td>Users with a pass</td>
                <td>432</td>
              </tr>
              
              <tr>
                <td>Users with an XL pass</td>
                <td>41</td>
              </tr>
              <tr>
                <td>Users without a pass</td>
                <td>0</td>
              </tr>
            </table>
          </div>
          
        </div>
      </div>
    </div>

    <div class="popup" id="popup" style="display: none">
      <div class="popup-title" id="titleBar">
        <div class="title" id="titleText">Test</div>
        <div id="xbutton" class="xbutton" onclick="closePopup(0)">X</div>
      </div>
      <div id="popup-content" class="popup-content"></div>
    </div>

    <div class="popup" id="popup2" style="display: none">
      <div class="popup-title">
        <div class="title">Donations</div>
        <div class="xbutton" onclick="closePopup(1)">X</div>
      </div>
      <div class="popup-content">
        <p class="addr-head">XMR</p>
        <p class="addr">
          85Nr81ZLL9Mb5hFHxQd7H1av1iLvsumAE9YAEuwyuyjCS94VUB3qdhwT9xJ8ssvgcWGgggRAA9RCW1HdW4bhiuhNBnCxc2G
        </p>

        <iframe
          src="https://trocador.app/anonpay/?ticker_to=xmr&network_to=Mainnet&address=85Nr81ZLL9Mb5hFHxQd7H1av1iLvsumAE9YAEuwyuyjCS94VUB3qdhwT9xJ8ssvgcWGgggRAA9RCW1HdW4bhiuhNBnCxc2G&donation=True&simple_mode=True&name=fishtank.observer&email=admin@fishtank.observer&buttonbgcolor=740700&bgcolor=191d21ff"
          width="100%"
          height="280"
          style="border: 0"
          scrolling="no"
        ></iframe>
      </div>
    </div>

    <div class="popup" id="popup3" style="display: none">
      <div class="popup-title">
        <div class="title">About</div>
        <div class="xbutton" onclick="closePopup(2)">X</div>
      </div>
      <div class="popup-content">
        <div style="padding: 10px" class="qna">
          <p>
            fishtank.observer provides statistics about
            <a href="https://fishtank.live" taregt="_blank">fishtank.live</a>.
          </p>

          <h3>FAQ</h3>

          <p>
            <strong> Where does the data come from?</strong><br />
            Directly from the website.
          </p>

          <p>
            <strong>How often is the data updated?</strong><br />
            At least every five minutes, at most every minute.
          </p>

          <p>
            <strong>How accurate is the data?</strong><br />
            Chat messages, TTS, SFX, notifications, viewership numbers and stox are
            directly pulled from the site and are directly displayed without any
            additional processing.
          </p>
          
          <p>
            <strong>What about the tokens?</strong><br />
            Tokens spent on TTS and SFX should not be seen as a 1:1 conversion to actual money spent, because the data does not account for

            <ul>
              <li>refunded tokens,</li>
              <li>discounted token purchases,</li>
              <li>(potentially) free tokens given out by staff,</li>
              <li>free TTS sent by staff,</li>
              <li>and free tokens received through season passes.</li>
            </ul>

            So while the numbers might be useable for rough ballpark estimates, they should not be seen as actual revenue.
          </p>

          <p>
            <strong>What about the passes?</strong><br />
            Data about season passes is only gathered from active chat users. So for a user to be considered as having a pass, he has to be active in the global chat at least once.
            So any users that have a pass but are not active in the chat cannot be counted. Similarily tracking of expired passes is also only possible as long as a user is active in chat after the pass expired. Additionally the data does not differentiate between

            <ul>
              <li>old $60 passes,</li>
              <li>new $10 passes</li>
              <li>and gifted passes.</li>
            </ul>

            While the information on whether a user has a gifted pass is gathered, it's not displayed right now.
          </p>

          <p>
            <strong>Where is the source code?</strong><br />
            The source code is available on
            <a href="https://codeberg.org/cohlexyz/fisher" target="_blank"
              >codeberg.org/cohlexyz/fisher</a
            >, licensed under the AGPLv3.
          </p>

          <p style="font-size:8pt">Finally (at the risk of jinxing it) a thanks to the Wiggers for tolerating scraping.</p>
        </div>
      </div>

    </div>

    <script>
      function setCookie(name, value, days) {
        let expires = '';
        if (days) {
          let date = new Date();
          date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
          expires = '; expires=' + date.toUTCString() + '; SameSite=Lax';
        }
        document.cookie = name + '=' + (value || '') + expires + '; path=/';
      }

      function getCookie(name) {
        let nameEQ = name + '=';
        let ca = document.cookie.split(';');
        for (let i = 0; i < ca.length; i++) {
          let c = ca[i];
          while (c.charAt(0) == ' ') c = c.substring(1, c.length);
          if (c.indexOf(nameEQ) == 0)
            return c.substring(nameEQ.length, c.length);
        }
        return null;
      }

      const refreshTime = 60000;
      let refreshTimeout = null;

      titleBar.addEventListener('mousedown', (event) => {
        let x = event.clientX;
        let y = event.clientY;

        let offsetX = popup.offsetLeft;
        let offsetY = popup.offsetTop;

        function move(event) {
          let newX = offsetX + event.clientX - x;
          let newY = offsetY + event.clientY - y;

          popup.style.left = newX + 'px';
          popup.style.top = newY + 'px';
        }

        function up() {
          document.removeEventListener('mousemove', move);
          document.removeEventListener('mouseup', up);
        }

        document.addEventListener('mousemove', move);
        document.addEventListener('mouseup', up);
      });

      function closePopup(popupID = 0) {
        if (popupID === 1) {
          popup2.style.display = 'none';
        } else if (popupID === 0) {
          popup.style.display = 'none';
        } else {
          popup3.style.display = 'none';
        }
      }

      autorefresh.addEventListener('change', (event) => {
        if (event.target.checked) {
          clearTimeout(refreshTimeout);
          refreshTimeout = setTimeout(
            () => window.location.reload(),
            refreshTime
          );
        } else {
          clearTimeout(refreshTimeout);
        }
        setCookie('auto-refresh', event.target.checked, 365);
      });
      autorefresh.checked = getCookie('auto-refresh') === 'true';
      if (autorefresh.checked) {
        refreshTimeout = setTimeout(
          () => window.location.reload(),
          refreshTime
        );
      }

      function showDono() {
        popup2.style.display = 'block';
        popup3.style.display = 'none';
        popup.style.display = 'none';
      }

      function showAbout() {
        popup2.style.display = 'none';
        popup3.style.display = 'block';
        popup.style.display = 'none';
      }

      function scrollToBottom() {
        let columns = document.getElementsByClassName('column-content');
        for (let i = 0; i < columns.length; i++) {
          let column = columns[i];
          column.scrollTop = column.scrollHeight;
        }
      }

      function updateEventList() {
        
        let events = tts.getElementsByClassName('stat-event');

        for (let i = 0; i < events.length; i++) {
          let event = events[i];
          let roomName = event.getAttribute('event-room');
          let eventType = event.getAttribute('event-type');

          if (roomselect.value === 'all' || roomselect.value === roomName) {
            if (
              eventselect.value === 'all' ||
              eventselect.value === eventType
            ) {
              event.style.display = 'block';
            } else {
              event.style.display = 'none';
            }
          } else {
            event.style.display = 'none';
          }
        }
        scrollToBottom();
      }

      function popupStats(name, userID) {
        let popupContent = document.getElementById('popup-content');
        titleText.innerText = name;
        popup.style.display = 'block';
        popupContent.innerHTML =
          '<div class="lds-ripple"><div></div><div></div><p class="spinner-label">Loading...</p></div>';
        fetch('/query.php?id=' + userID)
          .then((response) => response.json())
          .then((data) => {
            popupContent.innerHTML = '';
            let html = '';
            data.forEach((e) => {
              let icon = e.tts ? 'tts' : 'sfx';
              let date = new Date(e.time * 1000);
              
              let time = date.toLocaleString('en-US', {
                month: 'numeric',
                day: '2-digit',
                year: 'numeric',
                hour: '2-digit',
                minute: '2-digit',
                hour12: true,
              });
              let element = `<div class="stat-event"><span class="icon icon-${icon}"></span><span class="user-name">${e.username}</span> -> ${e.roomname}: ${e.text} <div class="timestamp">${time}</div></div>`;
              html += element;
            });
            popupContent.innerHTML = html;
          });
      }

      roomselect.addEventListener('change', (event) => {
        setCookie('room-select', event.target.value, 365);
        updateEventList();
      });
      eventselect.addEventListener('change', (event) => {
        setCookie('event-select', event.target.value, 365);
        updateEventList();
      });

      
      roomselect.value = getCookie('room-select') || 'all';
      eventselect.value = getCookie('event-select') || 'all';
      updateEventList();

      setTimeout(() => scrollToBottom(), 5);

      var statColumns = document.getElementsByClassName('stat-column');

      
      
      (function() {
        var now = Date.now();
        
        var MAX_PER_COLUMN = 200;
        var workItems = [];
        for (var i = 0; i < statColumns.length; i++) {
          var column = statColumns[i];
          var timestamps = column.getElementsByClassName('timestamp');
          var count = 0;
          for (var j = timestamps.length - 1; j >= 0 && count < MAX_PER_COLUMN; j--) {
            var timestamp = timestamps[j];
            var diff = Math.floor(now / 1000 - timestamp.dataset.unix);
            if (diff >= 86400) break;
            var relativeTime = '';
            if (diff < 60) {
              relativeTime = diff + ' seconds ago';
            } else if (diff < 3600) {
              relativeTime = Math.floor(diff / 60) + ' minutes ago';
            } else {
              relativeTime = Math.floor(diff / 3600) + ' hours ago';
            }
            workItems.push({ el: timestamp, text: relativeTime });
            count++;
          }
        }

        var CHUNK_SIZE = 10;
        var index = 0;
        var schedule = window.requestIdleCallback || function(cb) { setTimeout(cb, 0); };

        function processChunk(deadline) {
          var end = Math.min(index + CHUNK_SIZE, workItems.length);
          while (index < end) {
            var item = workItems[index++];
            item.el.innerText += ' (' + item.text + ')';
          }
          if (index < workItems.length) {
            schedule(processChunk);
          }
        }

        if (workItems.length > 0) schedule(processChunk);
      })();
    </script>
  </body>
</html>