2022-12-28 10:30:18 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en_US">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<title>Generate QR code</title>
|
|
|
|
|
<!-- Bootstrap -->
|
|
|
|
|
<link href="https://cdn.ghink.net/assembly/bootstrap/4.6.1/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
<!-- Favicon -->
|
|
|
|
|
<link rel="icon" href="https://cdn.ghink.net/image/avatar/Bigsk.png" type="image/png">
|
|
|
|
|
<script src="https://cdn.ghink.net/js/vue/2.6.14/vue.min.js"></script>
|
|
|
|
|
<script src="https://cdn.ghink.net/js/qrcode/qrcode.js"></script>
|
|
|
|
|
<style>
|
|
|
|
|
#qrcode{
|
|
|
|
|
/*text-align: center;*/
|
|
|
|
|
/*display: table-cell;*/
|
|
|
|
|
/*width: 240px;*/
|
|
|
|
|
/*height: 240px;*/
|
|
|
|
|
/*vertical-align:middle;*/
|
|
|
|
|
/*position: relative;*/
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
|
|
|
<a class="navbar-brand" href="https://tools.ianxia.com"><b>Ian</b>Tools</a>
|
|
|
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
|
|
|
<ul class="navbar-nav ml-auto">
|
|
|
|
|
<li class="nav-item dropdown">
|
|
|
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
|
|
Language
|
|
|
|
|
</a>
|
|
|
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
|
|
|
<a class="dropdown-item" href="zh_CN.html"><b>简体中文</b></a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" href="https://www.ianxia.com">Home</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" href="https://blog.ianxia.com">Blog (In Chinese)</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" href="https://demo.ianxia.com">DEMO</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" href="https://adsb.ianxia.com">ADS-B</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item active">
|
|
|
|
|
<a class="nav-link" href="../en_US.html">Tools</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<section>
|
|
|
|
|
<div class="jumbotron text-center mt-2">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<h1>Generate QR code</h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section>
|
|
|
|
|
<div class="container" id="app">
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link active" id="text-tab" data-toggle="tab" href="#text" role="tab" aria-controls="text"
|
|
|
|
|
aria-selected="true">
|
|
|
|
|
<h6>Text</h6>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" id="link-tab" data-toggle="tab" href="#link" role="tab" aria-controls="link"
|
|
|
|
|
aria-selected="false">
|
|
|
|
|
<h6>Link</h6>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="tab-content border border-top-0" id="myTabContent">
|
|
|
|
|
<div class="tab-pane fade show active" id="text" role="tabpanel" aria-labelledby="text-tab">
|
|
|
|
|
<ul class="list-group list-group-flush">
|
|
|
|
|
<li class="list-group-item">
|
|
|
|
|
<form role="form">
|
|
|
|
|
<div>
|
|
|
|
|
<input type="text" class="form-control" v-model="input_text" placeholder="Please enter the content"><br>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tab-pane fade" id="link" role="tabpanel" aria-labelledby="link-tab">
|
|
|
|
|
<ul class="list-group list-group-flush">
|
|
|
|
|
<li class="list-group-item">
|
|
|
|
|
<form role="form">
|
|
|
|
|
<div>
|
|
|
|
|
<input type="text" class="form-control" v-model="input_link" placeholder="http(s)://"><br>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<hr>
|
|
|
|
|
<center id="qrcode" title="Did you just... Rick Rolled me?">
|
|
|
|
|
<canvas width="240" height="240" style="display: none;"></canvas>
|
|
|
|
|
<img alt="Scan me!" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAAAXNSR0IArs4c6QAAFudJREFUeF7tneF6G7kOQ9v3f+jez6n3ptlNfc6YGEXjYP9SJEEQkOxsm/788ePHrx8v/t+vX+eP+PPnzzGLU5wrMFCP6QxjEu8FCGeqz1fXuanufHV/8ZQrRJUQzBTnCgzUYzpDSiqEM9Xnq+vUwKENJAQzFf8KDNRjOkNoHT8IZ6rPV9epgUMbSAhmKv4VGKjHdIbQOmrgFJE71FkhKhK24WGKcwUG6jGdwfBkzhBOU+MKZ/oCh7aUEMxU/CswUI/pDKF19AVOEblDnRWiImEbHqY4V2CgHtMZDE/mDOE0Na5wpi9waEsJwUzFvwID9ZjOEFpHX+B/iNxlIY8W+11ERbsgHhLmSGCgGgmcxMUKDNM5aIZbfXyBX2HQXWYwC3m0dJpjWt8ILoGBahgcdIa4WIGBMFKcZqiBicFw3CykBs6QTlzXwBmeI1WusizCSWSQ6Kb1qf8tnsBANQwOOkNcrMBAGClOM/QFJgbDcbOQvsAZ0onrGjjDc6TKVZZFOIkMEt20PvXvC2wYyp0x++wPsXJ8YyWzkL7ASKM6QFzTZaianHyIZuhH6JMX8O/yZiE1cGYpxHUNfOeZiEqsg8gmDJRvMFIPU4POEM4VGKYYKf/t1YC/O008rOhBGA0GOkNzGgzjj9CmCQ1C8emglE/9jehMDTpDOFdwPcVI+YZL4mFFjxVc05wGQw1s1CBeDVnm4bHEQhM4Jh/jTX8SJvGwogdhNBjoDM1pMNTAxPKFvirIUUbHSHSmOAlzhx6E0cxJZ2hOg6EGJpZr4A8MkegMnSTMHXoQRjMnnaE5DYYamFiugWtgqZGjx2pgaS4iyhBvbkNTZ/L9cgUGmmEFlzv0WME1zWkw9AUmxcpLQpZ5eCyx0ASOySVj+pMwiYcVPQijwUBnaE6DoQYmlqWBaRm3MrQQU0PCPe3YVWaY4qT8BMG0b4OhBpabIDJpGTWwJDp0bLovyk/AJM0YDDWw3ASRScuogSXRoWPTfVF+AiZpxmCogeUmiExaRg0siQ4dm+6L8hMwSTMGQw0sN0Fk0jJqYEl06Nh0X5SfgEmaMRhqYLkJIpOWUQNLokPHpvui/ARM0ozBUAPLTRCZtIwaWBIdOjbdF+UnYJJmDIYaWG6CyKRl1MCS6NCx6b4oPwGTNGMw1MByE0QmLaMGlkSHjk33RfkJmKQZg6EGvm/CkPVoabSMxMKphpmBcFINyieM5iKjGgbDdA7KJ4wmTnMYDDVwDfxBayQaEp0RLvWgGgYD9aAalE8YTTyBoQaugWvgT9xWA5srSJ6Z3lSUv+pjnRz36WNGdMQF1aB8A556UA2DgXpQDconjCaewNAXuC9wX+C+wOa+ef7M9Kai/L7A77uhl8dwSZumHpRvMFAPqkH5hNHEExj6AvcF7gvcF9jcN8+fmd5UlN8XuC/wv9X5bV7g522ZyySyjYEJzQ49COOKOQlDIr5ijkSPxKyPapDm3h6e278Y+ajIKwyamIHIXNGDBLMDBsJo4ivmSPQws0zOkOZq4APsEpkJQVAPgrsDBsJo4ivmSPQws0zOGD30BZYME5kJQVAPgroDBsJo4ivmSPQws0zOGD3UwJJhIjMhCOpBUHfAQBhNfMUciR5mlskZo4caWDJMZCYEQT0I6g4YCKOJr5gj0cPMMjlj9FADS4aJzIQgqAdB3QEDYTTxFXMkephZJmeMHmpgyTCRmRAE9SCoO2AgjCa+Yo5EDzPL5IzRAxp4AmCXXLMsIotqUP6Ni2mNaf53wXCb0+xjF31OcNTAd/Zo4TXPb6KuwEMNPLkSNswl0ZmFUw26ABLiLwZ3iZh9bijTpyD1Be4L/EE4dBFd4RKpgZ+6C/ZNItGZhVMNEn5f4Hd9TLmkfLPPfdV6DFlf4L7AfYGPeWar0zVwDVwDb2XJY2Bq4Bq4Bj7mma1O//xlvlBsBfkcMPQddgVNhIEmNxhX9CCcFCeMZk7q8SrxGjj0AicEQcKlHkbYK3oQTooTRjMn9XiVeA1cAx/S8grz1MB+JTVwDezVIv4k1qFifzlcA3sWa+Aa2KulBj7E1YrDNXANfEhn/Qh9iK7TD9fANfAhkdXAh+g6/XANXAMfElkNfIiu0w/XwDXwIZHVwIfoOv3w2MD0E0MzwVQUCQyEkzDugIFmMHGaI8ED1SCchJHyb3HCQD0o32BInKmBJYu0MFq4bPPwGGFI9KA5CAPlG/PQHKYH1ZjOQfnUPxWvgSWTtLCEqAgKYaB8E6c5CAPl18BmC/5MDSy5SghXtvrrMcIwrX/LJwMSBsqvgRNbeq9RA0s+E8KVrWpgIMpcEsT1dJ+UT/1T8RpYMkkLS4iKoBAGyjdxmoMwUH5fYLMFf6YGllwlhCtb9QXuC6ylUgNLqmrg30QleKAatBLzylMNwkA9KJ/6p+Jo4OkglG8GWUEW4UxgoB7ERQID9ZjGzYw0B9Wg/NsMVGM6ZwID1TAz1MD3TRJZRLYRBPWgGgkM1GMaNzPSHFSD8mvgP7Y4JZPyjWDMwkydR2cIZwID9aAZEhioxzRuZqQ5qAbl18A18H90bERD4idhUn4CA/WYxs2MNAfVoPwauAaugZ90MpnvVpYMSDUovwaugWvgGvghA4lLhGrQRfZ2UdGvlaUiCRCkFepB+SY+nTPRg2qs4IEwUJx47Av8ziDt03BZA9/5JLKIbBJ24mNdAoPBOTlDPNbAmxl4sux/cqfCNKKZ4iSMBgPVIIymB9UgDIkehOG7xKdcU37kI3RiGQbooz4rREcYDQaqQVyaHlSDMCR6EIbvEp9yTfk18AElEZlG+FSD4JgeVIMwJHoQhu8Sn3JN+TXwASURmUb4VIPgmB5UgzAkehCG7xKfck35NfABJRGZRvhUg+CYHlSDMCR6EIbvEp9yTfk18AElEZlG+FSD4JgeVIMwJHoQhu8Sn3JN+TXwASURmUb4VIPgmB5UgzAkehCG7xKfck35NfABJRGZRvhUg+CYHlSDMCR6EIbvEp9yTfk18AElEZlG+FSD4JgeVIMwJHoQhu8Sn3JN+W8Gvv3Z8keEUhFaOOW/gfh5g/H3/0yN7yKK6ZzENdVfsYspxtsMU5xXwVADk2JfLD4V5tQYhs4pxhr4D5ZpYUQ25fcFNpLOnaF9USezT6pB8SnGGrgGJo1dNj41Rw3sVz/lyuyqH6H9Pl7ipBHFV/88YoqxL3Bf4Jcw62dDTM0xfVUMsVOMNXANbHR2yTNTc9TAfu1Trsyu+hHa7+MlThpR9CM0/69NI4ZLGJgGMYKhQU0NwkFxwkD5K+KvwgPNQbug/MRH6MQ+Dc5pn/ELTADMEImFEQ6KEwbKXxE3XE5xrOCB5iAMlF8DH/gOTIJJkG1qEA6Kk2gof0X8VXigOWgXlF8D18Ar/Hi4hxHu4aL/SiDzTOvf8mkOwkD5NXANnNBpvIYR7rQpmWdavwZOMPheo9+B71ysEO50dTXwbwYNDzvs0+Aca2L6t5EIgBmCyDY1CAfFCQPlr4i/Cg80B+2C8vsRuh+hV/jxcA8j3MNF+x14Stlf81fsCz9C03QrbksigjDQDKviNMcUh+GBMFANyp/OkHo9pzhX8JDoUQMnFCdrTEVFbUgQ5vsj1Th7hhr4jx9QwS+6eNsnfQeeisYsfCoayqcZVsUNFxMshgfCQDUof4L/n1zCYHpMcRKGaX1zUZkeNbBRQ+iMWcikFYmuL7Bnl7hM7DLRowb2Ox2fTCz9EQgSRA3sV0hcJnaZ6FED+52OTyaWXgO7NUy5TpiLkCZ61MDEcjA+FRVBIUH0BSYG3+PEZWKXiR41sN/p+GRi6X2B3RqmXCfMRUgTPX7+gipEBIGgIUycMJga0zM0ZwLjDj2IJ5qTZjCfAghDogfVoDkJ4y2+okcNbDaxaBkrFk49iA4StqlPNQhDogfVmGKsgf/YYoJMEgXFX2XhNAfxQLsw9akGYUj0oBpTjDVwDfwfHa8QFZmHMJAx+hH6nW
|
|
|
|
|
</center>
|
|
|
|
|
<hr>
|
|
|
|
|
<h5>Library used: <a href="https://github.com/davidshimjs/qrcodejs">qrcode.js</a></h5>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<hr>
|
|
|
|
|
<script>
|
|
|
|
|
let vue = new Vue({
|
|
|
|
|
el: '#app',
|
|
|
|
|
data: {
|
|
|
|
|
input_text: "",
|
|
|
|
|
input_link: ""
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
input_text: function() {
|
|
|
|
|
if (this.input_text.toString().length != 0) {
|
|
|
|
|
document.getElementById("qrcode").innerHTML = '';
|
|
|
|
|
let qrcode = new QRCode('qrcode', {
|
|
|
|
|
text: this.input_text.toString(),
|
|
|
|
|
width: 240,
|
|
|
|
|
height: 240,
|
|
|
|
|
colorDark: "#000000",
|
|
|
|
|
colorLight: "#ffffff"
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
document.getElementById('qrcode').setAttribute('title', 'Did you just... Rick Rolled me?');
|
|
|
|
|
document.getElementById('qrcode').innerHTML = `
|
|
|
|
|
<canvas width="240" height="240" style="display: none;"></canvas>
|
|
|
|
|
<img alt="Scan me!" src="data:image/png;base64,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
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
input_link: function() {
|
|
|
|
|
if (this.input_link.toString().length != 0 && (this.input_link.toString().includes("http://") || this.input_link.toString().includes("https://"))) {
|
|
|
|
|
document.getElementById("qrcode").innerHTML = '';
|
|
|
|
|
let qrcode = new QRCode('qrcode', {
|
|
|
|
|
text: this.input_link.toString(),
|
|
|
|
|
width: 240,
|
|
|
|
|
height: 240,
|
|
|
|
|
colorDark: "#000000",
|
|
|
|
|
colorLight: "#ffffff"
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
document.getElementById('qrcode').setAttribute('title', 'Did you just... Rick Rolled me?');
|
|
|
|
|
document.getElementById('qrcode').innerHTML = `
|
|
|
|
|
<canvas width="240" height="240" style="display: none;"></canvas>
|
|
|
|
|
<img alt="Scan me!" src="data:image/png;base64,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
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let date = new Date();
|
|
|
|
|
</script>
|
|
|
|
|
<footer class="text-center">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<p style="color: #516069"><strong>Copyright © Ian Xia <script>document.write(date.getFullYear().toString());</script> All rights reserved</strong></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
|
|
|
<script src="https://cdn.ghink.net/js/jquery/jquery-3.6.0.min.js"></script>
|
|
|
|
|
<!-- Grey Filter Detector -->
|
|
|
|
|
<script>
|
|
|
|
|
$.ajax({
|
|
|
|
|
type: "GET",
|
2022-12-29 07:00:26 +00:00
|
|
|
url: "https://open.geh.ink/grey_filter",
|
2022-12-28 10:30:18 +00:00
|
|
|
dataType: "json",
|
|
|
|
|
success: function(data, textStatus){
|
2022-12-29 07:00:26 +00:00
|
|
|
for (let i=0;i<data["content"]["accurate_slot"].length;i++) {
|
2022-12-28 10:30:18 +00:00
|
|
|
// Accurate Slot
|
2022-12-29 07:00:26 +00:00
|
|
|
if (Date.now()/1000 >= data["content"]["accurate_slot"][i][0] && Date.now()/1000 <= data["content"]["accurate_slot"][i][1]) {
|
2022-12-28 10:30:18 +00:00
|
|
|
$("html").css({
|
|
|
|
|
'-webkit-filter': 'grayscale(100%)',
|
|
|
|
|
'-moz-filter': 'grayscale(100%)',
|
|
|
|
|
'-ms-filter': 'grayscale(100%)',
|
|
|
|
|
'-o-filter': 'grayscale(100%)',
|
|
|
|
|
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
|
|
|
|
|
'_filter': 'none'
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
2022-12-29 07:00:26 +00:00
|
|
|
for (let i=0;i<data["content"]["day_slot"].length;i++) {
|
2022-12-28 10:30:18 +00:00
|
|
|
// Day Slot
|
|
|
|
|
let begin = new Date(
|
|
|
|
|
date.getFullYear().toString() + "-" +
|
2022-12-29 07:00:26 +00:00
|
|
|
data["content"]["day_slot"][i][0][0].toString() + "-" +
|
|
|
|
|
data["content"]["day_slot"][i][0][1].toString() + " " +
|
|
|
|
|
data["content"]["day_slot"][i][0][2].toString() + ":" +
|
|
|
|
|
data["content"]["day_slot"][i][0][3].toString() + ":" +
|
|
|
|
|
data["content"]["day_slot"][i][0][4].toString()
|
2022-12-28 10:30:18 +00:00
|
|
|
)
|
|
|
|
|
let end = new Date(
|
|
|
|
|
date.getFullYear().toString() + "-" +
|
2022-12-29 07:00:26 +00:00
|
|
|
data["content"]["day_slot"][i][1][0].toString() + "-" +
|
|
|
|
|
data["content"]["day_slot"][i][1][1].toString() + " " +
|
|
|
|
|
data["content"]["day_slot"][i][1][2].toString() + ":" +
|
|
|
|
|
data["content"]["day_slot"][i][1][3].toString() + ":" +
|
|
|
|
|
data["content"]["day_slot"][i][1][4].toString()
|
2022-12-28 10:30:18 +00:00
|
|
|
)
|
|
|
|
|
if (Date.now() >= begin.getTime() && Date.now() <= end.getTime()) {
|
|
|
|
|
$("html").css({
|
|
|
|
|
'-webkit-filter': 'grayscale(100%)',
|
|
|
|
|
'-moz-filter': 'grayscale(100%)',
|
|
|
|
|
'-ms-filter': 'grayscale(100%)',
|
|
|
|
|
'-o-filter': 'grayscale(100%)',
|
|
|
|
|
'filter': 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)',
|
|
|
|
|
'_filter': 'none'
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
|
|
|
|
<script src="https://cdn.ghink.net/js/popper/1.16.1/popper.min.js"></script>
|
|
|
|
|
<script src="https://cdn.ghink.net/assembly/bootstrap/4.6.1/js/bootstrap.min.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
