Mercurial > code > home > repos > front-door-display

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>scheduleLcd - for the lcd screen that sits by a gaming computer and
    tells you how much time is left</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" type="text/css" media="screen" href="./main.css" />
    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="./scheduleLcd.css"
    />
    <script type="module" src="./scheduleLcd.ts"></script>
  </head>
  <body>
    <div
      class="area"
      style="
        left: 2px;
        right: 2px;
        top: 0;
        z-index: 2;
        box-shadow: 0 5px 10px #00000033;
        opacity:.6
      "
    >
    </div>
    <div
      class="closeup-cal area"
      style="left: 2px; top: 60px; width: 300px; height: 120px"
    >
      <div><span id="time">.....</span> 😼 🐶  ⤵ 6 minutes left</div>
      <div>youtube | minecraft
        <span style="display: inline-block; background: red;">R</span>
        <span style="display: inline-block; background: green;">G</span>
        <span style="display: inline-block; background: blue;">B</span>
      </div>
    </div>
    <div class="area" style="left: 2px; top: 180px; width: 60px; height: 100px">
      map
    </div>
    <div class="area" style="left: 66px; top: 180px; right: 2px; bottom: 2px">
      comingsoon
      <img src="face-simone_00487_.png" style="height: 100%">
    </div>

  </body>
</html>
author	drewp@bigasterisk.com
date	Sat, 07 Sep 2024 17:47:36 -0700
parents	affb3c8f3f58
children