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

etched frame & print page enhancements

Browse Source
This commit is contained in:
Kyle
2022-08-27 11:08:55 -07:00
parent b21fd4e614
commit a280fc1499
72 changed files with 62 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
print/index.php
View File

@@ -46,15 +46,17 @@ include('../globalHTML/header-1.php');
<button onclick='saveDefaults();' class='input margin-bottom'>Save configuration</button>
</div>
</div>
<div class="layer">
<div class='padding margin-bottom readable-background drop-area'>
<h5 class='margin-bottom padding input-description'>Drag and drop the images that you'd like to print</h5>
<input type='file' multiple accept='.png, .svg, .jpg, .jpeg, .bmp' placeholder='File Upload' class='input' oninput='uploadFiles(event.target.files, uploadCard, "filename");' data-dropFunction='uploadCard' data-otherParams='filename'>
<div class="layer margin-bottom-large">
<div class="drop-area" style="padding: 1rem">
<div class='padding margin-bottom-large readable-background'>
<h5 class='margin-bottom padding input-description'>Upload the images that you'd like to print, or drag-and-drop them</h5>
<input type='file' multiple accept='.png, .svg, .jpg, .jpeg, .bmp' placeholder='File Upload' class='input' oninput='uploadFiles(event.target.files, uploadCard, "filename");' data-dropFunction='uploadCard' data-otherParams='filename'>
</div>
<div class="center">
<canvas style='height: auto; max-width:850px; width: 100%; background: #fff;'></canvas>
</div>
</div>
</div>
<div class="layer margin-bottom-large center">
<canvas style='height: auto; max-width:850px; width: 100%; background: #fff;'></canvas>
</div>
<div class='readable-background padding layer margin-bottom-large'>
<h3 class='download padding' onclick='downloadCanvas();'>Download your Sheet (PNG)</h3>
<h4 class='padding center'>(Can take a few seconds)</h4>