clementinecomputing
/
popufare


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
							<!--

  Copyright (c) 2021 Clementine Computing LLC.

  This file is part of PopuFare.

  PopuFare is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  PopuFare is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with PopuFare.  If not, see <https://www.gnu.org/licenses/>.

-->

<meta charset='utf-8'/>
<html>

  <head>
    <link rel="stylesheet" href="css/piustyles.css">
    <link rel="stylesheet" href="css/grids.css">
  </head>

  <body id='body' >

    <div id='dim_overlay' style='z-index:1001;'></div>

    <!--
      an optional clock display under 'quick dim' mode
    -->
    <div id='ui_dimclock' style='z-index:1000; display:none; background:#000000; width:120vw; height:120vh; margin-left:-2vw; margin-top:-2vh;'>
      <div style='width:100%; height:100%;'>
        <div class='pure-g row' style='width:100%; height:100%;' >
          <div class='pure-u-1-6 col' style='position:absolute; top:10vh; margin-left:10vw;'>

            <button onmousedown='_beep();' class='bdropdark bkeyHuge' id='ui_dimclock_btn'>
              <span id='ui_dimclock_clock' class='bkeyTime' style='font-size:16vh;'> ok </span> <br>
              <span id='ui_dimclock_date' class='bkeyDate' style='font-size:8vh;'> ok </span> <br>
            </button>

          </div>
        </div>
      </div>
    </div>

    <div id='ui_test'></div>

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******  Watchdog  ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->

    <div id='ui_watchdog' style='display:none;'>

      <div style='width:100%; height:100%;'>

        <div class='pure-g row' style='width:100%; height:100%;' >
          <div class='pure-u-1-6 col' style=' position:absolute; top:10vh; margin-left:10vw; '>
            <button onmousedown='_beep();' class='bdropinp bkeyHuge' id='ui_watchdog_btn'>Watchdog Timer Expired! <br> Press Button to Reset UI </button>
          </div>
        </div>

      </div>

    </div>

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   main     ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->


    <!-- <div id='ui_main' style='display:none;'> -->
    <div id='ui_main'>

      <div class='pure-g'>
        <div class='pue-u'>

          <div class='pure-g row'>
            <div class='pure-u-1-12 col'> </div>
            <div class='pure-u-5-6 col'>
              <div class='bdisp' style='color:#999a99; font-size:8vh;' id='ui_message_status' >00/00 00:00 AM READY</div>
            </div>
            <div class='pure-u-1-12 col'></div>
          </div>

          <br>

          <div class='pure-g row'>
            <div class='pure-u-1-12 col'> </div>
            <div class='pure-u-5-6 col'>
              <div class='bdisp' id='ui_message_cardinfo'>--- ---- -- ----- </div>
            </div>

            <div class='pure-u-1-12 col'></div>
          </div>

          <div class='pure-g row' style='height:55vh;'>
            <img id='ui_main_vidfeed' style='height:50vh; margin-left: 16px;' src='' ></img>
          </div>

        </div>
      </div>

      <div id="ui_message_datetime" class='datetimebar'>
        2020-04-11 09:50 AM
      </div>

    </div> <!-- ui_main -->

    <!-- ********************** -->
    <!-- ******         ******* -->
    <!-- ******   END   ******* -->
    <!-- ******         ******* -->
    <!-- ********************** -->

  </body>

  <script src='js/moment.js'></script>

  <script src='js/jquery.js'></script>
  <script src='js/jquery-ui.js'></script>

  <script src='js/piu_ui_site_specific.js'></script>
  <script src='js/piu_ui.js'></script>

</html>