refactor and rewrite for asyncio

2026-02-06 12:34:59 -05:00
parent 700ea8d6a4
commit 4df700e4ef
54 changed files with 772 additions and 4334 deletions
@@ -0,0 +1,142 @@
+
+/* http://www.designcouch.com/home/why/2014/04/23/pure-css-drawer-menu/ */
+* {
+    box-sizing: border-box;
+    /* adds animation for all transitions */
+    
+    transition: .25s ease-in-out;
+  /*  margin: 0;
+    padding: 0;  */
+  /*  text-size-adjust: none;  */
+  }
+  /* Makes sure that everything is 100% height */
+  
+  html,
+  body {
+    height: 100%;
+    overflow: hidden;
+    color:#303030;
+    background:#fafafa top left repeat-y;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 
+    font-size:100%; 
+    margin: 0;
+  }
+  
+  #drawer-toggle {
+    position: absolute;
+    opacity: 0;
+  }
+  
+  
+  #drawer ul a {
+      display: block;
+      padding: 10px;
+      color: #c7c7c7;
+      text-decoration: none;
+  }
+  
+  #drawer-toggle-label {
+    user-select: none;
+    left: 0px;
+    height: 50px;
+    width: 50px;
+    display: block;
+    position: fixed;
+    color: rgb(242, 242, 242);
+    background: rgba(255, 255, 255, .0);
+    z-index: 1;
+  }
+  
+  /* adds our "hamburger" menu icon */
+  
+  #drawer-toggle-label:before {
+    content: '';
+    display: block;
+    position: absolute;
+    height: 2px;
+    width: 24px;
+    background: #8d8d8d;
+    left: 13px;
+    top: 18px;
+    box-shadow: 0 6px 0 #8d8d8d, 0 12px 0 #8d8d8d;
+  }
+  
+  header {
+    width: 100%; 
+    position: fixed;
+    left: 0px;
+    background: #efefef;
+    padding: 10px 10px 10px 50px;
+    font-size: 30px; 
+    line-height: 30px;  
+    z-index: 0;
+  }
+  
+
+  /* drawer menu pane - note the 0px width */
+  #drawer {
+    position: fixed;
+    top: 0;
+    width: 150px;
+    left: -150px;
+    height: 100%;
+    background: #2f2f2f;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    padding: 0px;
+  }
+  
+  @media all and (min-resolution: 150dpi) { 
+      header { 
+        font-size: 30px;
+/*        line-height: 45px; */
+      }
+      #drawer {
+        font-size: 120%;
+      }
+/*      body {
+        background-color: lightyellow;
+      } */
+  }
+  
+  /* actual page content pane */
+  
+  #content {
+    margin-left: 0px;
+    margin-top: 30px;
+ /*   width: 100%; */ 
+    height: calc(100% - 50px); 
+    overflow-x: hidden;
+    overflow-y: scroll;
+    padding: 20px;
+    flex: auto;
+  }
+  
+  /* checked styles (menu open state) */
+  
+  #drawer-toggle:checked ~ #drawer-toggle-label {
+    height: 100%;
+    width: calc(100% - 150px);
+    color: rgb(242, 242, 242);
+    background: rgba(255, 255, 255, .8);
+  }
+  
+  #drawer-toggle:checked ~ #drawer-toggle-label,
+  #drawer-toggle:checked ~ header {
+    left: 150px;
+  }
+  
+  #drawer-toggle:checked ~ #drawer {
+    left: 0px;
+  }
+  
+  #drawer-toggle:checked ~ #content {
+    margin-left: 150px;
+  }
+  
+  
+  #copyright {
+      font-size: 9px;
+      float: left;
+  }
+