comparison 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
comparison
equal deleted inserted replaced
2:1cfca88f76d0 3:045013c772ed
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8" /> 4 <meta charset="utf-8" />
5 <title>scheduleLcd</title> 5 <title>scheduleLcd</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 <link rel="stylesheet" type="text/css" media="screen" href="src/main.css" /> 7 <link rel="stylesheet" type="text/css" media="screen" href="./main.css" />
8 <link
9 rel="stylesheet"
10 type="text/css"
11 media="screen"
12 href="./scheduleLcd.css"
13 />
8 <script type="module" src="./scheduleLcd.ts"></script> 14 <script type="module" src="./scheduleLcd.ts"></script>
9 </head> 15 </head>
10 <body> 16 <body>
11 17 <div
12 <fd-upcoming-events></fd-upcoming-events> 18 class="area"
19 style="
20 left: 2px;
21 right: 2px;
22 top: 0;
23 z-index: 2;
24 box-shadow: 0 5px 10px #00000033;
25 opacity:.6
26 "
27 >
28 </div>
29 <div
30 class="closeup-cal area"
31 style="left: 2px; top: 50px; width: 300px; height: 80px"
32 >
33 <div>12:34 - - - - - - ⤵ 6 minutes left</div>
34 <div>youtube | minecraft</div>
35 </div>
36 <div class="area" style="left: 2px; top: 180px; width: 60px; height: 100px">
37 map
38 </div>
39 <div class="area" style="left: 66px; top: 180px; right: 2px; bottom: 2px">
40 comingsoon
41 </div>
42
13 <bigast-loginbar></bigast-loginbar> 43 <bigast-loginbar></bigast-loginbar>
14 <script type="module" src="https://bigasterisk.com/lib/bigast/v2/loginBar.js"></script> 44 <script
45 type="module"
46 src="https://bigasterisk.com/lib/bigast/v2/loginBar.js"
47 ></script>
15 </body> 48 </body>
16 </html> 49 </html>