LOL

2022-10-04 17:47:08 +03:00
commit 9c5723d770
7 changed files with 326 additions and 0 deletions
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name=viewport content="width=device-width">
+    <title>RCVD</title>
+  <style>
+    * {box-sizing: border-box; margin: 0; padding: 0}
+    html, body {
+      text-align:center;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      position: fixed;
+      background: #000;
+      color: cyan;
+      font-family: sans-serif;
+      font-size: 17px;
+    }
+    header {padding-top:5px}
+    h1 {
+      font-size: 17px;
+      font-weight: 600;
+      padding: 6px 0;
+    }
+    h2 {
+      font-size: 17px;
+      font-weight: 400;
+      padding: 2px 0;
+      color: yellow;
+    }
+    main.div {
+      font-size: 2rem;
+    }
+    #timeline {font-size:54px; padding-top: 1rem}
+    #dateline {font-size:26px; padding: 1rem 0}
+    #status {padding-top:5px}
+    #syncbtn {cursor:pointer}
+    footer {
+      bottom: 0;
+      height: 24px;
+      position: fixed;
+      color: yellow;
+      width: 100%;
+      font-weight:600;
+    }
+  </style>
+  </head>
+  <body>
+    <header>
+      <h1>RCVD</h1>
+      <h2>by Luxferre</h2>
+    </header>
+    <main>
+      <div id=timeline></div>
+      <div id=dateline></div>
+      <div id=status>Press both sync buttons</div>
+    </main>
+    <footer>
+      <span id=syncbtn>SYNC</span>
+    </footer>
+    <script src="rcvd.js"></script>
+    <script src=app.js></script>
+  </body>
+</html>