diyhrt/unmaintained/hrt.cafe/contact/index.html

324 lines
15 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="robots" content="noindex, noarchive, nosnippet">
<link rel="preload" as="font" type="font/woff2" href="../assets/css/fonts/inter-400.woff2" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="../assets/css/fonts/inter-500.woff2" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="../assets/css/fonts/inter-700.woff2" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="../assets/css/fonts/inter-800.woff2" crossorigin>
<link rel="stylesheet" href="../assets/css/style.css?v=19"><link rel="stylesheet" href="../assets/css/jquery.tipsy.css?v=19"><link rel="stylesheet" href="../assets/css/dark.css?v=19"><link rel="stylesheet" href="../assets/css/icomoon.css?v=19"><link rel="stylesheet" href="../assets/css/jquery.dataTables.min.css?v=19"> <script>
if (typeof localStorage.darkmode === 'undefined') {
localStorage.darkmode = '0';
}
var darkmode = localStorage.darkmode;
if (darkmode == "1") {
document.documentElement.setAttribute("data-theme", "dark");
} else if (darkmode == "W98") {
document.documentElement.setAttribute("data-theme", "W98");
} else {
document.documentElement.setAttribute("data-theme", "light");
}
</script>
<script src="../assets/js/jquery-3.6.0.min.js?v=19"></script><script src="../assets/js/dark.js?v=19"></script><script src="../currency-converter/converter.js?v=19"></script><script src="../currency-converter/currencies.js?v=19"></script><script src="../assets/js/jquery.tipsy.min.js?v=19"></script><script src="../assets/js/jquery.dataTables.min.js?v=19"></script><script src="../assets/js/functions.js?v=19"></script><script src="../assets/js/init.js?v=19"></script><script src="../assets/js/search.js?v=19"></script> <link rel="icon" type="image/png" sizes="512x512" href="../assets/img/coffee-breaks.png?v=19"> <!-- LAST GENERATED: 2022-10-23T20:21:03p -->
<!-- Meta tags -->
<meta name="theme-color" content="#f5a9b8">
<meta name="author" content="hrt.cafe">
<meta name="url" content="https://diyhrt.cafe">
<meta name="og:url" content="https://diyhrt.cafe">
<meta name="og:see_also" content="https://diyhrt.cafe">
<meta name="twitter:url" content="https://diyhrt.cafe">
<meta name="og:site_name" content="diyhrt.cafe">
<meta name="name" content="diyhrt.cafe">
<meta name="og:title" content="diyhrt.cafe">
<meta name="twitter:title" content="diyhrt.cafe">
<meta name="image" content="https://diyhrt.cafe/assets/img/coffee-breaks.png?v=19">
<meta name="og:image" content="https://diyhrt.cafe/assets/img/coffee-breaks.png?v=19">
<meta name="twitter:image" content="https://diyhrt.cafe/assets/img/coffee-breaks.png?v=19">
<meta name="description" content="HRT resources for transgender people.">
<meta name="og:description" content="HRT resources for transgender people.">
<meta name="twitter:description" content="HRT resources for transgender people.">
</head>
<body id="top">
<div id="wrapper">
<nav class="navbar-left">
<a class="navbar-brand" href="../index.html">
<div class="navbar-brand-container">
<div class="sidebar-brand-icon">
<span class="icon-brand-hrtcafe"></span>
</div>
<div class="sidebar-brand-text"><span>HRT.CAFE</span></div>
</div>
</a>
<ul>
<li class="list-item top">
<a class="internal" href="../index.html"><span class="icon-fa4-home"></span><span class="text">Home</span></a>
</li>
<li class="list-item top">
<a class="internal" href="../donate/index.html"><span class="icon-fa5-donate"></span><span class="text">Donate</span></a>
</li>
<li class="list-item category estradiol">
<div class="spacecat">Estradiol</div>
</li>
<li class="list-item">
<a class="internal" href="../pills/index.html"><span class="icon-fa5-pills"></span><span class="text">Estradiol Pills</span></a>
</li>
<li class="list-item">
<a class="internal" href="../patches/index.html"><span class="icon-fa5-bandaid"></span><span class="text">Estradiol Patches</span></a>
</li>
<li class="list-item">
<a class="internal" href="../gel/index.html"><span class="icon-fa5-spray"></span><span class="text">Estradiol Gel</span></a>
</li>
<li class="list-item">
<a class="internal" href="../injections/index.html"><span class="icon-fa5-syringe"></span><span class="text">Estradiol Injections</span></a>
</li>
<li class="list-item category progesterone"><div class="spacecat">Progesterone</div></li>
<li class="list-item">
<a class="internal" href="../progesterone/index.html"><span class="icon-fa5-capsules"></span><span class="text">Progesterone Capsules</span></a>
</li>
<li class="list-item">
<a class="internal" href="../progesterone/gel/index.html"><span class="icon-fa5-spray"></span><span class="text">Progesterone Gel</span></a>
</li>
<li class="list-item">
<a class="internal" href="../progesterone/injections/index.html"><span class="icon-fa5-syringe"></span><span class="text">Progesterone Injections</span></a>
</li>
<li class="list-item category antiandrogen"><div class="spacecat">Anti-Androgens</div></li>
<li class="list-item">
<a class="internal" href="../cypro/index.html"><span class="icon-fa5-pills"></span><span class="text">Cyproterone Acetate</span></a>
</li>
<li class="list-item">
<a class="internal" href="../bicalutamide/index.html"><span class="icon-fa5-pills"></span><span class="text">Bicalutamide</span></a>
</li>
<li class="list-item">
<a class="internal" href="../spironolactone/index.html"><span class="icon-fa5-pills"></span><span class="text">Spironolactone</span></a>
</li>
<li class="list-item">
<a class="internal" href="../gnrh/index.html"><span class="icon-fa5-syringe"></span><span class="text">GnRH Agonists</span></a>
</li>
<li class="list-item category hairloss"><div class="spacecat">Hair Loss</div></li>
<li class="list-item">
<a class="internal" href="../finasteride/index.html"><span class="icon-fa5-pills"></span><span class="text">Finasteride</span></a>
</li>
<li class="list-item">
<a class="internal" href="../dutasteride/index.html"><span class="icon-fa5-pills"></span><span class="text">Dutasteride</span></a>
</li>
<li class="list-item category serms"><div class="spacecat">SERMs</div></li>
<li class="list-item">
<a class="internal" href="../raloxifene/index.html"><span class="icon-fa5-pills"></span><span class="text">Raloxifene</span></a>
</li>
<li class="list-item">
<a class="internal" href="../tamoxifen/index.html"><span class="icon-fa5-pills"></span><span class="text">Tamoxifen</span></a>
</li>
<li class="list-item">
<a class="internal" href="../clomifene/index.html"><span class="icon-fa5-pills"></span><span class="text">Clomifene</span></a>
</li>
<li class="list-item category misc"><div class="spacecat">Miscellaneous</div></li>
<li class="list-item">
<a class="internal" href="../domperidone/index.html"><span class="icon-fa5-pills"></span><span class="text">Domperidone</span></a>
</li>
<li class="list-item">
<a class="internal" href="../pioglitazone/index.html"><span class="icon-fa5-pills"></span><span class="text">Pioglitazone</span></a>
</li>
<li class="list-item">
<a class="internal" href="../progesterone/injections/hydroxy/index.html"><span class="icon-fa5-syringe"></span><span class="text">HydroxyProg Injections</span></a>
</li>
<li class="list-item bottom top mobile">
<a class="internal" href="index.html#top"><span class="icon-fa5-angle-up"></span><span class="text">Scroll to Top<br><br></span></a>
</li>
</ul>
</nav>
<div id="content-wrapper">
<nav class="navbar-top">
<ul class="navbar-top">
<li class="nav-item"><a class="internal shadow" href="../resources/index.html">Resources</a></li>
<li class="nav-item"><a class="internal shadow" href="index.html">Contact</a></li>
<li class="nav-item"><a class="js shadow" id="dark-toggle" href="index.html#"><span class="icon-fa5-moon"></span></a></li>
</ul>
</nav>
<div id="main">
<div class="card shadow"><div class="card-header"><h2>Contact</h2></div><div class="card-body"><p>For general questions please visit the communities found in <a class="internal underline" href="../resources/index.html">Resources</a>.</p>
<br>
<p><b>This site does not sell medications.</b></p>
<p><b>This contact form is not a helpline.</b></p>
<br>
<script>
function getCaptcha() {
document.getElementById('captcha').style.background = 'rgb(249,249,249)';
document.getElementById('captcha-refresh').classList.add("rotating");
fetch("/contact/captcha/")
.then(response => response.text())
.then((response) => {
const data = response;
document.getElementById('captcha').style.background = 'url('+data+')';
document.getElementById('captcha-input').value = '';
document.getElementById('captcha-input').focus();
document.getElementById('captcha-refresh').classList.remove("rotating");
return true;
})
.catch(error => {
document.getElementById('captcha').style.background = 'rgb(249,249,249)';
console.log(response.status + ' - ' + response.statusText + ' - Couldn\'t load image...');
document.getElementById('captcha-input').value = '';
document.getElementById('captcha-input').focus();
document.getElementById('captcha-refresh').classList.remove("rotating");
return false;
});
}
document.addEventListener("DOMContentLoaded", function(event) {
//refresh captcha
document.getElementById('captcha-refresh').addEventListener("click", function(e) {
e.preventDefault();
getCaptcha();
});
//numbers only field
function numbersOnly() {
this.value = this.value.replace(/[^\d]+/g, '');
}
//numbers in captcha only
document.getElementById('captcha-input').addEventListener("keyup", numbersOnly, false);
//contact form ajax
document.getElementById('contact-form').addEventListener("submit",function(e) {
e.preventDefault();
const contactName = document.getElementById('contact-name');
const contactEmail = document.getElementById('contact-email');
const contactSubject = document.getElementById('contact-subject');
const contactComment = document.getElementById('contact-comment');
const contactBody = document.getElementById('contact-body');
const captchaInput = document.getElementById('captcha-input');
const captchaImage = document.getElementById('captcha');
const loadingImage = document.getElementById('loading-img');
const ajaxResponse = document.getElementById('ajax-message');
loadingImage.style.display = "inline";
ajaxResponse.style.display = "none";
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "/contact/request/", true);
xhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
ajaxResponse.innerText = this.responseText;
loadingImage.style.display = "none";
ajaxResponse.style.display = "inline";
if (this.responseText.substring(0, 6) == "Error:") {
ajaxResponse.style.color = "red";
} else {
ajaxResponse.style.color = "unset";
}
getCaptcha();
}
};
function Base64encodeUnicode(str) {
// first we use encodeURIComponent to get percent-encoded UTF-8,
// then we convert the percent encodings into raw bytes which
// can be fed into btoa.
return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
function toSolidBytes(match, p1) {
return String.fromCharCode('0x' + p1);
}));
}
var data = "contact_name=" + Base64encodeUnicode(contactName.value);
data += "&contact_email=" + Base64encodeUnicode(contactEmail.value);
data += "&contact_subject=" + Base64encodeUnicode(contactSubject.value);
data += "&contact_comment=" + Base64encodeUnicode(contactComment.value);
data += "&contact_body=" + Base64encodeUnicode(contactBody.value);
data += "&captcha_input=" + captchaInput.value;
data += "&base64decode=true";
xhttp.send(data);
});
});
</script>
<style>
#loading-img {
display:none;
font-size:18pt;
margin-left: 6px;
}
input.contact-regular {
width: 240px;
}
textarea.contact-large {
min-width: 240px;
width: 240px;
min-height: 120px;
height: 120px;
resize:both;
}
input.contact-tiny {
width: 100px;
}
form#contact-form table button {
float: right;
}
#captcha {
display: inline-block;
margin: 4px 0 6px 0!important;
border: 1px solid #d1d3e2;
margin-bottom: 2px;
border-radius: 3px;
box-sizing: content-box;
width: 198px;
height: 50px;
}
#captcha-refresh {
margin-left: 4px;
vertical-align: top;
margin-top: 2px;
}
tr.somebody {
display:none;
}
table th {
display: none;
}
</style>
<br>NOTICE: If you know HTML/CSS, you can make changes yourself! I accept PRs at https://github.com/IShouldTestMyCode/hrt-cafe-archive. <br> To contact the maintainer of this archive, create an issue <a class="internal underline" href="https://github.com/IShouldTestMyCode/hrt-cafe-archive/issues">here. <span class="icon-fa5-key font90"></span></a> If you would rather use email, send me an email to anonymous-user87349@protonmail.ch and if you prefer to use PGP, you can find it on the MIT keyserver.</div></div> </div>
<div class="footer">
<p class="small">Prices and exchange rates are for informational purposes only.
<br>They are not guaranteed to be accurate and are subject to change without notice.</p>
<p class="small">If you think you may have a medical emergency, please contact your doctor or emergency services.</p>
<p class="small"><span><a class="internal" href="../privacy/index.html">Privacy</a>&nbsp;&nbsp;<a class="internal" href="../legal/index.html">Legal</a>&nbsp;&nbsp; <a class="internal" href="../medical/index.html">Medical</a>&nbsp;&nbsp; <a class="internal" href="../changelog/index.html">Changelog</a>&nbsp;&nbsp; <a class="internal" href="index.html">Contact</a><br></span></p>
<p><a class="external" href="https://twitter.com/HrtCafe" target="_blank"><span class="icon-fa4-twitter"></span></a></p>
</div> </div>
<a id="bottom"></a>
</div>
</body>
</html>