<!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>
                        <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>