GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

upgrayedd

Browse Source
This commit is contained in:
Kyle
2020-03-27 13:30:22 -07:00
parent 73b1de2b74
commit 583c617392
15 changed files with 144 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
askscryfall.html
View File

@@ -1,20 +1,11 @@
<!DOCTYPE html5>
<html>
<script async src="data/scripts/cookies.js"></script>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158949995-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158949995-1');
</script>
<title>CC — Ask Scryfall</title>
<!-- Other things -->
<link rel="stylesheet" href="data/site/styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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;
@@ -24,13 +15,20 @@
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;*/
}
@@ -47,12 +45,16 @@
}
#askScryfallResult {
grid-column: 1 / span 3;
padding: 12pt;
font: 32pt belerenb;
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 + 1rem) 1fr 1fr 1fr !important;
grid-template-columns: calc(360pt) 1fr 1fr 1fr !important;
grid-template-rows: 90pt auto !important;
}
.urzaCard {
@@ -66,15 +68,13 @@
</style>
</head>
<body>
<div class="mainDiv">
<div class="layer">
<div class="title">
Ask Scryfall
</div>
</div>
<div class="layer">
<div class="paragraph">
<div class="askScryfallGrid">
<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>
@@ -91,34 +91,41 @@
</div>
</div>
</div>
</div>
<div class="layer">
</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>
</body>
<footer>
<div class="footerGrid">
<div>
<div class="visitorCountTrigger">Card Conjurer By Kyle Burton</div>
<div class="visitorCount"></div>
</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="disclaimer.html">Disclaimer</a><br>
<a href="termsofuse.html">Terms of Use</a>
<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 src="data/scripts/colors.js"></script>
<script src="data/site/other/askScryfall/askScryfall.js"></script>
<script defer src="data/scripts/animations.js"></script>
<script defer src="data/site/other/askScryfall/askScryfall.js"></script>
<html>