unhinged

img/frames/textless/unhinged/pinline.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
+    <g id="Card1" serif:id="Card">
+        <path id="Textbox--Regular-" serif:id="Textbox (Regular)" d="M950.123,96L1404,96L1404,1889L96,1889L96,96L549.877,96C549.767,97.999 549.714,99.999 549.714,102C549.714,103.666 549.75,105.333 549.827,107L107,107L107,1878L1393,1878L1393,107L950.173,107C950.25,105.333 950.286,103.666 950.286,102C950.286,99.999 950.233,97.999 950.123,96Z" style="fill:rgb(239,56,39);"/>
+    </g>
+</svg>

img/frames/textless/unhinged/title.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="1500" height="2100" viewBox="0 0 1500 2100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="Card" x="0" y="0" width="1500" height="2100" style="fill:none;"/>
+    <g id="Card1" serif:id="Card">
+        <g id="Title" transform="matrix(1,0,0,1,8,-59)">
+            <path d="M923,104C936.524,123 941.286,142 941.286,161C941.286,180 936.524,199 923,218L561,218C547.476,199 542.714,180 542.714,161C542.714,142 547.476,123 561,104L923,104Z" style="fill:rgb(0,117,190);"/>
+        </g>
+    </g>
+</svg>

js/creator-21.js

@@ -1157,7 +1157,7 @@ function artFromScryfall(scryfallResponse) {
 	var optionIndex = 0;
 	scryfallResponse.forEach(card => {
 		var option = document.createElement('option');
-		option.innerHTML = `${card.name} (${card.set_name})`;
+		option.innerHTML = `${card.name} (${card.set.toUpperCase()} - ${card.artist})`;
 		option.value = optionIndex;
 		artIndex.appendChild(option);
 		optionIndex ++;

js/frames/groupTextless-4.js

@@ -3,6 +3,7 @@ loadFramePacks([
 	{name:'Magic Fest Promos', value:'MagicFest'},
 	{name:'Inventions', value:'TextlessInvention'},
 	{name:'Unstable Basics', value:'Unstable'},
+	{name:'Unhinged Basics', value:'Unhinged'},
 	{name:'Fullart Basics', value:'ZendikarBasic-1'},
 	{name:'Fullart Snow Basics', value:'FullartBasicRoundBottom'},
 	{name:'Seventh', value:'SeventhTextless'},

js/frames/packUnhinged.js

@@ -0,0 +1,43 @@
+//Create objects for common properties across available frames
+var masks = [{src:'/img/frames/textless/unhinged/pinline.svg', name:'Pinline'}, {src:'/img/frames/textless/unhinged/title.svg', name:'Title'}];
+//defines available frames
+availableFrames = [
+	{name:'White Frame', src:'/img/frames/textless/unhinged/w.png', masks:masks},
+	{name:'Blue Frame', src:'/img/frames/textless/unhinged/u.png', masks:masks},
+	{name:'Black Frame', src:'/img/frames/textless/unhinged/b.png', masks:masks},
+	{name:'Red Frame', src:'/img/frames/textless/unhinged/r.png', masks:masks},
+	{name:'Green Frame', src:'/img/frames/textless/unhinged/g.png', masks:masks},
+	{name:'Multicolored Frame', src:'/img/frames/textless/unhinged/m.png', masks:masks},
+	{name:'Artifact Frame', src:'/img/frames/textless/unhinged/a.png', masks:masks},
+	{name:'Colorless Frame', src:'/img/frames/textless/unhinged/c.png', masks:masks}
+];
+//disables/enables the "Load Frame Version" button
+document.querySelector('#loadFrameVersion').disabled = false;
+//defines process for loading this version, if applicable
+document.querySelector('#loadFrameVersion').onclick = async function() {
+	//resets things so that every frame doesn't have to
+	await resetCardIrregularities();
+	//sets card version
+	card.version = 'unhinged';
+	//art bounds
+	card.artBounds = {x:0.0734, y:0.0524, width:0.8534, height:0.8405};
+	autoFitArt();
+	//set symbol bounds
+	card.setSymbolBounds = {x:0.9287, y:0.9339, width:0.12, height:0.0410, vertical:'center', horizontal: 'right'};
+	resetSetSymbol();
+	//watermark bounds
+	card.watermarkBounds = {x:0.5, y:0.7762, width:0.75, height:0.2305};
+	resetWatermark();
+	//text
+	loadTextOptions({
+		title: {name:'Title', text:'', x:0.38, y:0.0248, width:0.24, height:0.0453, oneLine:true, size:0.0453, align:'center', font:'matrixb'}
+	});
+	//bottom info
+	loadBottomInfo({
+		top: {text:'{ptshift-0.1667,0}\uFFEE {elemidinfo-artist}', x:0.08, y:1898/2100, width:0.8107, height:0.0248, oneLine:true, font:'matrixb', size:0.0248, color:'white', shadowX:0.0007, shadowY:0.0005},
+		wizards: {name:'wizards', text:'{ptshift-0.1667,0}\u2122 & \u00a9 1993-' + date.getFullYear() + ' Wizards of the Coast, Inc. {elemidinfo-number}', x:0.08, y:1954/2100, width:0.8107, height:0.0153, oneLine:true, font:'mplantin', size:0.0153, color:'white', shadowX:0.0007, shadowY:0.0005},
+		bottom: {text:'{ptshift-0.1667,0}NOT FOR SALE   CardConjurer.com', x:0.08, y:1990/2100, width:0.8107, height:0.0134, oneLine:true, font:'mplantin', size:0.0134, color:'white', shadowX:0.0007, shadowY:0.0005}
+	});
+}
+//loads available frames
+loadFramePack();