Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@realazthat
realazthat committed Feb 13, 2024
1 parent b7a3043 commit 980402c
Showing 1 changed file with 151 additions and 1 deletion.
152 changes: 151 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1,151 @@
<!DOCTYPE html><html style="box-sizing:border-box;height:100%"><head><link rel="stylesheet" href="/coverator/index.e01604c2.css"><title>Coverator, The Cover Template Generator</title><meta charset="utf-8"></head><body style="box-sizing:border-box;height:100%"> <h1>Coverator, The Cover Template Generator</h1> <div style="flex-flow:column;height:100%;display:flex"> <table id="input-table" style="flex:0 auto"> <tbody> <tr> <th>Name</th> <th>Value</th> </tr> <tr style="color:#7b0f71"> <td>Full cover height</td> <td> <input id="fullHeight" type="number" min="0" value="11.5"> in </td> </tr> <tr style="color:#7b0f71"> <td>Full cover width</td> <td> <input id="fullWidth" type="number" min="0" value="17.139"> in </td> </tr> <tr style="color:#5bcc65"> <td>Cover width</td> <td> <input id="coverWidth" type="number" min="0" value="7.944"> in </td> </tr> <tr style="color:#79c4e5"> <td>Margin</td> <td> <input id="margin" type="number" min="0" value="0.25" d> in </td> </tr> <tr style="color:#ec00ff"> <td>Spine</td> <td> <input id="spineWidth" type="number" min="0" value="1.25"> in </td> </tr> <tr style="color:#ea7c25"> <td>Spine Margin</td> <td> <input id="spineMargin" type="number" min="0" value="0.75"> in </td> </tr> <tr style="color:#c11883"> <td>Bleed</td> <td><input id="bleed" type="number" min="0" value="0.625"> in</td> </tr> <tr style="color:#ff5a00"> <td>Barcode Width</td> <td> <input id="barcodeWidth" type="number" min="0" value="1.5"> in </td> </tr> <tr style="color:#ff5a00"> <td>Barcode Height</td> <td> <input id="barcodeHeight" type="number" min="0" value="1.125"> in </td> </tr> </tbody> </table> <div style="flex:0 auto;margin:2em"> <button id="compute" disabled>Compute</button> <button id="save-pdf" disabled>Save PDF</button> <button id="save-svg" disabled>Save SVG</button> <button id="copy-svg" disabled>Copy SVG</button> <span id="loading">Loading ...</span> </div> <div style="flex:1"> <table style="width:100%;height:100%"> <tr style="width:100%;height:1em"> <th>SVG</th> <th>PDF</th> </tr> <tr style="width:100%"> <td style="width:50%"> <iframe id="lhs-display-frame" width="95%" height="95%" src="about:blank"></iframe> </td> <td style="width:50%"> <iframe id="rhs-display-frame" width="95%" height="95%" src="about:blank"></iframe> </td> </tr> </table> </div> <div> <textarea id="copy-text" style="position:absolute;top:-1000px;left:-1000px"></textarea> </div> </div> <script src="/coverator/index.d118ef60.js" type="module"></script> </body></html>
<!DOCTYPE html>
<html style="box-sizing: border-box; height: 100%">
<head>
<title>Coverator, The Cover Template Generator</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
<link rel="stylesheet" href="/coverator/index.3354d6d9.css"><script>function CopyToClipboard(text, iconId) {
navigator.clipboard.writeText(text).then(()=>{
var copyIconElement = document.getElementById(iconId);
copyIconElement.classList.remove("la-copy");
copyIconElement.classList.add("la-check");
setTimeout(()=>{
copyIconElement.classList.remove("la-check");
copyIconElement.classList.add("la-copy");
}, 2000);
}).catch((err)=>{
console.error("Failed to copy: ", err);
});
}

</script>
</head>
<body style="box-sizing: border-box; height: 100%">
<h1>
Coverator, The Cover Template Generator
<a href="https://github.com/realazthat/coverator" target="_blank"><i class="lab la-github"></i></a>
</h1>

