improved presenter view

styles/main.css

@@ -434,18 +434,43 @@ img.contain {
   object-fit: contain;
 }
 
+body.show-notes {
+  background-color: #777;
+}
+
 body.show-notes section {
   transition: none;
 }
 
+body.show-notes section[janus-timeline='present'] {
+  transform: scale(0.75);
+  transform-origin: 0% 0%;
+  overflow: visible;
+}
+
+.notes {
+  display: none;
+  white-space: pre-line;
+}
+body.show-notes section[janus-timeline='present'] > .notes {
+  display: block;
+  position: absolute;
+  left: 100%;
+  width: 33.33%;
+  height: 100%;
+  font-size: 0.5rem;
+  text-align: left;
+  padding-left: 0.5em;
+}
+
 body.show-notes section[janus-timeline='present'] + section[janus-timeline='future'] {
   transform: scale(0.25);
   transform-origin: bottom right;
   top: auto;
   left: auto;
-  bottom: 0.4rem;
-  right: 0.4rem;
-  opacity: 0.75;
+  bottom: 0;
+  right: 0;
+  opacity: 1;
   visibility: visible;
   outline: 0.2rem solid white;
   z-index: 3;