Mercurial > code > home > repos > front-door-display
view src/scheduleLcd.html @ 6:e36abecb48a1
experimenting with block size & delay
author | drewp@bigasterisk.com |
---|---|
date | Fri, 08 Mar 2024 09:17:05 -0800 |
parents | d97a5930db7e |
children | b46679798c51 |
line wrap: on
line source
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>scheduleLcd</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: 80px" > <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 </div> <bigast-loginbar></bigast-loginbar> <script type="module" src="https://bigasterisk.com/lib/bigast/v2/loginBar.js" ></script> </body> </html>