<div style="float: right; width: 512px">
<div class="links-grid">
<div>
<span style="font-weight: bold"><i class="lab la-github"></i>github:</span>
<span>
<a onclick="CopyToClipboard('https://github.com/realazthat/coverator', 'github-copy-icon')">
<i id="github-copy-icon" class="las la-copy"></i>
</a>
</span>
<span>
<a href="https://github.com/realazthat/coverator" target="_blank">github.com/realazthat/coverator</a>
</span>
</div>
<div>
<span><i class="lab la-monero"></i>Monero:</span>
<span>
<a onclick="CopyToClipboard('89z3QtAM4oiSpj1k6s7z334WvH5ALMc8yiKoEwQqUrWzRvkc8nKd8hJLVZVk6gjcVk9rSCqWxgyDgEq9YKSpQyFRMKodvAG', 'monero-copy-icon')">
<i id="monero-copy-icon" class="las la-copy"></i>
</a>
</span>
<span style="font-size: 4px">
<a href="monero:89z3QtAM4oiSpj1k6s7z334WvH5ALMc8yiKoEwQqUrWzRvkc8nKd8hJLVZVk6gjcVk9rSCqWxgyDgEq9YKSpQyFRMKodvAG">
monero:89z3QtAM4oiSpj1k6s7z334WvH5ALMc8yiKoEwQqUrWzRvkc8nKd8hJLVZVk6gjcVk9rSCqWxgyDgEq9YKSpQyFRMKodvAG
</a>
</span>
</div>
</div>
</div>
<div style="flex-flow: column; height: 100%; display: flex">
<table id="input-table" style="flex: 0 auto">
<tbody>
<tr>
<th>Name</th>
<th>Value</th>
</tr>
<tr style="color: #7b0f71">
<td>Full cover height</td>
<td>
<input id="fullHeight" type="number" min="0" value="11.5"> in
</td>
</tr>
<tr style="color: #7b0f71">
<td>Full cover width</td>
<td>
<input id="fullWidth" type="number" min="0" value="17.139"> in
</td>
</tr>
<tr style="color: #5bcc65">
<td>Cover width</td>
<td>
<input id="coverWidth" type="number" min="0" value="7.944"> in
</td>
</tr>
<tr style="color: #79c4e5">
<td>Margin</td>
<td>
<input id="margin" type="number" min="0" value="0.25" d=""> in
</td>
</tr>
<tr style="color: #ec00ff">
<td>Spine</td>
<td>
<input id="spineWidth" type="number" min="0" value="1.25"> in
</td>
</tr>
<tr style="color: #ea7c25">
<td>Spine Margin</td>
<td>
<input id="spineMargin" type="number" min="0" value="0.75"> in
</td>
</tr>
<tr style="color: #c11883">
<td>Bleed</td>
<td><input id="bleed" type="number" min="0" value="0.625"> in</td>
</tr>
<tr style="color: #ff5a00">
<td>Barcode Width</td>
<td>
<input id="barcodeWidth" type="number" min="0" value="1.5"> in
</td>
</tr>
<tr style="color: #ff5a00">
<td>Barcode Height</td>
<td>
<input id="barcodeHeight" type="number" min="0" value="1.125">
in
</td>
</tr>
</tbody>
</table>
<div style="flex: 0 auto; margin: 2em">
<button id="compute" disabled="disabled">Compute</button>
<button id="save-pdf" disabled="disabled">Save PDF</button>
<button id="save-svg" disabled="disabled">Save SVG</button>
<button id="copy-svg" disabled="disabled">Copy SVG</button>
<!--
<button id="special" disabled="disabled">Special</button>
-->
<span id="loading">Loading ...</span>
</div>
<div style="flex: 1">
<table style="width: 100%; height: 100%">
<tr style="width: 100%; height: 1em">
<th>SVG</th>
<th>PDF</th>
</tr>
<tr style="width: 100%">
<td style="width: 50%">
<iframe id="lhs-display-frame" width="95%" height="95%" src="about:blank"></iframe>
</td>
<td style="width: 50%">
<iframe id="rhs-display-frame" width="95%" height="95%" src="about:blank"></iframe>
</td>
</tr>
</table>
</div>
<div>
<textarea id="copy-text" style="position: absolute; top: -1000px; left: -1000px"></textarea>
</div>
</div>
<script src="/coverator/index.ca400ce1.js" defer=""></script>
</body>
</html>

0 comments on commit 980402c

Please sign in to comment.