<!doctype html>
<html lang='en' data-theme="dark">

<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Find NON-KYC exchanges and services to use and spend your crypto anonymously.">
    <meta name="keywords"
        content="KYC, AML, Bitcoin, Crypto, Cryptocurrency, Exchange, Exchanges, Service, Services, Anonymous, Anonymity, Privacy, Pseudonymity, Pseudonymous, Non-KYC, No-KYC, No KYC, Monero, XMR, BTC">
    <meta property="og:title" content="KYCNOT.ME" />
    <meta property="og:description"
        content="Find NON-KYC exchanges and services to use and spend your crypto anonymously." />
    <meta property="og:type" content="website" />
    <meta http-equiv="onion-location" content="http://kycnotmezdiftahfmc34pqbpicxlnx3jbf5p7jypge7gdvduu7i6qjqd.onion" />
    <meta property="og:image" content="https://kycnot.me/static/img/logos/banner.webp" />
    <meta property="thumbnail" content="https://kycnot.me/static/img/logos/banner.webp">
    <meta name="twitter:image" content="https://kycnot.me/static/img/logos/banner.webp">
    <meta property="og:url" content="https://kycnot.me" />
    <link rel='stylesheet' href='/static/css/style.css'>
    <link rel="shortcut icon" href="/static/assets/favicon.webp" type="image/x-icon">
    <link rel="me" href="https://fosstodon.org/@kycnotme">
    <!-- PROVIDE the pubkey so it can be tagged for responses/alerts -->
    <meta property="nostr:pubkey" content="npub1tuta00sz4wvvzymqcfq42cqhxal6puqpylxs4yf0z28z3ryvfh9qkqmv92" />
    <!-- CAN provide multiple relays -->
    <meta property="nostr:relay" content="wss://relay.damus.io" />
    <!-- MUST PROVIDE CSS -->
    <link rel="stylesheet" href="/static/disgus/disgus.css">
    <title>{{.Title}} - KYCnot.me</title>
</head>

<style>
    .capitalize-first::first-letter {
        text-transform: capitalize;
    }
</style>

<body class="h-full font-mono text-gray-200 bg-fixed bg-black bg-center bg-cover" style="background-image: url('/static/assets/gradient.webp');">    
    {{if .Error}}
    <div class="px-4 py-3 text-neutral-100 bg-error">
        <p class="text-sm font-bold text-center">
            {{ .Error }}
        </p>
    </div>
    {{end}}

    {{if .Message}}
    <div class="px-4 py-3 text-neutral-100 bg-info">
        <p class="text-sm font-bold text-center">
            {{ .Message }}
        </p>
    </div>
    {{end}}

    <!-- Nav Bar -->
    <nav class="flex justify-center items-center w-full bg-none">
		<div class="flex flex-col justify-between items-center px-4 w-full max-w-6xl md:flex-row">
            <!-- Logo -->
            <a href="/">
                <img  src="/static/assets/logo_wide.svg" alt="Logo" class="pt-2 max-w-48 lg:max-w-48" />
            </a>

            <!-- Primary Navbar items -->
            <div class="[&>a]:inline [&>a]:text-xs">
                <a
                    href="/"
                    class="px-1 py-1 font-semibold md:text-base {{if or (eq .Current "index") (eq .Current "")}} text-lime-500 border-lime-500 border-b-2 {{ else }} text-gray-500 hover:text-lime-500 {{ end }}"
                    >
                    Home
                </a>

                <a
                    href="/request/service"
                    class="px-1 py-1 text-gray-500 transition duration-300 md:text-base {{if or (eq .Current "request") (eq .Current "")}} text-lime-500 border-lime-500 border-b-2 {{ else }} text-gray-500 hover:text-lime-500 {{ end }}"
                    >
                    Request
                </a>
                <a
                    href="/about"
                    class="px-1 py-1 text-gray-500 transition duration-300 md:text-base {{if or (eq .Current "about") (eq .Current "")}} text-lime-500 border-lime-500 border-b-2 {{ else }} text-gray-500 hover:text-lime-500 {{ end }}"
                    >
                    About
                </a>
                <a
                    href="/about#support"
                    class="px-1 py-1 text-gray-500 transition duration-300 md:text-base hover:text-lime-500"
                    >
                    Support
                </a>
            </div>
        </div>
    </nav>

    <!---->

    {{ template "content" . }}
</body>

</html>

<style>
    .gradient {
        background: rgb(5, 58, 24);
        background: linear-gradient(153deg,
                rgb(3, 53, 21) 0%,
                rgb(0, 17, 4) 20%,
                rgba(0, 0, 0, 1) 100%);
    }
</style>