Add legend

eo2cube · Jul 5, 2023 · 5d348df · 5d348df
1 parent cebc16a
commit 5d348df
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -27,12 +27,17 @@
         padding-top: 5px;
       }
       input[type="range"] {
-        flex: 1
+        flex: 1;
+        height: 2em;
       }
       #controls {
         margin-top: 10px;
         display: flex;
       }
+      img#legend {
+        margin-left: 30px;
+        width: 700px;
+      }
     </style>
   </head>
   <body>
@@ -43,6 +48,7 @@ <h1>Wasserbilanz-WebViewer</h1>
       <label id="DOY">Day of year: 160</label>
       <input type="range" min="160" max="180" step="1" value="160" oninput="window.handleSlider(event)"/>
       <!-- Pointer events polyfill for old browsers, see https://caniuse.com/#feat=pointer -->
+      <img src="legend.png" id="legend"/>
     </div>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/elm-pep.js"></script>
     <script type="module" src="main.js"></script>

diff --git a/legend.png b/legend.png