new feature: download and upload historic data, provide view to uploaded data

style/style.styl

@@ -36,12 +36,15 @@ header
       padding: 0
       border: 1px solid black
       z-index: 100
-      a
+      .menu
         margin: 0
         padding: .5em
+        label::after
+          content: ':'
+          padding-right: 1ex
         &:hover
           background-color: #eee
-      a + a
+      .menu + .menu
         border-top: 1px solid black
       &:hover
         display: block
@@ -70,6 +73,10 @@ header
       &::before
         content: "✔"
         color: green
+    &.paused
+      &::before
+        content: "⏯"
+        color: gray
   #orientation
     margin: 0.5em
     &.lr
@@ -131,13 +138,13 @@ header
     left: 0
     width: 100vh
     height: 2em
-    transform: translate(-50%) translate(1em) rotate(270deg) translate(-50%) translate(1em)
+    transform-origin: right top
+    transform: translate(-100%) rotate(270deg)
     #orientation
       transform: rotate(90deg)
     #menu
-      position: absolute
-      left: -3em
-      transform: rotate(90deg) translate(50%) translate(-2em)
+      transform-origin: top left
+      transform: rotate(90deg) translate(0, -100%)
   main
     position: absolute
     top: 0
@@ -152,13 +159,13 @@ header
     right: 0
     width: 100vh
     height: 2em
-    transform: translate(50%) translate(-1em) rotate(90deg) translate(50%) translate(-1em)
+    transform-origin: left top
+    transform: translate(100%) rotate(90deg)
     #orientation
       transform: rotate(270deg)
     #menu
-      position: absolute
-      left: -3em
-      transform: rotate(270deg) translate(-50%) translate(2em)
+      transform-origin: top left
+      transform: rotate(270deg) translate(-100%)
   main
     position: absolute
     top: 0