WARNING: WE DO NOT RECOMMEND USING GLASS FEET ON ANY OF OUR MOUSEPADS ESPECIALLY THE TEMPLE OF DREAMS. THIS IS DUE TO THE FACT THAT GLASS IS HARDER THAN POLYESTER FABRICS SO THE MOUSE FEET WILL SLOWLY SOFTEN UP THE FABRIC AND CAUSE SLOW SPOTS.
DESCRIPTION
We aspire to bring the highest quality product to our customers, from the Art to the construction of the mousepad. We believe we accomplished that with our first mousepad drop, but we heard your feedback. A considerable amount of people wanted a slower option with a design that is more welcoming to all sorts of setups. We hope everyone loves this project as much as we do!
FEATURES
- Smooth-to-touch surface that focuses on a locked-in control feel. - Uncoated Polyester Surface. Not Machine Washable - 4mm foam density between Soft and Mid. - Best Artwork in the Industry - Improved Durability on our Slim Stitching.
This product is a pre-order and is not currently in stock.
By purchasing this product, you agree to the pre-order terms and conditions.
/* Style the popup and make it hidden by default */
.popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
/* Style the content of the popup */
.popup-content {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border-radius: 5px;
}
/* Style the close button */
.popup-close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
font-size: 18px;
color: black;
}
/* Style the button inside the popup */
#approve-button {
background-color: green;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
// Get a reference to the popup element, the checkbox, and the approve button
const popup = document.getElementById("pre-order-popup");
const termsCheckbox = document.getElementById("terms-checkbox");
const approveButton = document.getElementById("approve-button");
// Add an event listener to the terms checkbox
termsCheckbox.addEventListener("change", function() {
// Enable or disable the approve button based on the checkbox state
approveButton.disabled = !termsCheckbox.checked;
});
// Add an event listener to the approve button
approveButton.addEventListener("click", function() {
// Hide the popup when the button is clicked
popup.style.display = "none";
// Allow the purchase to proceed
// You can add your own code here to proceed with the purchase
});
// Show the popup when the page loads
window.onload = function() {
popup.style.display = "block";
};
Choosing a selection results in a full page refresh.