-
Notifications
You must be signed in to change notification settings - Fork 26
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8eea1bc
commit 2c8ee8b
Showing
1 changed file
with
120 additions
and
83 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,86 +1,123 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<!-- meta tags --> | ||
<meta property="og:title" content="DScan: Decentralized QR code generator extension" /> | ||
<meta name="author" content="Akhilesh Thite" /> | ||
<meta property="og:description" | ||
content="DScan is a chrome extension that uploads the content to IPFS and generates decentralized QR codes." /> | ||
<meta property="og:url" content="https://github.com/AkhileshThite/dscan" /> | ||
<meta name="keywords" | ||
content="DScan: Decentralized QR code generator, qr code, qr code generator, chrome extension, chrome plugin, ipfs" /> | ||
<link rel="shortcut icon" href="/static/assets/logo.png" /> | ||
<!-- external js pkg--> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.js"></script> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | ||
<script src="https://unpkg.com/[email protected]/dist/index.js"></script> | ||
<script src="https://bundle.run/[email protected]"></script> | ||
<!-- css --> | ||
<link rel="stylesheet" href="static/style.css" /> | ||
<!-- title --> | ||
<title>DScan</title> | ||
</head> | ||
|
||
<body> | ||
<!-- header --> | ||
<section class="center"> | ||
<header> | ||
<img src="static/assets/logo.png" class="logo" /> | ||
<h1> | ||
D | ||
<h1 style="color: white; margin-left: 0px">Scan</h1> | ||
</h1> | ||
</header> | ||
<input type="file" id="upload" hidden /> | ||
<label for="upload" class="btn-upload">Upload File</label> | ||
<div class="loader"></div> | ||
</section> | ||
<!-- QRcode --> | ||
<center> | ||
<div id="qrcode"></div> | ||
<svg id="svg-download" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="download" | ||
class="svg-inline--fa fa-download" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> | ||
<path fill="currentColor" | ||
d="M480 352h-133.5l-45.25 45.25C289.2 409.3 273.1 416 256 416s-33.16-6.656-45.25-18.75L165.5 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456zM233.4 374.6C239.6 380.9 247.8 384 256 384s16.38-3.125 22.62-9.375l128-128c12.49-12.5 12.49-32.75 0-45.25c-12.5-12.5-32.76-12.5-45.25 0L288 274.8V32c0-17.67-14.33-32-32-32C238.3 0 224 14.33 224 32v242.8L150.6 201.4c-12.49-12.5-32.75-12.5-45.25 0c-12.49 12.5-12.49 32.75 0 45.25L233.4 374.6z"> | ||
</path> | ||
</svg> | ||
</center> | ||
<!-- output --> | ||
<section class="center"> | ||
<label for="cid" class="output-label"><b>CID:</b></label> | ||
<div type="text" id="cid"></div> | ||
<svg id="svg-cid" onclick="copyTextFromElement('cid')" aria-hidden="true" focusable="false" data-prefix="fas" | ||
data-icon="copy" class="svg-inline--fa fa-copy" role="img" xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 512 512"> | ||
<path fill="currentColor" | ||
d="M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"> | ||
</path> | ||
</svg> | ||
</section> | ||
<section class="center"> | ||
<label for="link" class="output-label"><b>URL:</b></label> | ||
<div id="link"></div> | ||
<svg id="svg-link" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="up-right-from-square" | ||
class="svg-inline--fa fa-up-right-from-square" role="img" xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 512 512"> | ||
<path fill="currentColor" | ||
d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"> | ||
</path> | ||
</svg> | ||
<hr /> | ||
</section> | ||
<!-- footer --> | ||
<section class="center"> | ||
<label for="twitter" class="lable-twitter">By</label> | ||
<a class="twitter" href="https://twitter.com/AkhileshThite_" target="_blank">@AkhileshThite_</a> | ||
</section> | ||
<!-- scripts --> | ||
<script src="./qrcode.js" defer></script> | ||
<script src="./script.js" defer></script> | ||
</body> | ||
|
||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<!-- meta tags --> | ||
<meta | ||
property="og:title" | ||
content="DScan: Decentralized QR code generator extension" | ||
/> | ||
<meta name="author" content="Akhilesh Thite" /> | ||
<meta | ||
property="og:description" | ||
content="DScan is a chrome extension that uploads the content to IPFS and generates decentralized QR codes." | ||
/> | ||
<meta property="og:url" content="https://github.com/AkhileshThite/dscan" /> | ||
<meta | ||
name="keywords" | ||
content="DScan: Decentralized QR code generator, qr code, qr code generator, chrome extension, chrome plugin, ipfs" | ||
/> | ||
<link rel="shortcut icon" href="/static/assets/logo.png" /> | ||
<!-- external js pkg--> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.js"></script> | ||
<script src="https://unpkg.com/[email protected]/dist/index.js"></script> | ||
<script src="https://bundle.run/[email protected]"></script> | ||
<!-- css --> | ||
<link rel="stylesheet" href="static/style.css" /> | ||
<!-- title --> | ||
<title>DScan</title> | ||
</head> | ||
<body> | ||
<!-- header --> | ||
<section class="center"> | ||
<header> | ||
<img src="static/assets/logo.png" class="logo" /> | ||
<h1> | ||
D | ||
<h1 style="color: white; margin-left: 0px">Scan</h1> | ||
</h1> | ||
</header> | ||
<input type="file" id="upload" hidden /> | ||
<label for="upload" class="btn-upload">Upload File</label> | ||
<div class="loader"></div> | ||
</section> | ||
<!-- QRcode --> | ||
<center> | ||
<div id="qrcode"></div> | ||
<svg | ||
id="svg-download" | ||
aria-hidden="true" | ||
focusable="false" | ||
data-prefix="fas" | ||
data-icon="download" | ||
class="svg-inline--fa fa-download" | ||
role="img" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 512 512" | ||
> | ||
<path | ||
fill="currentColor" | ||
d="M480 352h-133.5l-45.25 45.25C289.2 409.3 273.1 416 256 416s-33.16-6.656-45.25-18.75L165.5 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456zM233.4 374.6C239.6 380.9 247.8 384 256 384s16.38-3.125 22.62-9.375l128-128c12.49-12.5 12.49-32.75 0-45.25c-12.5-12.5-32.76-12.5-45.25 0L288 274.8V32c0-17.67-14.33-32-32-32C238.3 0 224 14.33 224 32v242.8L150.6 201.4c-12.49-12.5-32.75-12.5-45.25 0c-12.49 12.5-12.49 32.75 0 45.25L233.4 374.6z" | ||
></path> | ||
</svg> | ||
</center> | ||
<!-- output --> | ||
<section class="center"> | ||
<label for="cid" class="output-label"><b>CID:</b></label> | ||
<div type="text" id="cid"></div> | ||
<svg | ||
id="svg-cid" | ||
onclick="copyTextFromElement('cid')" | ||
aria-hidden="true" | ||
focusable="false" | ||
data-prefix="fas" | ||
data-icon="copy" | ||
class="svg-inline--fa fa-copy" | ||
role="img" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 512 512" | ||
> | ||
<path | ||
fill="currentColor" | ||
d="M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z" | ||
></path> | ||
</svg> | ||
</section> | ||
<section class="center"> | ||
<label for="link" class="output-label"><b>URL:</b></label> | ||
<div id="link"></div> | ||
<svg | ||
id="svg-link" | ||
aria-hidden="true" | ||
focusable="false" | ||
data-prefix="fas" | ||
data-icon="up-right-from-square" | ||
class="svg-inline--fa fa-up-right-from-square" | ||
role="img" | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 512 512" | ||
> | ||
<path | ||
fill="currentColor" | ||
d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z" | ||
></path> | ||
</svg> | ||
<hr /> | ||
</section> | ||
<!-- footer --> | ||
<section class="center"> | ||
<label for="twitter" class="lable-twitter">By</label> | ||
<a | ||
class="twitter" | ||
href="https://twitter.com/AkhileshThite_" | ||
target="_blank" | ||
>@AkhileshThite_</a | ||
> | ||
</section> | ||
<!-- scripts --> | ||
<script src="./qrcode.js" defer></script> | ||
<script src="./script.js" defer></script> | ||
</body> | ||
</html> |