diff --git a/creator/index.php b/creator/index.php
index 97a86595..bf1a6ea3 100644
--- a/creator/index.php
+++ b/creator/index.php
@@ -95,7 +95,7 @@ include('../globalHTML/header-1.php');
-
+
@@ -411,5 +411,5 @@ include('../globalHTML/header-1.php');
-
+
\ No newline at end of file
diff --git a/img/frames/margins/blackCorners.png b/img/frames/margins/blackCorners.png
new file mode 100644
index 00000000..3fe92b84
Binary files /dev/null and b/img/frames/margins/blackCorners.png differ
diff --git a/img/frames/margins/blackCornersThumb.png b/img/frames/margins/blackCornersThumb.png
new file mode 100644
index 00000000..377f8b47
Binary files /dev/null and b/img/frames/margins/blackCornersThumb.png differ
diff --git a/js/creator-6.js b/js/creator-7.js
similarity index 98%
rename from js/creator-6.js
rename to js/creator-7.js
index 614a2f48..ac4857d2 100644
--- a/js/creator-6.js
+++ b/js/creator-7.js
@@ -23,7 +23,12 @@ art.onerror = function() {if (!this.src.includes('/img/blank.png')) {this.src =
art.onload = artEdited;
//set symbol
setSymbol = new Image(); setSymbol.crossOrigin = 'anonymous'; setSymbol.src = blank.src;
-setSymbol.onerror = function() {if (!this.src.includes('/img/blank.png')) {this.src = fixUri('/img/blank.png');}}
+setSymbol.onerror = function() {
+ if (this.src.includes('gatherer.wizards.com')) {
+ notify('Loading the set symbol from Gatherer failed. Please check this link to see if it exists. If it does, it may be necessary to manually download and upload the image.', 30);
+ }
+ if (!this.src.includes('/img/blank.png')) {this.src = fixUri('/img/blank.png');}
+}
setSymbol.onload = setSymbolEdited;
//watermark
watermark = new Image(); watermark.crossOrigin = 'anonymous'; watermark.src = blank.src;
@@ -1079,7 +1084,7 @@ function drawCard() {
//DOWNLOADING
async function downloadCard() {
if (card.infoArtist.replace(/ /g, '') == '' && !card.artSource.includes('/img/blank.png') && !card.artZoom == 0) {
- notify('You must credit an artist before downloading!');
+ notify('You must credit an artist before downloading!', 10);
} else {
var download = document.createElement('a');
var imageName = card.text.title.text;
@@ -1247,16 +1252,16 @@ async function loadCard(selectedCardKey) {
artistEdited(card.infoArtist);
document.querySelector('#text-editor').value = card.text[Object.keys(card.text)[selectedTextIndex]].text;
loadTextOptions(card.text);
- document.querySelector('#art-x').value = scaleX(card.artX);
- document.querySelector('#art-y').value = scaleY(card.artY);
+ document.querySelector('#art-x').value = scaleX(card.artX) - scaleWidth(card.marginX);
+ document.querySelector('#art-y').value = scaleY(card.artY) - scaleHeight(card.marginY);
document.querySelector('#art-zoom').value = card.artZoom * 100;
uploadArt(card.artSource);
- document.querySelector('#setSymbol-x').value = scaleX(card.setSymbolX);
- document.querySelector('#setSymbol-y').value = scaleY(card.setSymbolY);
+ document.querySelector('#setSymbol-x').value = scaleX(card.setSymbolX) - scaleWidth(card.marginX);
+ document.querySelector('#setSymbol-y').value = scaleY(card.setSymbolY) - scaleHeight(card.marginY);
document.querySelector('#setSymbol-zoom').value = card.setSymbolZoom * 100;
uploadSetSymbol(card.setSymbolSource);
- document.querySelector('#watermark-x').value = scaleX(card.watermarkX);
- document.querySelector('#watermark-y').value = scaleY(card.watermarkY);
+ document.querySelector('#watermark-x').value = scaleX(card.watermarkX) - scaleWidth(card.marginX);
+ document.querySelector('#watermark-y').value = scaleY(card.watermarkY) - scaleHeight(card.marginY);
document.querySelector('#watermark-zoom').value = card.watermarkZoom * 100;
document.querySelector('#watermark-left').value = card.watermarkLeft;
document.querySelector('#watermark-right').value = card.watermarkRight;
@@ -1289,7 +1294,7 @@ async function loadCard(selectedCardKey) {
watermarkEdited();
}
} else {
- notify(selectedCardKey + ' failed to load.')
+ notify(selectedCardKey + ' failed to load.', 10)
}
}
function deleteCard() {
@@ -1374,7 +1379,7 @@ function fetchScryfallData(cardName, callback = console.log) {
callback(JSON.parse(this.responseText));
// JSON.parse(this.responseText);
} else if (this.readyState == 4 && this.status == 404) {
- notify('No cards found for "' + cardName + '"');
+ notify('No cards found for "' + cardName + '"', 10);
}
}
xhttp.open('GET', 'https://api.scryfall.com/cards/search?order=released&unique=art&q=name%3D' + cardName.replace(/ /g, '_'), true);
diff --git a/js/frames/groupMisc.js b/js/frames/groupMisc-1.js
similarity index 84%
rename from js/frames/groupMisc.js
rename to js/frames/groupMisc-1.js
index ec375056..413a75a8 100644
--- a/js/frames/groupMisc.js
+++ b/js/frames/groupMisc-1.js
@@ -4,5 +4,5 @@ loadFramePacks([
{name:'Legends Multicolored', value:'Legends'},
{name:'Misc', value:'disabled'},
{name:'Planechase', value:'Planechase'},
- {name:'1/8 Inch Margin', value:'Margin'}
+ {name:'1/8 Inch Margin', value:'Margin-1'}
])
\ No newline at end of file
diff --git a/js/frames/packMargin.js b/js/frames/packMargin-1.js
similarity index 95%
rename from js/frames/packMargin.js
rename to js/frames/packMargin-1.js
index 2784ac5f..37e6c31a 100644
--- a/js/frames/packMargin.js
+++ b/js/frames/packMargin-1.js
@@ -5,6 +5,7 @@ availableFrames = [
{name:'Black Border Extension', src:'/img/frames/margins/blackBorderExtension.png', bounds:bounds},
{name:'Borderless Border Extension', src:'/img/frames/margins/borderlessBorderExtension.png', bounds:bounds},
{name:'Box Topper Border Extension', src:'/img/frames/margins/boxTopperBorderExtension.png', bounds:bounds},
+ {name:'Black Corners', src:'/img/frames/margins/blackCorners.png', bounds:bounds},
];
//disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = false;
diff --git a/js/main-1.js b/js/main-1.js
index 93d5276a..908c9cb3 100644
--- a/js/main-1.js
+++ b/js/main-1.js
@@ -8,7 +8,7 @@ function toggleMenu() {
document.querySelector('.menu').classList.add('menu-visible');
}
}
-function notify(message = '') {
+function notify(message = '', seconds) {
var notification = document.createElement('div');
notification.classList = 'notification padding';
var notificationMessage = document.createElement('h4');
@@ -19,6 +19,9 @@ function notify(message = '') {
close.onclick = closeNotification;
notification.appendChild(close);
document.querySelector('.notification-container').appendChild(notification);
+ if (seconds) {
+ setTimeout(function(){close.click();}, seconds * 1000)
+ }
}
function closeNotification(event) {
var target = event.target.closest('.notification');