linkr/templates/index.html
Nathan Woodburn 79b210c8a7
All checks were successful
Build Docker / Build Main Image (push) Successful in 33s
feat: Initial code push
2023-11-17 00:06:02 +11:00

101 lines
6.7 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">
</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 class="d-sm-flex justify-content-between align-items-center mb-4">
<h3 class="mb-0">Linkr</h3>
</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>
</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 © Linkr 2023</span></div>
</div>
</footer>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>