113 lines
4.8 KiB
HTML
113 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{# head content #}
|
|
<title>{{ title }}</title>
|
|
|
|
<!-- css style -->
|
|
<link rel="preload" href="/style.css" as="style">
|
|
<link rel="stylesheet" href="/style.css">
|
|
|
|
<!-- metadata -->
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="{{ description }}">
|
|
|
|
<!-- link preview card -->
|
|
<meta name="og:title" content="{{ title }}">
|
|
<meta name="twitter:title" content="{{ title }}">
|
|
|
|
<meta name="og:description" content="{{ description }}">
|
|
<meta name="twitter:description" content="{{ description }}">
|
|
|
|
<!-- display settings & favicon -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="/assets/pill.svg">
|
|
</head>
|
|
<body>
|
|
<h1>{{ title }}</h1>
|
|
|
|
{# Navigation #}
|
|
<nav class="menu">
|
|
<ul>
|
|
<li><a {% if home.active %}class="active"{% endif %} href="{{ home.href }}">{{ home.text }}</a></li>
|
|
<li><a {% if about.active %}class="active"{% endif %} href="{{ about.href }}">{{ about.text }}</a></li>
|
|
<li class="dropdown">
|
|
<a {% if products.active %}class="active"{% endif %} href="{{ products.href }}" class="dropbtn">{{ products.text }}</a>
|
|
<div class="dropdown-content">
|
|
{% for product in product_classes %}
|
|
<a href="{{product.href}}">{{product.text}}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</li>
|
|
<li><a {% if contact.active %}class="active"{% endif %} href="{{ contact.href }}">{{ contact.text }}</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<h2>{{ subtitle }}</h2>
|
|
|
|
{# articles #}
|
|
<p>Please use our <a class="inline" href="/pgp.txt">PGP key</a> if contacting us through email, or OMEMO for XMPP.<br>
|
|
We reccomend using the <a class="inline" href="https://gajim.org/">Gajim</a> XMPP client. You will need to configure it to go through tor.<br>
|
|
<p>We currently only have an XMPP account on our locally ran server, so if you want to contact us there your server must be able to connect to onion services, or you can request to register on our server.<br>
|
|
You can also use <a class="inline" href="https://github.com/FiloSottile/age">age</a> to encrypt messages if you want.<br>
|
|
Our age key is <code>age13ukug0w2drc3k7x35r88rzjwuwt3dtrrqx0mvzk4uet35w5a3vysdud69t</code><br>
|
|
Our PGP fingerprint is <code>28EE 9DAC B217 1959 E8A4 0321 5533 5B9E BFC6 535B</code><br>
|
|
Our OMEMO fingerprint is<br>
|
|
<code>
|
|
7C7D9438 DDCC620E EE3A858F 7D926374
|
|
F65DBE83 8EF48DE1 40D6A12E 3A97D62A
|
|
</code>
|
|
</p>
|
|
|
|
<a href="mailto:hrt@[REDACTED]">hrt@[REDACTED]</a>
|
|
<a href="xmpp:pharma@zwiybhyhqdamyjnjzmn34q6u2lnbikvlv73gfxeiks7ymzrzccy6qgyd.onion">hrt@zwiybhyhqdamyjnjzmn34q6u2lnbikvlv73gfxeiks7ymzrzccy6qgyd.onion</a>
|
|
|
|
<h3>Web Order</h3>
|
|
<p>Use whatever name you'd prefer for us to refer to you by.<br>
|
|
Your email is needed so we can send you confirmation/info of your order. (XMPP address also accepted)<br>
|
|
Feel free to link to somewhere we can get your PGP key if you have one as well.<br>
|
|
Required fields are followed by <strong><abbr title="required">*</abbr></strong>.</p>
|
|
|
|
{# For Contact Page #}
|
|
{% if is_contact %}
|
|
<form action="/api/order" method="post" class="order-form">
|
|
<div class="order-form">
|
|
<label for="name">Name: </label>
|
|
<input type="text" name="name" id="name">
|
|
</div>
|
|
<div class="order-form">
|
|
<label for="email">Email/XMPP: <abbr title="required" aria-label="required">*</abbr></label>
|
|
<input type="email" name="email" id="email">
|
|
</div>
|
|
<div class="order-form">
|
|
<label for="msg">Message: <abbr title="required" aria-label="required">*</abbr></label>
|
|
<textarea id="msg" name="user_message">Enter your order here, as well as any notes. Make sure to specify dosages & amounts.</textarea>
|
|
</div>
|
|
<div class="order-form">
|
|
<label for="key">Encryption Key: </label>
|
|
<textarea id="key" name="encryption_key">Enter your PGP or age key here.</textarea>
|
|
</div>
|
|
<div class="order-form">
|
|
<label for="type">Payment Type: </label>
|
|
<select id="type" name="payment_type">
|
|
<option selected value="xmr">Monero (XMR)</option>
|
|
<option disabled value="btc">Bitcoin (BTC)</option>
|
|
<option disabled value="eth">Ethereum (ETH)</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="order-form">
|
|
<img class="captcha" src="/api/captcha" width="200" height="100">
|
|
</div>
|
|
<div class="order-form">
|
|
<label for="captcha">Captcha Text: <abbr title="required" aria-label="required">*</abbr></label>
|
|
<input type="text" id="captcha" name="captcha">
|
|
</div>
|
|
|
|
<div class="order-form">
|
|
<button class="order-form" type="submit">Order</button>
|
|
</div>
|
|
</form>
|
|
{% endif %}
|
|
</html>
|