This commit is contained in:
Kyle
2020-07-10 17:55:28 -07:00
parent 53c89cfd4b
commit 0768e0e3ec
9 changed files with 21 additions and 21 deletions

View File

@@ -12,9 +12,9 @@
<link rel="manifest" href="/data/site/favicons/site.webmanifest"> <link rel="manifest" href="/data/site/favicons/site.webmanifest">
</head> </head>
<body> <body>
<title>CC - Ask Scryfall</title> <title>CC - Ask Urza 2.0</title>
<style> <style>
.askScryfallGrid { .askUrzaGrid {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto 90pt auto; grid-template-rows: auto 90pt auto;
@@ -30,12 +30,12 @@
width: 100%; width: 100%;
height: auto; height: auto;
} }
.askScryfallButton { .askUrzaButton {
height: auto; height: auto;
width: 22vw; width: 22vw;
transition: 0.25s; transition: 0.25s;
} }
#askScryfallResult { #askUrzaResult {
grid-column: 1 / span 3; grid-column: 1 / span 3;
padding: 1rem; padding: 1rem;
margin: 0.5rem; margin: 0.5rem;
@@ -45,7 +45,7 @@
font: 1.5rem belerenb; font: 1.5rem belerenb;
} }
@media screen and (min-width: 864pt) { @media screen and (min-width: 864pt) {
.askScryfallGrid { .askUrzaGrid {
grid-template-columns: calc(360pt) 1fr 1fr 1fr !important; grid-template-columns: calc(360pt) 1fr 1fr 1fr !important;
grid-template-rows: 92pt auto !important; grid-template-rows: 92pt auto !important;
} }
@@ -53,7 +53,7 @@
grid-column: 1; grid-column: 1;
grid-row: 1 / span 2 !important; grid-row: 1 / span 2 !important;
} }
#askScryfallResult { #askUrzaResult {
grid-column: 2 / span 3 !important; grid-column: 2 / span 3 !important;
} }
} }
@@ -61,39 +61,39 @@
.urzaCard { .urzaCard {
width: 360pt; width: 360pt;
} }
.askScryfallButton { .askUrzaButton {
height: auto; height: auto;
width: 100pt; width: 100pt;
transition: 0.25s; transition: 0.25s;
} }
.askScryfallButton:hover { .askUrzaButton:hover {
width: 110pt; width: 110pt;
} }
.askScryfallButton:active { .askUrzaButton:active {
width: 120pt !important; width: 120pt !important;
} }
} }
</style> </style>
<div> <div>
<div class="title darkLayer"> <div class="title darkLayer">
Ask Scryfall Ask Urza 2.0
</div> </div>
<div class="layer slideFromRight"> <div class="layer slideFromRight">
<div> <div>
<div class="askScryfallGrid"> <div class="askUrzaGrid">
<div class="urzaCard"> <div class="urzaCard">
<img src="/data/site/other/askScryfall/urzaBlank.png"> <img src="/data/site/other/askUrza/urzaBlank.png">
</div> </div>
<div> <div>
<img class="askScryfallButton" src="/data/site/other/askScryfall/plus.png" onclick="randomAbility(0)"> <img class="askUrzaButton" src="/data/site/other/askUrza/plus.png" onclick="randomAbility(0)">
</div> </div>
<div> <div>
<img class="askScryfallButton" src="/data/site/other/askScryfall/minus.png" onclick="randomAbility(1)"> <img class="askUrzaButton" src="/data/site/other/askUrza/minus.png" onclick="randomAbility(1)">
</div> </div>
<div> <div>
<img class="askScryfallButton" src="/data/site/other/askScryfall/ultimate.png" onclick="randomAbility(2)"> <img class="askUrzaButton" src="/data/site/other/askUrza/ultimate.png" onclick="randomAbility(2)">
</div> </div>
<div id="askScryfallResult"> <div id="askUrzaResult">
</div> </div>
</div> </div>
@@ -101,7 +101,7 @@
</div> </div>
<div class="layer darkLayer slideFromLeft"> <div class="layer darkLayer slideFromLeft">
<div class="indent"> <div class="indent">
Ask Scryfall is a replacement for AskUrza.com that periodically compiles all planeswalker abilities (using Scryfall) and sorts them into three categories for use with Urza, Academy Headmaster. This allows for much more unpredictability and, in my opinion, much more fun. To use Ask Scryfall, simply click on the +1, -1, or -6, and let the gods of chaos decide your fate! Ask Urza 2.0 is a replacement for AskUrza.com that periodically compiles all planeswalker abilities and sorts them into three categories for use with Urza, Academy Headmaster. This allows for much more unpredictability and, in my opinion, much more fun. To use Ask Urza, simply click on the +1, -1, or -6, and let the gods of chaos decide your fate!
</div> </div>
</div> </div>
<div class="layer"> <div class="layer">
@@ -120,7 +120,7 @@
</div> </div>
</div> </div>
</div> </div>
<script defer src="/data/site/other/askScryfall/askScryfall.js"></script> <script defer src="/data/site/other/askUrza/askUrza.js"></script>
</body> </body>
<footer id='footer'> <footer id='footer'>
<script async src='/data/scripts/footer.js'></script> <script async src='/data/scripts/footer.js'></script>

View File

@@ -27,7 +27,7 @@ document.getElementById('footer').innerHTML = `
<div> <div>
<a href='/'>Home</a><br> <a href='/'>Home</a><br>
<a href='/creator'>Card Creator</a><br> <a href='/creator'>Card Creator</a><br>
<a href='/askscryfall'>Ask Scryfall</a><br> <a href='/askurza'>Ask Urza 2.0</a><br>
<a href='/phyrexian'>Phyrexian Text</a><br> <a href='/phyrexian'>Phyrexian Text</a><br>
<a href='/life.html'>Life Counter</a><br> <a href='/life.html'>Life Counter</a><br>
<a href='/about'>About Me</a> <a href='/about'>About Me</a>

View File

@@ -10,13 +10,13 @@ function loadAbilities() {
} }
} }
} }
xhttp.open("GET", "/data/site/other/askScryfall/planeswalkerAbilities.txt", true); xhttp.open("GET", "/data/site/other/askUrza/planeswalkerAbilities.txt", true);
xhttp.send(); xhttp.send();
} }
function randomAbility(index) { function randomAbility(index) {
possibleAbilities = fullAbilityList[index] possibleAbilities = fullAbilityList[index]
document.getElementById("askScryfallResult").innerHTML = possibleAbilities[Math.floor(Math.random() * (possibleAbilities.length - 1))].replace(/\\"/g, '"') document.getElementById("askUrzaResult").innerHTML = possibleAbilities[Math.floor(Math.random() * (possibleAbilities.length - 1))].replace(/\\"/g, '"')
} }
loadAbilities() loadAbilities()

View File

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

View File

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

View File

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

View File

Before

Width:  |  Height:  |  Size: 653 KiB

After

Width:  |  Height:  |  Size: 653 KiB