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

annotate src/scheduleLcd.html @ 11:affb3c8f3f58

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
schedulelcd progress
author drewp@bigasterisk.com
date Thu, 06 Jun 2024 14:49:04 -0700
parents b46679798c51
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
2
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
1 <!DOCTYPE html>
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
2 <html>
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
3 <head>
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
4 <meta charset="utf-8" />
11
affb3c8f3f58 schedulelcd progress
drewp@bigasterisk.com
parents: 7
diff changeset
5 <title>scheduleLcd - for the lcd screen that sits by a gaming computer and
affb3c8f3f58 schedulelcd progress
drewp@bigasterisk.com
parents: 7
diff changeset
6 tells you how much time is left</title>
2
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
7 <meta name="viewport" content="width=device-width, initial-scale=1" />
3
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
8 <link rel="stylesheet" type="text/css" media="screen" href="./main.css" />
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
9 <link
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
10 rel="stylesheet"
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
11 type="text/css"
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
12 media="screen"
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
13 href="./scheduleLcd.css"
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
14 />
2
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
15 <script type="module" src="./scheduleLcd.ts"></script>
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
16 </head>
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
17 <body>
3
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
18 <div
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
19 class="area"
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
20 style="
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
21 left: 2px;
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
22 right: 2px;
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
23 top: 0;
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
24 z-index: 2;
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
25 box-shadow: 0 5px 10px #00000033;
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
26 opacity:.6
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
27 "
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
28 >
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
29 </div>
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
30 <div
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
31 class="closeup-cal area"
7
b46679798c51 mv esp code to this repo. still trying to get correct refreshes
drewp@bigasterisk.com
parents: 6
diff changeset
32 style="left: 2px; top: 60px; width: 300px; height: 120px"
3
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
33 >
5
drewp@bigasterisk.com
parents: 3
diff changeset
34 <div><span id="time">.....</span> 😼 🐶 ⤵ 6 minutes left</div>
drewp@bigasterisk.com
parents: 3
diff changeset
35 <div>youtube | minecraft
drewp@bigasterisk.com
parents: 3
diff changeset
36 <span style="display: inline-block; background: red;">R</span>
drewp@bigasterisk.com
parents: 3
diff changeset
37 <span style="display: inline-block; background: green;">G</span>
drewp@bigasterisk.com
parents: 3
diff changeset
38 <span style="display: inline-block; background: blue;">B</span>
drewp@bigasterisk.com
parents: 3
diff changeset
39 </div>
3
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
40 </div>
11
affb3c8f3f58 schedulelcd progress
drewp@bigasterisk.com
parents: 7
diff changeset
41 <div class="area" style="left: 2px; top: 180px; width: 60px; height: 100px">
3
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
42 map
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
43 </div>
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
44 <div class="area" style="left: 66px; top: 180px; right: 2px; bottom: 2px">
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
45 comingsoon
11
affb3c8f3f58 schedulelcd progress
drewp@bigasterisk.com
parents: 7
diff changeset
46 <img src="face-simone_00487_.png" style="height: 100%">
affb3c8f3f58 schedulelcd progress
drewp@bigasterisk.com
parents: 7
diff changeset
47 </div>
3
045013c772ed vite paths; mockup of lcd page
drewp@bigasterisk.com
parents: 2
diff changeset
48
2
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
49 </body>
1cfca88f76d0 WIP little lcd display
drewp@bigasterisk.com
parents:
diff changeset
50 </html>