diyhrt/diyhrt.market/login.html
2025-09-15 01:46:02 +00:00

146 lines
8.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="static/css/style.css" rel="stylesheet" />
<link href="static/css/bootstrap-table.min.css" rel="stylesheet" />
<link href="static/flags/css/flag-icons.min.css" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="static/favicon/apple-touch-icon.png%3Fv=2">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png%3Fv=2">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png%3Fv=2">
<link rel="manifest" href="static/favicon/site.webmanifest%3Fv=2">
<link rel="mask-icon" href="static/favicon/safari-pinned-tab.svg%3Fv=2" color="#5bbad5">
<link rel="shortcut icon" href="static/favicon/favicon.ico%3Fv=2">
<meta name="apple-mobile-web-app-title" content="DIYHRT.Market">
<meta name="application-name" content="DIYHRT.Market">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/static/favicon/browserconfig.xml?v=2">
<meta name="theme-color" content="#1a2023">
<title>Login - DIYHRT.Market</title>
<meta property="og:site_name" content="DIYHRT.Market" />
<!-- Matomo is used for basic analytics tracking. All data stays on the same
server that the rest of the site is stored on. -->
<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="//a.diyhrt.market/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
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 -->
</head>
<body>
<main>
<header class="p-3 mb-4 text-bg-dark">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<a href="index.html" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">
<img class="bi me-2 d-block d-lg-none" style="height: 5rem;" src="static/img/diymarket_logo3.png" />
<img class="bi me-2 d-none d-lg-block" height="76px" style="margin-top: -34px; margin-bottom: -35px;" src="static/img/diymarket_logo3.png" />
</a>
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="resources.html" class="nav-link px-2 text-white">Resources</a></li>
<li><a href="transfem-hrt-guide.html" class="nav-link px-2 text-white">Guide</a></li>
<li><a href="qr-codes.html" class="nav-link px-2 text-white">QR Codes</a></li>
</ul>
<form method="GET" action="https://diyhrt.market/meds/products/" class="col-12 col-lg-auto mb-3 mb-lg-0" role="search">
<input type="search" class="form-control" name="q" placeholder="Search..." aria-label="Search">
</form>
<div class="col-12 col-lg-auto mb-3 mb-lg-0 d-flex justify-content-center px-2">
<a class="btn btn-outline-danger mx-1" role="button" href="login.html">Login</a>
<a class="btn btn-outline-danger mx-1" role="button" href="register.html">Register</a>
</div>
</div>
</div>
</header>
<div class="container">
</div>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<h2>Login</h2>
<form method="POST">
<input type="hidden" name="csrfmiddlewaretoken" value="gBMYDr6hv8DiO92n4ZeLu61oEJY27bdr6w0JKQ0Y3BBGnGYZlmhc7XbBYkdk0T69">
<div class="mb-3"><label class="visually-hidden" for="id_username">Username</label><input type="text" name="username" autofocus autocapitalize="none" autocomplete="username" maxlength="150" class="form-control" placeholder="Username" required id="id_username"></div><div class="mb-3"><label class="visually-hidden" for="id_password">Password</label><input type="password" name="password" autocomplete="current-password" class="form-control" placeholder="Password" required id="id_password"></div>
<button class="btn btn-primary w-100">Submit</button>
<input type="hidden" name="next" value="">
</form>
</div>
</div>
</div>
</main>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<p class="col-md-4 mb-0 text-muted align-items-center">
DIYHRT.Market 2022-2025
</p>
<a href="index.html" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
<img style="height: 2rem;" src="static/img/logograyscale.png">
</a>
<ul class="nav col-md-4 d-flex justify-content-end">
<li class="nav-item"><a href="about.html" class="nav-link px-2 text-muted">About</a></li>
<li class="nav-item"><a href="resources.html" class="nav-link px-2 text-muted">Resources</a></li>
<li class="nav-item"><a href="data-privacy.html" class="nav-link px-2 text-muted">Data Privacy</a></li>
<li class="nav-item">
<a href="https://bsky.app/profile/diyhrt.market" class="nav-link px-2 text-muted">Bluesky</a>
</li>
</ul>
</footer>
</div>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/jquery-3.7.1.min.js"></script>
<script src="static/js/bootstrap-table.min.js"></script>
<script src="static/fontawesomefree/js/all.min.js"></script>
<script>
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97f46804bbbfd674',t:'MTc1NzkwMDMyNA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>