added XRP tab + field listing, changed products to MiniFRC

AlfredoSystems · Apr 17, 2024 · 54afd01 · 54afd01
1 parent 3241a74
commit 54afd01
Show file tree

Hide file tree

Showing 25 changed files with 127 additions and 0 deletions.
diff --git a/products/50g-servo/index.html → MiniFRC/50g-servo/index.html b/products/50g-servo/index.html → MiniFRC/50g-servo/index.html
diff --git a/products/9g-servo/index.html → MiniFRC/9g-servo/index.html b/products/9g-servo/index.html → MiniFRC/9g-servo/index.html
diff --git a/products/9v-barrel-jack/index.html → MiniFRC/9v-barrel-jack/index.html b/products/9v-barrel-jack/index.html → MiniFRC/9v-barrel-jack/index.html
diff --git a/products/9v-li-ion-battery/index.html → MiniFRC/9v-li-ion-battery/index.html b/products/9v-li-ion-battery/index.html → MiniFRC/9v-li-ion-battery/index.html
diff --git a/products/adafruit-motor-shield-v1/index.html → MiniFRC/adafruit-motor-shield-v1/index.html b/products/adafruit-motor-shield-v1/index.html → MiniFRC/adafruit-motor-shield-v1/index.html
diff --git a/products/alfredo-nou2/index.html → MiniFRC/alfredo-nou2/index.html b/products/alfredo-nou2/index.html → MiniFRC/alfredo-nou2/index.html
diff --git a/products/bt06/index.html → MiniFRC/bt06/index.html b/products/bt06/index.html → MiniFRC/bt06/index.html
diff --git a/products/charged-up-cone/index.html → MiniFRC/charged-up-cone/index.html b/products/charged-up-cone/index.html → MiniFRC/charged-up-cone/index.html
diff --git a/products/charged-up-cube/index.html → MiniFRC/charged-up-cube/index.html b/products/charged-up-cube/index.html → MiniFRC/charged-up-cube/index.html
diff --git a/products/chip0/index.html → MiniFRC/chip0/index.html b/products/chip0/index.html → MiniFRC/chip0/index.html
diff --git a/products/esp32/index.html → MiniFRC/esp32/index.html b/products/esp32/index.html → MiniFRC/esp32/index.html
diff --git a/products/index.html → MiniFRC/index.html b/products/index.html → MiniFRC/index.html
diff --git a/products/microusb/index.html → MiniFRC/microusb/index.html b/products/microusb/index.html → MiniFRC/microusb/index.html
diff --git a/products/mini-screwdriver/index.html → MiniFRC/mini-screwdriver/index.html b/products/mini-screwdriver/index.html → MiniFRC/mini-screwdriver/index.html
diff --git a/products/minifrc-kit-of-parts/index.html → MiniFRC/minifrc-kit-of-parts/index.html b/products/minifrc-kit-of-parts/index.html → MiniFRC/minifrc-kit-of-parts/index.html
diff --git a/products/n20-motor/index.html → MiniFRC/n20-motor/index.html b/products/n20-motor/index.html → MiniFRC/n20-motor/index.html
diff --git a/products/power-cell/index.html → MiniFRC/power-cell/index.html b/products/power-cell/index.html → MiniFRC/power-cell/index.html
diff --git a/products/products.js → MiniFRC/products.js b/products/products.js → MiniFRC/products.js
diff --git a/products/tt-motor/index.html → MiniFRC/tt-motor/index.html b/products/tt-motor/index.html → MiniFRC/tt-motor/index.html
diff --git a/products/tt-wheel/index.html → MiniFRC/tt-wheel/index.html b/products/tt-wheel/index.html → MiniFRC/tt-wheel/index.html
diff --git a/products/uno/index.html → MiniFRC/uno/index.html b/products/uno/index.html → MiniFRC/uno/index.html
diff --git a/XRP/field-no-prints/index.html b/XRP/field-no-prints/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
+	<link rel="stylesheet" href="/css/style.css">
+	<link rel="stylesheet" href="/css/materialize.min.css">
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<title>Alfredo Systems</title>
+</head>
+
+<body>
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
+	<script type="text/javascript" src="/js/materialize.min.js"></script>
+	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.5/jsrender.min.js"></script>
+	<script type="text/javascript" src="/templates/navbar.js"></script>
+	<script type="text/javascript" src="/products/xrp-field.js"></script>
+	<script type="text/javascript" src="/templates/product-page.js"></script>
+</body>
+</html>
diff --git a/XRP/index.html b/XRP/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
+	<link rel="stylesheet" href="/css/style.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+	<title>Alfredo Systems</title>
+</head>
+
+<body>
+	<div class="container" style="width: 85%">
+		<div class="row">
+			<div class="col s12 m12 l8 pane product-list" id="product-list">
+				<div class="divider"></div>
+			</div>
+			<div class="side-pane"></div>
+		</div>
+	</div>
+
+	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsrender/1.0.5/jsrender.min.js"></script>
+	<script id="product-template" type="text/x-jsrender">
+		<a href={{:link}} style="color:inherit">
+			<div class="product-list-element">
+				<img class="product-image" src="../images/{{:image}}">
+				<div class="product-text">
+					<h5 style="margin-top: 0">{{:name}}</h5>
+					<h6>Price: {{:price}}</h6>
+					{{:blurb}}
+				</div>
+			</div>
+		</a>
+		<div class="divider"></div>
+	</script>
+
+	<script type="text/javascript" src="/templates/navbar.js"></script>
+	<script type="text/javascript" src="/templates/side-pane.js"></script>
+
+	<script type="text/javascript" src="xrp-field.js"></script>
+	<script type="text/javascript">
+		products = products.filter(product => !product.unlisted);
+		$("#product-list").append($.templates("#product-template").render(products));
+		function formatForScreenSize() {
+			$(".product-text").each(function() {
+				var em = parseFloat($("html").css("font-size"));
+				if ($(this).prop("scrollHeight") > $(this).outerHeight()) $(this).addClass("fade-product-text");
+				else $(this).removeClass("fade-product-text");
+			});
+			if ($(window).width() <= 600) $(".product-image").addClass("product-image-mobile");
+			else $(".product-image").removeClass("product-image-mobile");
+		}
+		$(document).ready(() => {
+			formatForScreenSize();
+			setTimeout(formatForScreenSize, 250)
+		});
+		$(window).resize(formatForScreenSize);
+	</script>
+</body>
+</html>
diff --git a/XRP/xrp-field.js b/XRP/xrp-field.js
@@ -0,0 +1,45 @@
+let products = [
+    {
+        name: "Mountain Mayhem DIY Field Kit",
+        link: "mountain-mayhem-field-diy",
+        image: "xrp-field-diy.jpg",
+        price: "$145.00",
+        buy: `<strong style="color: red">Out of stock.</strong><br/>`,
+        blurb: `The hardest to source parts for the Mountain Mayhem game field.`,
+        description: `Mountain Mayhem is an exciting and accessible robot game designed for the <a href="https://www.sparkfun.com/products/22230">XRP platform</a>. Created in collaboration with FIRST, Mountain Mayhem is the perfect arena to hone one's roboting skills. Good for educators, students, FIRST teams, hobbyists, and more. In this game, take on the challenge of clearing the slide area, scoring snow in the reservoirs, scoring rocks in the quarry, and parking on the pass at the end of the game for big bonus points!
+        <br/><br/>
+        <strong>This bundle contains:</strong>
+        <div style="margin-left:10px">
+            <ul class="browser-default">
+            <li>1 - pass top (hardboard)</li>
+            <li>2 - pass slope (hardboard)</li>
+            <li>2 - reservoir basin (polycarbonate)</li>
+            <li>2 - reservoir slope (hardboard)</li>
+            <li>8 - slope wall (polycarbonate)</li>
+            <li>50 - #6-32 0.5in countersunk screw</li>
+            <li>30 - #6-32 0.5in button head screw</li>
+            <li>10ft - white gaffers tape</li>
+            <li>10ft - red gaffers tape</li>
+            <li>10ft - blue gaffers tape</li>
+        </div>
+
+        <br/><br/>
+        <strong>Resources:</strong>
+        <div style="margin-left:10px">
+            <ul class="browser-default">
+            <li><a href="https://cad.onshape.com/documents/96a67694c959c5256ba3888e/w/d53a317a26ca35360c404af6/e/cd4bd5a4145918ba604ba612?bomType=flattened&renderMode=0&rightPanel=BOMPanel&uiState=6618cac3be94de6a65ae8d71">Field CAD</a></li>
+            <li><a href="https://docs.google.com/document/d/1RmumBkXWaTyRvJN086SgkmbpiR8PneCvn1Q0SXBj8KA/edit?usp=sharing">Field Build Guide</a></li>
+        </div>
+
+        <br/><br/>
+        <strong>Must be sourced elsewhere:</strong>
+        <div style="margin-left:10px">
+            <ul class="browser-default">
+            <li>3d-printed parts. Printing the field and game pieces takes about two kilograms of filament. Download field parts from Printables!</li>
+            <li>6 sections of 0.5in schedule 40 PVC pipe, each 4ft long, can be bought and cut at any hardware store.</li>
+            
+        </div>
+
+        <em>Note: Lead times are dependant on stock. Early orders will be shipped immediately. After that the shipping delay may increase, up to but no longer than 2 weeks.</em>`
+    }
+]
diff --git a/images/xrp-field-diy.jpg b/images/xrp-field-diy.jpg