linkr/templates/index.html
Nathan Woodburn 8c0c2f5f34
All checks were successful
Build Docker / Build Main Image (push) Successful in 26s
feat: Add umami and input validation
2023-12-21 16:07:21 +11:00

132 lines
8.5 KiB
HTML

<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Linkr</title>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Linkr/",
"url": "https://linkr"
}
</script>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/android-chrome-512x512.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;display=swap">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dash.css">
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://analytics.woodburn.au/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '4']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<script async src="https://umami.woodburn.au/script.js" data-website-id="45d91688-692c-40de-be01-6779034dcdd8"></script>
</head>
<body id="page-top" style="background: rgb(0,0,0);"><script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script type="text/javascript" src="https://auth.varo.domains/v1"></script>
<script>var varo = new Varo();</script>
<div id="wrapper">
<div class="d-flex flex-column" id="content-wrapper" style="background: #000000;color: rgb(255,255,255);">
<div id="content">
<nav class="navbar navbar-expand bg-white shadow mb-4 topbar static-top navbar-light" style="background: transparent;">
<div class="container-fluid"><button class="btn btn-link d-md-none rounded-circle me-3" id="sidebarToggleTop" type="button"><i class="fas fa-bars"></i></button><a class="no_display" href="/">
<div class="d-flex align-items-center" style="display: inline-flex;"><img src="assets/img/favicon-32x32.png" width="32px" height="32px">
<h1 style="color: rgb(0,0,0);margin-bottom: 0px;margin-left: 10px;">Linkr/</h1>
</div>
</a>
<ul class="navbar-nav flex-nowrap ms-auto">
<li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="fas fa-search"></i></a>
<div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown">
<form class="me-auto navbar-search w-100">
<div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
<div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
</div>
</form>
</div>
</li>
<li class="nav-item dropdown no-arrow"><a class="nav-link" href="javascript:void(0);" onclick="varo.auth().then(auth =&gt; {if (auth.success) {$.post(&quot;/login&quot;, JSON.stringify(auth.data), (response) =&gt; {window.location.reload();});} });"><span style="color: #000000;margin-right: 10px;">Login</span><img class="border rounded-circle img-profile" src="assets/img/favicon-32x32.png"></a></li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div>
<h3 class="mb-0">Linkr/ - A free link shortener on Handshake</h3>
<p>Shorten your link from https://superlonglink.com/really-big-link#page-location to https://linkr/shortlink</p>
</div>
<div class="row">
<div class="col-md-6 col-xl-3 mb-4">
<div class="card shadow border-start-primary py-2">
<div class="card-body">
<div class="row align-items-center no-gutters">
<div class="col me-2">
<div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Links</span></div>
<div class="fw-bold h5 mb-0"><span>{{links}}</span></div>
</div>
<div class="col-auto"><i class="fas fa-link fa-2x text-gray-300"></i></div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3 mb-4">
<div class="card shadow border-start-success py-2">
<div class="card-body">
<div class="row align-items-center no-gutters">
<div class="col me-2">
<div class="text-uppercase text-success fw-bold text-xs mb-1"><span>Accounts</span></div>
<div class="fw-bold h5 mb-0"><span>{{accounts}}</span></div>
</div>
<div class="col-auto"><i class="fas fa-user-friends fa-2x text-gray-300"></i></div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-3 mb-4"><a class="no_display" href="https://l.woodburn.au/donate" target="_blank">
<div class="card shadow border-start-primary py-2">
<div class="card-body">
<div class="row align-items-center no-gutters">
<div class="col me-2">
<div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>Support</span></div>
<div class="fw-bold h5 mb-0"><span>Donate</span></div>
</div>
<div class="col-auto"><i class="fas fa-hands-helping fa-2x text-gray-300"></i></div>
</div>
</div>
</div>
</a></div>
</div>
</div>
</div>
<footer class="bg-white sticky-footer" style="background: #000000;position: absolute;">
<div class="container my-auto" style="color: rgb(0,0,0);">
<div class="text-center my-auto copyright"><span style="font-size: 20px;">Copyright © Nathan.Woodburn/ 2023</span></div>
</div>
</footer>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://nathan.woodburn/https.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>