Mercurial > code > home > repos > front-door-display
diff src/scheduleLcd.html @ 3:045013c772ed
vite paths; mockup of lcd page
| author | drewp@bigasterisk.com |
|---|---|
| date | Tue, 05 Mar 2024 17:24:18 -0800 |
| parents | 1cfca88f76d0 |
| children | d97a5930db7e |
line wrap: on
line diff
--- a/src/scheduleLcd.html Tue Mar 05 16:21:31 2024 -0800 +++ b/src/scheduleLcd.html Tue Mar 05 17:24:18 2024 -0800 @@ -4,13 +4,46 @@ <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="src/main.css" /> + <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> - - <fd-upcoming-events></fd-upcoming-events> + <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: 50px; width: 300px; height: 80px" + > + <div>12:34 - - - - - - ⤵ 6 minutes left</div> + <div>youtube | minecraft</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> + <script + type="module" + src="https://bigasterisk.com/lib/bigast/v2/loginBar.js" + ></script> </body> </html>