huge rewrite with all 3d models

opulo-inc · Oct 11, 2023 · 0730774 · 0730774
1 parent e3ab463
commit 0730774
Show file tree

Hide file tree

Showing 33 changed files with 517 additions and 38,272 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/12mm-feeder.glb b/12mm-feeder.glb
diff --git a/12mm-strip-feeder.glb b/12mm-strip-feeder.glb
diff --git a/16mm-strip-feeder.glb b/16mm-strip-feeder.glb
diff --git a/24mm-strip-feeder.glb b/24mm-strip-feeder.glb
diff --git a/32mm-strip-feeder.glb b/32mm-strip-feeder.glb
diff --git a/44mm-adj-strip-feeder.glb b/44mm-adj-strip-feeder.glb
diff --git a/56mm-adj-strip-feeder.glb b/56mm-adj-strip-feeder.glb
diff --git a/8mm-feeder.glb b/8mm-feeder.glb
diff --git a/8mm-strip-feeder.glb b/8mm-strip-feeder.glb
diff --git a/README.md b/README.md
@@ -1,2 +1,8 @@
 # lumen-layout
 Tool for determining the optimal layout and feeders needed for a job on the LumenPnP
+
+to run:
+- `npx vite build`
+- `npx vite preview`
+
+pushing to main will deploy to config.opulo.io
diff --git a/adj-strip-feeder-left.glb b/adj-strip-feeder-left.glb
diff --git a/adj-strip-feeder-right.glb b/adj-strip-feeder-right.glb
diff --git a/dist/assets/8mm-feeder-c1309ce8.glb b/dist/assets/8mm-feeder-c1309ce8.glb
diff --git a/dist/assets/index-3ef4cc58.css b/dist/assets/index-3ef4cc58.css
diff --git a/dist/assets/index-9724c475.js b/dist/assets/index-9724c475.js
diff --git a/dist/index.html b/dist/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>
diff --git a/index.html b/index.html
@@ -2,8 +2,16 @@
 <html>
 <head>
     <title>LumenPnP Config Tool</title>
-    <link rel="stylesheet" href="style.css">
+
     <script src="script.js" type="module"></script>
+
+    <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="stylesheet" href="style.css">
+
     <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">
@@ -15,21 +23,23 @@
 </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>
-      <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 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>
+
 
     <br>
 
@@ -41,7 +51,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>
 
@@ -55,7 +65,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>
 
@@ -66,18 +76,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>