Collapsible Sections with Rounded Corners body { font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; box-sizing: border-box; color: black; overflow-x: hidden; } a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } .tab-links { display: flex; justify-content: space-between; margin-bottom: 0; background: #fff; padding: 0; } .tab-links button { flex-grow: 1; padding: 12px 20px; border: none; background-color: #f2f2f2; cursor: pointer; outline: none; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: background-color 0.3s; border-bottom: 2px solid transparent; color: black; } .tab-links button:hover { background-color: orange; } .tab-links button.active { background-color: #ccc; border-bottom-color: #ccc; font-weight: bold; } .tab-content { display: none; padding: 20px; border: 1px solid #ccc; border-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0; } .tab-content.active { display: block; } .collapsible { background-color: #f2f2f2; color: black; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; display: flex; justify-content: flex-start; align-items: center; transition: background-color 0.3s; border-top: 1px solid white; border-radius: 8px; } .collapsible:first-of-type { border-top: none; } .collapsible.active { background-color: #e2e2e2; } .collapsible span { font-size: 18px; margin-right: 10px; transition: transform 0.3s ease; } .collapsible.active span { transform: rotate(45deg); } .collapsible-content { max-height: 0; padding: 0 18px; overflow: hidden; background-color: white; border-top: none; border-radius: 8px; transition: max-height 0.3s ease-out, padding 0.3s ease-out; } .collapsible-content.active { max-height: 1000px; padding: 18px; } @media (max-width: 600px) { .tab-links button { padding: 15px 10px; } .tab-content { padding: 15px; } } @media (max-width: 600px) { .tab-content img { width: 100%; height: auto; object-fit: contain; max-width: 100%; } } /* Add styling for video size */ .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 100%; background: #000; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Grey box styling for downloads */ .gray-box { background-color: #f2f2f2; padding: 10px; border-radius: 8px; margin-bottom: 10px; display: inline-block; } .gray-box a { color: black; text-decoration: none; } .gray-box a:hover { text-decoration: underline; } Description Content & Specs Install Files & Projects the MUTANT® is an innovative new Universal Tool Swapping System that allows you to transform your FDM printer into so much more! the MUTANT® gives you the ability to change your hot end on the fly and easily add other tools such as laser cutters, pen plotters, food plungers, ceramic printers, dial gauges, vinyl cutter, and just about anything you think of, all driven by the machine’s mechatronic components! *A quick note for those not familiar with electrical tasks: This installation involves basic electrical skills, like connecting wires to their respective connectors with no soldering or firmware updates necessary. However, if you’re not confident in your ability to handle these components, we recommend consulting a certified electrician for help. It's important to ensure everything is set up safely and correctly, as Wham Bam Systems cannot be held liable for any damage to your machine or equipment caused during installation or testing. Thanks for being cautious and making sure everything goes smoothly by following directions! If you ever need help, send us an email at [email protected]. You can find more helpful information on our MUTANT® support page . See more MUTANT® Products. The MUTANT V2 QUAD contains: 1 Fixed Plate 3 Mobile Plates Lots of accessories (list of components here) Tech Specs: Size: 75 mm W x 68.4 H Made of glass filled nylon 2 large terminals 10 Amp each, 26-16 AWG gauges 18 terminals at 3 AMP each, 26-18 AWG gauges Can operate at temps lower than 140 C For all downloads and installation information, visit MUTANT® support page. To mount the MUTANT® to your machine you have 3 options: Purchase one of our two types of Universal X Gantry Plate Kits. We offer one for Standard V Slot 3 bearing wheel carriages and one for Linear Rail carriages. Download and print one of the many interface plates available and use our included heat press inserts to create the 4 threaded mounts for the MUTANT® Fixed Plate. We currently have plates to fit nearly every Creality and Clone machine, BLV Ender 3, Geeetech A10 and A30 series, Open Builds 3 and 4 wheel V slots, and Prusa i3 style machines. More coming soon! Create your own interface plate, use our 3D files, and design the hole positions needed to mount it to your machine, use our included heat press inserts to create the 4 threaded mounts for the MUTANT® Fixed Plate. MUTANT® Documents The MUTANT® Installation MUTANT® Wiring Guide Native Hot End Mounting Guide Marlin Tool Changer Guide Guide to Using a Simple Laser Helpful Video: MUTANT® Playlist The MUTANT was designed to be able to mount to the largest variety of 3D printers, and we have a whole community constantly designing new mounts for new printers, for any new machine requests send them to technical support at [email protected] Our team and customers have created numerous projects using the MUTANT®. Here’s just one example of what’s possible with the MUTANT®. +The Ultimate Neptune 4 Max Project Find all the instructions and files to build your own MUTANT®️ Frankenstein here. Project page: Click here. Instructions for the Frankenstein Neptune 4 Max X-Gantry Mount for installing the MUTANT® on the Neptune 4 MAX MUTANT® Fixed Plate Conversion for Neptune 4 Max Interface plate to mount Neptune 4 Max Tool Head to MUTANT® Mobile Plate E3D Hemera XS Interface plate for mounting to the MUTANT® Mobile Plate STL Downloads: MUTANT® V2 Fixed Plate Files MUTANT® V2 Mobile Plate Mutant® V2 Interface Plates MUTANT® Interface Plate Templates More STLs on the MUTANT® Support page here. function openTab(event, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].classList.remove("active"); } tablinks = document.getElementsByClassName("tab-link"); for (i = 0; i < tablinks.length; i++) { tablinks[i].classList.remove("active"); } document.getElementById(tabName).classList.add("active"); event.currentTarget.classList.add("active"); } document.addEventListener("DOMContentLoaded", function () { var collapsibles = document.getElementsByClassName("collapsible"); for (var i = 0; i < collapsibles.length; i++) { collapsibles[i].addEventListener("click", function () { this.classList.toggle("active"); var content = this.nextElementSibling; content.classList.toggle("active"); }); } });
Related
Related
Related
Related