stained glass masks

This commit is contained in:
Kyle
2022-09-15 10:13:28 -07:00
parent 1000448ec8
commit d588c24267
6 changed files with 29 additions and 12 deletions

View File

@@ -728,6 +728,7 @@ include('../globalHTML/header-1.php');
<h4>Justin J.</h4> <h4>Justin J.</h4>
<h4>Sam B.</h4> <h4>Sam B.</h4>
<h4>Damian Z.</h4> <h4>Damian Z.</h4>
<h4>Montana K.</h4>
</div> </div>
<h4 class='margin-bottom'>And of course, thank you to all of those who have made donations in the past.</h4> <h4 class='margin-bottom'>And of course, thank you to all of those who have made donations in the past.</h4>
<div class='supporters margin-bottom'> <div class='supporters margin-bottom'>

View File

@@ -0,0 +1,7 @@
<?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;">
<g id="Masks">
<path id="crown" d="M434,85C499.47,66.538 585.13,50.43 750,48L751.928,48.029C915.538,50.556 1000.78,66.61 1066,85L434,85Z" style="fill:rgb(239,56,39);"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 644 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 864 B

View File

@@ -0,0 +1,7 @@
<?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;">
<g id="Masks">
<path d="M749.156,1895.02C713.476,1895.97 682.705,1903.94 659,1922L122,1923C105.904,1922.5 100.207,1916.16 90,1904L90,1331C95.522,1318.02 109.262,1313.88 142,1314L1358,1314C1390.74,1313.88 1404.48,1318.02 1410,1331L1410,1904C1399.79,1916.16 1394.1,1922.5 1378,1923L841,1922C817.108,1903.8 786.04,1895.85 750,1895L749.156,1895.02Z" style="fill:rgb(246,210,98);"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 853 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 971 B

View File

@@ -1,26 +1,28 @@
//Create objects for common properties across available frames //Create objects for common properties across available frames
var masks = [{src:'/img/frames/dmu/stainedGlass/rules.svg', name:'Rules'}];
var masks2 = [{src:'/img/frames/dmu/stainedGlass/crown.svg', name:'Inner Crown'}];
var bounds = {x:0.7747, y:0.8872, width:0.1747, height:0.0605}; var bounds = {x:0.7747, y:0.8872, width:0.1747, height:0.0605};
var bounds2 = {x:0.1134, y:0.0139, width:0.7734, height:0.0262}; var bounds2 = {x:0.1134, y:0.0139, width:0.7734, height:0.0262};
//defines available frames //defines available frames
availableFrames = [ availableFrames = [
{name:'White Frame', src:'/img/frames/dmu/stainedGlass/w.png'}, {name:'White Frame', src:'/img/frames/dmu/stainedGlass/w.png', masks:masks},
{name:'Blue Frame', src:'/img/frames/dmu/stainedGlass/u.png'}, {name:'Blue Frame', src:'/img/frames/dmu/stainedGlass/u.png', masks:masks},
{name:'Black Frame', src:'/img/frames/dmu/stainedGlass/b.png'}, {name:'Black Frame', src:'/img/frames/dmu/stainedGlass/b.png', masks:masks},
{name:'Red Frame', src:'/img/frames/dmu/stainedGlass/r.png'}, {name:'Red Frame', src:'/img/frames/dmu/stainedGlass/r.png', masks:masks},
{name:'Green Frame', src:'/img/frames/dmu/stainedGlass/g.png'}, {name:'Green Frame', src:'/img/frames/dmu/stainedGlass/g.png', masks:masks},
{name:'Multicolored Frame', src:'/img/frames/dmu/stainedGlass/m.png'}, {name:'Multicolored Frame', src:'/img/frames/dmu/stainedGlass/m.png', masks:masks},
{name:'White Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/w.png', bounds:bounds}, {name:'White Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/w.png', bounds:bounds},
{name:'Blue Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/u.png', bounds:bounds}, {name:'Blue Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/u.png', bounds:bounds},
{name:'Black Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/b.png', bounds:bounds}, {name:'Black Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/b.png', bounds:bounds},
{name:'Red Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/r.png', bounds:bounds}, {name:'Red Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/r.png', bounds:bounds},
{name:'Green Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/g.png', bounds:bounds}, {name:'Green Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/g.png', bounds:bounds},
{name:'Multicolored Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/m.png', bounds:bounds}, {name:'Multicolored Power/Toughness', src:'/img/frames/dmu/stainedGlass/pt/m.png', bounds:bounds},
{name:'White Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/w.png', bounds:bounds2}, {name:'White Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/w.png', bounds:bounds2, masks:masks2},
{name:'Blue Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/u.png', bounds:bounds2}, {name:'Blue Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/u.png', bounds:bounds2, masks:masks2},
{name:'Black Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/b.png', bounds:bounds2}, {name:'Black Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/b.png', bounds:bounds2, masks:masks2},
{name:'Red Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/r.png', bounds:bounds2}, {name:'Red Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/r.png', bounds:bounds2, masks:masks2},
{name:'Green Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/g.png', bounds:bounds2}, {name:'Green Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/g.png', bounds:bounds2, masks:masks2},
{name:'Multicolored Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/m.png', bounds:bounds2}, {name:'Multicolored Legend Crown', src:'/img/frames/dmu/stainedGlass/crowns/m.png', bounds:bounds2, masks:masks2},
{name:'Rare Stamp', src:'/img/frames/dmu/stamp.png', bounds:{x:0.4554, y:0.9172, width:0.0894, height:0.0320}} {name:'Rare Stamp', src:'/img/frames/dmu/stamp.png', bounds:{x:0.4554, y:0.9172, width:0.0894, height:0.0320}}
]; ];
//disables/enables the "Load Frame Version" button //disables/enables the "Load Frame Version" button