Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

upgrayedd

Browse Source
This commit is contained in:
Kyle
2020-03-28 18:11:40 -07:00
parent 84d478350d
commit 3668b99311
56 changed files with 354 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
askscryfall.html
View File

@@ -1,73 +1,14 @@
<!DOCTYPE html5>
<html>
<script async src="data/scripts/cookies.js"></script>
<head>
<title>CC - Ask Scryfall</title>
<script async src="data/scripts/cookies.js"></script>
<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>
<title>CC - Ask Scryfall</title>
<link rel="stylesheet" href="data/site/askScryfallStyles.css">
<div>
<div class="title darkLayer">
Ask Scryfall
@@ -104,14 +45,16 @@
</div>
</div>
</div>
<script defer src="data/site/other/askScryfall/askScryfall.js"></script>
</body>
<footer class='footer'>
<div>
Card Conjurer by Kyle Burton<br>
<select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='raveMode'>Rave Mode</option>
<option value='scholarMode'>Scholar Mode</option>
</select>
</div>
<div>
@@ -125,7 +68,6 @@
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
<script defer src="data/scripts/animations.js"></script>
</footer>
<script defer src="data/scripts/animations.js"></script>
<script defer src="data/site/other/askScryfall/askScryfall.js"></script>
<html>
<html>