various fixes

data/borders/map/border.js

@@ -25,9 +25,9 @@ var textWidth = 660
 //Power Toughness
 var ptFont = "32px belerenb"
 var ptFontSpacing = "0.3px"
-var ptTextX = 374.5
+var ptTextX = 635
 var ptTextY = 933
-var ptX = 300
+var ptX = 560
 var ptY = 920
 var ptWidth = 150
 var ptHeight = 70

index.html

@@ -758,7 +758,10 @@ function createBorder() {
 		}	
 	}
 	//MIRACLE
-	if (document.getElementById("checkboxMiracle").checked == true && miracleBorder == true) {
+	if (document.getElementById("checkboxMiracle").checked == true && miracleBorder == true && (document.getElementById("checkboxFlippedDark").checked == false || flipBorder == false)) {
+		if (document.getElementById("checkboxFlippedDark").checked == true) {
+			alert("hmmm")
+		}
 		if (thirdColor == true) {
 			drawMask(imgBorderMiracle, 0, 0, cardWidth, cardHeight, border, imgFrameMask, false, false)
 		} else {
@@ -793,7 +796,18 @@ function createBorder() {
 				}
 			}
 		}
-		if (document.getElementById("checkboxFlipIcon").checked == true) {
+		//redraws the miracle border if required to match with the newer darker overlay
+		if (document.getElementById("checkboxMiracle").checked == true && miracleBorder == true && (document.getElementById("checkboxLegendary").checked == false || legendaryBorder == false)) {
+			if (thirdColor == true) {
+				drawMask(imgBorderMiracle, 0, 0, cardWidth, cardHeight, border, imgFrameMask, false, false)
+			} else {
+				drawMask(imgBorderMiracle, 0, 0, cardWidth, cardHeight, border, imgFrameMask, false, false)
+				if (secondColor == true) {
+					drawMask(imgSecondBorderMiracle, 0, 0, cardWidth, cardHeight, border, imgFrameMask, imgMultiGradient, "reverseSecond")
+				}
+			}
+		}
+		if (document.getElementById("checkboxFlipIcon").checked == true || document.getElementById("checkboxFlippedDark").checked == true) {
 			border.drawImage(imgBorderFlipCircle, 0, 0, cardWidth, cardHeight)
 			border.drawImage(imgBorderFlipIcon, 39, 51, 60, 60)
 		}
@@ -975,6 +989,9 @@ function writeText() {
 	card.fillText(document.getElementById("inputType").value, typeX + typeRightShift, typeY)
 	//Power/Toughness
 	if (document.getElementById("checkboxCreature").checked == true && creatureBorder == true) {
+		if (imgBorderCreature.src.substr(imgBorderCreature.src.length - 14) == "vehicle/pt.png") {
+			card.fillStyle = "White"
+		}
 		card.textAlign = "center"
 		card.drawImage(imgBorderCreature, ptX, ptY, ptWidth, ptHeight)
 		canvas.style.letterSpacing = ptFontSpacing