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

new

Browse Source
This commit is contained in:
Kyle
2019-09-11 20:44:07 -07:00
parent 83bb9895ac
commit f6d6b8446c
2 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
new/data/site/styles.css
View File

@@ -94,10 +94,13 @@ canvas {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.imgPreview { .imgPreview {
max-width: 143pt;
max-height: 200pt;
width: 100%; width: 100%;
height: 100%; }
@media screen and (min-width: 306pt) {
.imgPreview {
max-width: 143pt;
max-height: 200pt;
}
} }
.cardMenu > div { .cardMenu > div {
/*border: 1px solid red;*/ /*border: 1px solid red;*/
@@ -129,7 +132,6 @@ canvas {
outline: none; outline: none;
} }
.textarea { .textarea {
width: 100%;
min-height: 6em; min-height: 6em;
max-height: 18em; max-height: 18em;
resize: vertical; resize: vertical;

26
new/index.html
View File

@@ -44,18 +44,20 @@
<div> <div>
Art Art
</div> </div>
<div class="twoGrid"> <div class="autoGrid">
<div> <div class="twoGrid">
<div class="tooltip"><input type="file" class="input file" accept="image/*" onchange="uploadImage(event, cardArt)" placeholder="Via File Upload"><span class="tooltiptext">Upload an image for the card art</span></div> <div>
<div class="tooltip"><input type="text" class="input text" placeholder="Via URL" onchange="cardArt.src = 'https://cors-anywhere.herokuapp.com/' + this.value"><span class="tooltiptext">Enter a URL for the card art</span></div> <div class="tooltip"><input type="file" class="input file" accept="image/*" onchange="uploadImage(event, cardArt)" placeholder="Via File Upload"><span class="tooltiptext">Upload an image for the card art</span></div>
<div class="tooltip"><input type="text" class="input text" id="inputCardArtName" onchange="inputCardArtName(this.value)" placeholder="Via Card Name"><span class="tooltiptext">Enter a card name to use its art</span></div> <div class="tooltip"><input type="text" class="input text" placeholder="Via URL" onchange="cardArt.src = 'https://cors-anywhere.herokuapp.com/' + this.value"><span class="tooltiptext">Enter a URL for the card art</span></div>
<div class="tooltip"><input type="number" class="input number" id="inputCardArtNameNumber" onchange="inputCardArtNameNumber(this.value)" value="" min="1" max="1" placeholder="Which Art From Card Name"><span class="tooltiptext">Select which art to use (from the entered card name)</span></div> <div class="tooltip"><input type="text" class="input text" id="inputCardArtName" onchange="inputCardArtName(this.value)" placeholder="Via Card Name"><span class="tooltiptext">Enter a card name to use its art</span></div>
</div> <div class="tooltip"><input type="number" class="input number" id="inputCardArtNameNumber" onchange="inputCardArtNameNumber(this.value)" value="" min="1" max="1" placeholder="Which Art From Card Name"><span class="tooltiptext">Select which art to use (from the entered card name)</span></div>
<div> </div>
<div style="text-align: center; margin: 0.18em 0px">Placement & Zoom:</div> <div>
<div class="tooltip"><input type="number" class="input number" value="0" id="inputCardArtX" oninput="updateCardCanvas()"><span class="tooltiptext">Shift art to the right</span></div> <div style="text-align: center; margin: 0.18em 0px">Placement & Zoom:</div>
<div class="tooltip"><input type="number" class="input number" value="0" id="inputCardArtY" oninput="updateCardCanvas()"><span class="tooltiptext">Shift art down</span></div> <div class="tooltip"><input type="number" class="input number" value="0" id="inputCardArtX" oninput="updateCardCanvas()"><span class="tooltiptext">Shift art to the right</span></div>
<div class="tooltip"><input type="number" class="input number" value="100" step="0.1" min="0" id="inputCardArtZoom" oninput="updateCardCanvas()"><span class="tooltiptext">Art zoom level</span></div> <div class="tooltip"><input type="number" class="input number" value="0" id="inputCardArtY" oninput="updateCardCanvas()"><span class="tooltiptext">Shift art down</span></div>
<div class="tooltip"><input type="number" class="input number" value="100" step="0.1" min="0" id="inputCardArtZoom" oninput="updateCardCanvas()"><span class="tooltiptext">Art zoom level</span></div>
</div>
</div> </div>
</div> </div>
<div class="bar"></div> <div class="bar"></div>