deploy: 0730774

opulo-inc · Oct 11, 2023 · 8ea93a1 · 8ea93a1
1 parent 5604995
commit 8ea93a1
Show file tree

Hide file tree

Showing 13 changed files with 239 additions and 179 deletions.
diff --git a/assets/12mm-feeder-9b41908f.glb b/assets/12mm-feeder-9b41908f.glb
diff --git a/assets/12mm-strip-feeder-768f9900.glb b/assets/12mm-strip-feeder-768f9900.glb
diff --git a/assets/16mm-strip-feeder-0e96356a.glb b/assets/16mm-strip-feeder-0e96356a.glb
diff --git a/assets/24mm-strip-feeder-9776678d.glb b/assets/24mm-strip-feeder-9776678d.glb
diff --git a/assets/32mm-strip-feeder-eb8405cf.glb b/assets/32mm-strip-feeder-eb8405cf.glb
diff --git a/assets/8mm-feeder-47c6d7c7.glb b/assets/8mm-feeder-47c6d7c7.glb
diff --git a/assets/8mm-feeder-c1309ce8.glb b/assets/8mm-feeder-c1309ce8.glb
diff --git a/assets/8mm-strip-feeder-68702e6d.glb b/assets/8mm-strip-feeder-68702e6d.glb
diff --git a/assets/index-3ef4cc58.css b/assets/index-3ef4cc58.css
diff --git a/assets/index-5a2afc12.css b/assets/index-5a2afc12.css
diff --git a/assets/index-9724c475.js → assets/index-7fc2e473.js b/assets/index-9724c475.js → assets/index-7fc2e473.js
diff --git a/favicon copy.ico b/favicon copy.ico
diff --git a/index.html b/index.html
@@ -4,6 +4,14 @@
     <title>LumenPnP Config Tool</title>
 
 
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
+
+
+
+
     <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
@@ -12,26 +20,28 @@
     <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-9724c475.js"></script>
-  <link rel="stylesheet" href="./assets/index-3ef4cc58.css">
+  <script type="module" crossorigin src="./assets/index-7fc2e473.js"></script>
+  <link rel="stylesheet" href="./assets/index-5a2afc12.css">
 </head>
 <body>
   <div id="output"></div>
-  <div id="menu">
-    <h1>LumenPnP Config Tool</h1>
-    <p>Enter the number of unique parts your job requires for each tape width. Optionally, select how many of these are priority to be automated (parts with many instances per board).</p>
-    <br >
-    <div class="row">
-      <div class="col-left">
-        <h3>8mm Tape Total</h3>
-        <input type="number" value="0" id="8qty"><br>
+    <div id="background-pane">
+      <div id="menu">
+      <h1>LumenPnP Config Tool</h1>
+      <p>Enter the number of unique parts your job requires for each tape width. Optionally, select how many of these are priority to be automated (parts with many instances per board).</p>
+      <br >
+      <div class="row">
+        <div class="col-left">
+          <h3>8mm Tape Total</h3>
+          <input type="number" value="0" id="8qty"><br>
+        </div>
+        <div class="col-right">
+          <h3>8mm Priority</h3>
+          <input type="range" min="0" max="0" value="0" class="slider" id="8qtyPriority">
+          <div class="prioOut" id="prio8out"></div>
+        </div>
       </div>
-      <div class="col-right">
-        <h3>8mm Priority</h3>
-        <input type="range" min="0" max="0" value="0" class="slider" id="8qtyPriority">
-        <div id="prio8out"></div>
-      </div>
-    </div>
+
 
     <br>
 
@@ -43,7 +53,7 @@ <h3>12mm Tape Total</h3>
       <div class="col-right">
         <h3>12mm Priority</h3>
         <input type="range" min="0" max="0" value="0" class="slider" id="12qtyPriority">
-        <div id="prio12out"></div>
+        <div class="prioOut" id="prio12out"></div>
       </div>
     </div>
 
@@ -57,7 +67,7 @@ <h3>16mm Tape Total</h3>
       <div class="col-right">
         <h3>16mm Priority</h3>
         <input type="range" min="0" max="0" value="0" class="slider" id="16qtyPriority">
-        <div id="prio16out"></div>
+        <div class="prioOut" id="prio16out"></div>
       </div>
     </div>
 
@@ -68,18 +78,46 @@ <h3>16mm Priority</h3>
         <h3>24mm Tape Total</h3>
         <input type="number" value="0" id="24qty"><br>
       </div>
+
       <div class="col-right">
         <h3>24mm Priority</h3>
-      <input type="range" min="0" max="0" value="0" class="slider" id="24qtyPriority">
-      <div id="prio24out"></div>
+        <input type="range" min="0" max="0" value="0" class="slider" id="24qtyPriority">
+        <div class="prioOut" id="prio24out"></div>
+      </div>
+    </div>
+
+    <br>
+
+    <div class="row">
+      <div class="col-left">
+        <h3>32mm Tape Total</h3>
+        <input type="number" value="0" id="32qty"><br>
+      </div>
+
+      <div class="col-right">
+        <h3>32mm Priority</h3>
+        <input type="range" min="0" max="0" value="0" class="slider" id="32qtyPriority">
+        <div class="prioOut" id="prio32out"></div>
       </div>
     </div>
 
     <br>
 
-    <button onclick="calculate();">Calculate</button>
-    <br><br>
+    <div id="button-wrapper">
+      <button onclick="calculate();">Calculate</button>
+    </div>
+
     <div id="order"></div>
+
+
+    </div>
+
+    <div id="info">
+      Opulo 2023 - opulo.io
+    </div>
+
+    </div>
+
   </div>
 </body>
 </html>