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

fixes

Browse Source
This commit is contained in:
Kyle
2020-03-31 14:30:21 -07:00
parent 63f0e165de
commit 7255394221
3 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
data/scripts/main.js
View File

@@ -837,9 +837,6 @@ var textCodeReferenceArray = [
['{shadow#}', 'Adds a shadow # pixels away from the following text'] ['{shadow#}', 'Adds a shadow # pixels away from the following text']
] ]
function textCodeReference() { function textCodeReference() {
// for (var i = 0; i < textCodeReferenceArray.length; i++) {
// document.getElementById('textCodeReference')
// }
textCodeReferenceArray.forEach(item => document.getElementById('textCodeReference').innerHTML += '<div>' + item[0] + '</div><div>' + item[1] + '</div>') textCodeReferenceArray.forEach(item => document.getElementById('textCodeReference').innerHTML += '<div>' + item[0] + '</div><div>' + item[1] + '</div>')
} }

3
index.html
View File

@@ -96,6 +96,7 @@
</div> </div>
</div> </div>
<div id='collectorTab' class='hidden'> <div id='collectorTab' class='hidden'>
<div>
<div class="autoGrid"> <div class="autoGrid">
<input type="text" placeholder="Number" id="inputInfoNumber" oninput="bottomInfoUpdated()" value=""> <input type="text" placeholder="Number" id="inputInfoNumber" oninput="bottomInfoUpdated()" value="">
<input type="text" placeholder="Rarity" id="inputInfoRarity" oninput="bottomInfoUpdated()" value="P"> <input type="text" placeholder="Rarity" id="inputInfoRarity" oninput="bottomInfoUpdated()" value="P">
@@ -103,6 +104,8 @@
<input type="text" placeholder="Language" id="inputInfoLanguage" oninput="bottomInfoUpdated()" value="EN"> <input type="text" placeholder="Language" id="inputInfoLanguage" oninput="bottomInfoUpdated()" value="EN">
<input type="text" placeholder="Artist's Name" id="inputInfoArtist" oninput="bottomInfoUpdated()" value=""> <input type="text" placeholder="Artist's Name" id="inputInfoArtist" oninput="bottomInfoUpdated()" value="">
</div> </div>
Remember that you must properly credit the artist before downloading your card!
</div>
</div> </div>
<div id='setSymbolTab' class='hidden'> <div id='setSymbolTab' class='hidden'>
<div class="autoGrid"> <div class="autoGrid">

31
styles.css
View File

@@ -116,6 +116,7 @@ a:hover {
grid-gap: 0.1rem; grid-gap: 0.1rem;
} }
.autoGrid { .autoGrid {
width: 100%;
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
grid-auto-rows: min-content; grid-auto-rows: min-content;
@@ -248,12 +249,14 @@ input[type='checkbox'], select, option, input[type='file'], button {
to {opacity: 1;} to {opacity: 1;}
} }
@keyframes slide-from-left { @keyframes slide-from-left {
from {position: relative; left: -100vw;} 0% {position: relative; left: -100vw;}
to {position: relative; left: 0px;} 75% {position: relative; left: -10px;}
100% {position: relative; left: 0px;}
} }
@keyframes slide-from-right { @keyframes slide-from-right {
from {position: relative; left: 100vw;} 0% {position: relative; left: 100vw;}
to {position: relative; left: 0px;} 75% {position: relative; left: 10px;}
100% {position: relative; left: 0px;}
} }
.layerTitle { .layerTitle {
text-align: center; text-align: center;
@@ -308,20 +311,24 @@ input[type='checkbox'], select, option, input[type='file'], button {
transform: rotate(10deg) translate(-16%, 15%); transform: rotate(10deg) translate(-16%, 15%);
} }
@keyframes sample-one { @keyframes sample-one {
from {transform: rotate(0deg) translate(0, 0); position: relative; left: 200%;} 0% {transform: rotate(0deg) translate(0, 0); position: relative; left: 200%;}
to {transform: rotate(-10deg) translate(16%, 15%); position: relative; left: 0;} 10% {transform: rotate(0deg) translate(0, 0); position: relative; left: 200%;}
100% {transform: rotate(-10deg) translate(16%, 15%); position: relative; left: 0;}
} }
@keyframes sample-two { @keyframes sample-two {
from {transform: rotate(0deg) translate(0, 0); position: relative; left: 100%;} 0% {transform: rotate(0deg) translate(0, 0); position: relative; left: 100%;}
to {transform: rotate(-5deg) translate(10%, 4%); position: relative; left: 0;} 10% {transform: rotate(0deg) translate(0, 0); position: relative; left: 100%;}
100% {transform: rotate(-5deg) translate(10%, 4%); position: relative; left: 0;}
} }
@keyframes sample-four { @keyframes sample-four {
from {transform: rotate(0deg) translate(0, 0); position: relative; left: -100%;} 0% {transform: rotate(0deg) translate(0, 0); position: relative; left: -100%;}
to {transform: rotate(5deg) translate(-10%, 4%); position: relative; left: 0;} 10% {transform: rotate(0deg) translate(0, 0); position: relative; left: -100%;}
100% {transform: rotate(5deg) translate(-10%, 4%); position: relative; left: 0;}
} }
@keyframes sample-five { @keyframes sample-five {
from {transform: rotate(0deg) translate(0, 0); position: relative; left: -200%;} 0% {transform: rotate(0deg) translate(0, 0); position: relative; left: -200%;}
to {transform: rotate(10deg) translate(-16%, 15%); position: relative; left: 0;} 10% {transform: rotate(0deg) translate(0, 0); position: relative; left: -200%;}
100% {transform: rotate(10deg) translate(-16%, 15%); position: relative; left: 0;}
} }
#inputColorPalette { #inputColorPalette {