borderless

data/scripts/main.js

@@ -244,7 +244,9 @@ function createBorder() {
 	//These if else statements check to see whether or not to draw different parts of the card, like the legendary border or rare stamp, and draws them in the appropriate order so that when multiple border colors are used the gradients overlap correctly
 	//BACKGROUND COLOR
 	border.clearRect(0, 0, cardWidth, cardHeight)
-	drawMask(document.getElementById("inputColor").value, 0, 0, cardWidth, cardHeight, border, imgArtMask, false, false)
+	if (document.getElementById("checkboxBorderless").checked == false) {
+		drawMask(document.getElementById("inputColor").value, 0, 0, cardWidth, cardHeight, border, imgArtMask, false, false)
+	}
 	//MAIN CARD FRAME
 	drawMask(imgBorderColor, 0, 0, cardWidth, cardHeight, border, imgFrameMask, false, false)
 	if (secondColor == true && secondBorder == true) {

index.html

@@ -139,22 +139,27 @@
 						<div>Flipped (Darker)</div>
 					</div>
 					<div class="checkbox">
-						<input type="checkbox" id="checkboxSilverBorder" onchange="updateBorder()" />
+						<input type="checkbox" id="checkboxSilverBorder" onchange="createBorder()" />
 						<label for="checkboxSilverBorder" />
 						<div>Silver Border</div>
 					</div>
-					<input type="color" id="inputColor" onchange="updateBorder()"> Border Color</input>
+					<input type="color" id="inputColor" onchange="createBorder()"> Border Color</input>
 					<div class="checkbox">
 						<input type="checkbox" id="checkboxFoil" />
 						<label for="checkboxFoil" />
 						<div>Foil</div>
 					</div>
 					<div class="checkbox">
-						<input type="checkbox" id="checkboxIdentity" onchange="updateBorder()" />
+						<input type="checkbox" id="checkboxIdentity" onchange="createBorder()" />
 						<label for="checkboxIdentity" />
 						<div>Color Identity</div>
 					</div>
-					<input id="inputIdentity" type="text" class="input" onchange="updateBorder()"></input>
+					<input id="inputIdentity" type="text" class="input" onchange="createBorder()"></input>
+					<div class="checkbox">
+						<input type="checkbox" id="checkboxBorderless" onchange="createBorder()" />
+						<label for="checkboxBorderless" />
+						<div>Borderless</div>
+					</div>
 				</div>
 				<div class="cmm" id="cmm-general">
 					Name