updates info pane to be the opulo logo and have it link to the opulo …

…site
opulo-inc · Oct 12, 2023 · a07051d · a07051d
1 parent 0730774
commit a07051d
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 17 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -20,8 +20,8 @@
     <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
-  <script type="module" crossorigin src="./assets/index-7fc2e473.js"></script>
-  <link rel="stylesheet" href="./assets/index-5a2afc12.css">
+  <script type="module" crossorigin src="./assets/index-224e01a2.js"></script>
+  <link rel="stylesheet" href="./assets/index-24c745e6.css">
 </head>
 <body>
   <div id="output"></div>
@@ -112,12 +112,15 @@ <h3>32mm Priority</h3>
 
     </div>
 
-    <div id="info">
-      Opulo 2023 - opulo.io
-    </div>
-
     </div>
 
+    <a href="https://www.opulo.io/"><div id="info">
+      <img style="width: 120px;" src="./assets/opulo-black-alpha-f3ee483a.png" />
+    </div></a>
+
   </div>
+
+
+
 </body>
 </html>
diff --git a/index.html b/index.html
@@ -110,12 +110,15 @@ <h3>32mm Priority</h3>
 
     </div>
 
-    <div id="info">
-      Opulo 2023 - opulo.io
-    </div>
-
     </div>
 
+    <a href="https://www.opulo.io/"><div id="info">
+      <img style="width: 120px;" src="opulo-black-alpha.png" />
+    </div></a>
+
   </div>
+
+
+
 </body>
 </html>
diff --git a/opulo-black-alpha.png b/opulo-black-alpha.png
diff --git a/style.css b/style.css
@@ -8,7 +8,7 @@
     width: 500px;
     height: 100vh;
     position: fixed;
-    overflow-y: auto;
+
 
 }
 
@@ -22,6 +22,7 @@
     background-color: #fff;
     color: #222;
     font-family: 'Roboto', sans-serif;
+    overflow-y: auto;
 
 }
 
@@ -36,17 +37,23 @@
 }
 
 #info {
-    background-color: #fff;
-    color: #ccc;
+    background-color: #efefef;
+    color: black;
     padding: 10px;
-    width: 434px;
+    padding-top:15px;
     text-align: center;
-    margin-left: 20px;
-    margin-right: 20px;
+    margin: 0 auto;
     border-radius: 3px;
-    bottom: 20px;
+    top: 10px;
+    right:10px;
     position: absolute;
     font-family: 'Roboto Mono', monospace;
+    text-decoration-line: none;
+}
+
+#info:hover {
+    background-color: #DAA520;
+    color:black;
 }
 
 input[type="number"] {