mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-27 05:14:53 -05:00
132 lines
4.5 KiB
HTML
132 lines
4.5 KiB
HTML
<!DOCTYPE html5>
|
|
<html>
|
|
<script async src="data/scripts/cookies.js"></script>
|
|
<head>
|
|
<title>CC - Ask Scryfall</title>
|
|
<link rel="stylesheet" href="data/site/styles.css">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style>
|
|
.askScryfallGrid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-rows: auto 90pt auto;
|
|
align-items: center;
|
|
justify-items: center;
|
|
}
|
|
.urzaCard {
|
|
width: 360pt;
|
|
text-align: center;
|
|
grid-column: 1 / span 3;
|
|
}
|
|
.urzaCard > img {
|
|
position: relative;
|
|
left: -2rem;
|
|
width: 360pt;
|
|
height: auto;
|
|
}
|
|
img {
|
|
position: relative;
|
|
left: -1rem;
|
|
}
|
|
.askScryfallGrid > * {
|
|
/*border: 1px solid red;*/
|
|
}
|
|
.askScryfallButton {
|
|
width: auto;
|
|
height: 60pt;
|
|
transition: 0.25s;
|
|
}
|
|
.askScryfallButton:hover {
|
|
height: 80pt;
|
|
}
|
|
.askScryfallButton:active {
|
|
height: 90pt !important;
|
|
}
|
|
#askScryfallResult {
|
|
grid-column: 1 / span 3;
|
|
padding: 2rem;
|
|
margin: 1rem;
|
|
background: var(--background-color-contrast);
|
|
color: var(--font-color-contrast);
|
|
border-radius: 1rem;
|
|
font: 2rem belerenb;
|
|
}
|
|
@media screen and (min-width: 864pt) {
|
|
.askScryfallGrid {
|
|
grid-template-columns: calc(360pt) 1fr 1fr 1fr !important;
|
|
grid-template-rows: 90pt auto !important;
|
|
}
|
|
.urzaCard {
|
|
grid-column: 1;
|
|
grid-row: 1 / span 2 !important;
|
|
}
|
|
#askScryfallResult {
|
|
grid-column: 2 / span 3 !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div class="title darkLayer">
|
|
Ask Scryfall
|
|
</div>
|
|
<div class="layer slideFromRight">
|
|
<div>
|
|
<div class="askScryfallGrid">
|
|
<div class="urzaCard">
|
|
<img src="data/site/other/askScryfall/urzaBlank.png">
|
|
</div>
|
|
<div>
|
|
<img class="askScryfallButton" src="data/site/other/askScryfall/plus.png" onclick="randomAbility(0)">
|
|
</div>
|
|
<div>
|
|
<img class="askScryfallButton" src="data/site/other/askScryfall/minus.png" onclick="randomAbility(1)">
|
|
</div>
|
|
<div>
|
|
<img class="askScryfallButton" src="data/site/other/askScryfall/ultimate.png" onclick="randomAbility(2)">
|
|
</div>
|
|
<div id="askScryfallResult">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layer darkLayer slideFromLeft">
|
|
<div class="paragraph 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!
|
|
</div>
|
|
</div>
|
|
<div class="layer slideFromRight">
|
|
<div class="paragraph indent">
|
|
I hope you have as much fun playing Urza this way as I do!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<footer class='footer'>
|
|
<div>
|
|
Card Conjurer by Kyle Burton<br>
|
|
<select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'>
|
|
<option value='lightMode'>Light Mode</option>
|
|
<option value='darkMode'>Dark Mode</option>
|
|
<option value='raveMode'>Rave Mode</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
Navigation<br>
|
|
<a href='index.html'>Card Creator</a><br>
|
|
<a href='life.html'>Life Counter</a><br>
|
|
<a href='askscryfall.html'>Ask Scryfall</a>
|
|
</div>
|
|
<div>
|
|
Legal<br>
|
|
<a href='termsofuse.html'>Terms of Use</a><br>
|
|
<a href='disclaimer.html'>Disclaimer</a>
|
|
</div>
|
|
</footer>
|
|
<script defer src="data/scripts/animations.js"></script>
|
|
<script defer src="data/site/other/askScryfall/askScryfall.js"></script>
|
|
<html>
|