Files
old-website/src/projects/qrscanner/index.html
2024-03-02 08:44:47 +01:00

88 lines
5.0 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<title>QR & Barcode Insight - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/mainstyle.css">
<link rel="stylesheet" href="/css/pages/home.css">
<meta name="keywords" content="qr code scanner, barcode scanner, detailed qr scanner, scanning history">
<meta name="description" content="Scanning QR-Codes can be quite scary, if you don't know what link or data is inside of it. This is why QR & Barcode insight shows you the entire content of the QR-Code unfiltered">
<script defer src="https://static.janishutz.com/libs/jquery/jquery.min.js"></script>
<script defer src="/js/loader.js"></script>
</head>
<body>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/qrscanner.jpg" alt="QR & Barcode Insight Logo" class="project-logo">
<h1 class="content-title">QR & Barcode Insight</h1>
<p style="text-align: center; margin-bottom: 5%;">QR Codes can be quite mysterious and you might not be sure if the QR code you were provided with actually contains the website you intend to visit</p>
<div class="sidebyside">
<div class="element">
<h3>Scan any code.</h3>
<p>QR & Barcode Insight supports all kinds of different Barcodes and QR-Codes. Click below to get a full list of supported codes.</p>
<button class="button" onclick="openDetails( 'supportedCodes' )">Learn more</button>
</div>
<div class="element">
<h3>See the full link.</h3>
<p>QR & Barcode Insight shows you the entire link such that you can better judge if the link is actually correct</p>
<button class="button" onclick="openDetails( 'fullLink' )">Learn more</button>
</div>
</div>
<div class="sidebyside">
<div class="element">
<h3>Scan history.</h3>
<p>QR & Barcode Insight can save a scanning history for you such that you can always come back to a scanned link at a later point. This feature can be turned off in settings.</p>
<button class="button" onclick="openDetails( 'history' )">Learn more</button>
</div>
<div class="element">
<h3>Free.</h3>
<p>QR & Barcode Insight is and always will stay free. It does not show any ads or anything else. You may choose to support me through an In-App-Purchase, which is optional and does not currently provide additional features.</p>
<button class="button" onclick="openDetails( 'free' )">Learn more</button>
</div>
</div>
</div>
<div class="bottom">
<h2 class="content-title">Download it today</h2>
<p>Coming to Android soon(tm)</p>
<a class="button" href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642" target="_blank">AppStore</a>
</div>
</div>
<div id="popup">
<div class="popup-positioning">
<div class="popup-main">
<p id="popup-message"></p>
<button onclick="closePopup()" class="submit">Ok</button>
</div>
</div>
<script>
const texts = {
'supportedCodes': `<h3>Supported code types.</h3><p>This app can scan the following codes:</p>
<ul>
<li>QR & miniQR</li>
<li>Code 128, Code 93, Code 39 & Code 39 mod 43</li>
<li>Codabar & Interleaved 2 of 5</li>
<li>UPCE, EAN 8 & EAN 13</li>
</ul>`,
'fullLink': '<h3>See the full link.</h3><p>Seeing the full link that is included in a QR-Code can prevent you from accidentally opening up a unsafe link. Please always make sure that the link you scanned is actually a link you want to open, regardless of the app. This app does NOT feature a website reputation lookup feature. I do not take responsibility for any damage caused to your device by opening unsafe QR-Codes.</p>',
'history': '<h3>Scanning History.</h3><p>QR & Barcode Insight can save the scanning history for you. This data never leaves your device. Individual entries or the entire history can be cleared at a simple push of a button. Additionally, you may disable this feature entirely in Settings.</p>',
'free': '<h3>Free.</h3><p>QR & Barcode Insight does not currently and never will cost you any money. It also does not serve any ads or collect any data on your interaction with it. This app has In-App-Purchases that are solely there to allow you to support my work and the continuous development of the app. They do not currently provide any additional features. It is planned for them to get some additional features in the future, which will though just be cosmetic changes to for example the app icon.</p>',
};
function closePopup () {
$( '#popup' ).fadeOut( 500 );
$( 'body' ).removeClass( 'menuOpen' );
}
function openDetails ( message ) {
document.getElementById( 'popup-message' ).innerHTML = texts[ message ];
$( '#popup' ).fadeIn( 500 );
$( 'body' ).addClass( 'menuOpen' );
}
</script>
</div>
<div id="footer"></div>
</body>
</html>