{% extends '__layout__.html' %}
{% block title %}Cryptomus Dashboard{% endblock %}
{% block head %}
<style>
    img.kofiimg {
        display: initial !important;
        vertical-align: middle;
        height: 13px !important;
        width: 20px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border: none;
        margin-top: 0;
        margin-right: 5px !important;
        margin-left: 0 !important;
        margin-bottom: 3px !important;
        content: url('https://storage.ko-fi.com/cdn/cup-border.png')
    }

    .kofiimg:after {
        vertical-align: middle;
        height: 25px;
        padding-top: 0;
        padding-bottom: 0;
        border: none;
        margin-top: 0;
        margin-right: 6px;
        margin-left: 0;
        margin-bottom: 4px !important;
        content: url('https://storage.ko-fi.com/cdn/whitelogo.svg')
    }

    span.kofitext {
        color: #fff !important;
        letter-spacing: -0.15px !important;
        text-wrap: none;
        vertical-align: middle;
        line-height: 33px !important;
        padding: 0;
        text-align: center;
        text-decoration: none !important;
        text-shadow: 0 1px 1px rgba(34, 34, 34, 0.05);
    }

    .kofitext a {
        color: #fff !important;
        text-decoration: none !important;
    }

    .kofitext a:hover {
        color: #fff !important;
        text-decoration: none
    }

    a.kofi-button {
        box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
        line-height: 36px !important;
        min-width: 150px;
        display: inline-block !important;
        background-color: #29abe0;
        text-align: center !important;
        border-radius: 7px;
        color: #fff;
        cursor: pointer;
        overflow-wrap: break-word;
        vertical-align: middle;
        border: 0 none #fff !important;
        font-family: 'Quicksand', Helvetica, Century Gothic, sans-serif !important;
        text-decoration: none;
        text-shadow: none;
        font-weight: 700 !important;
        font-size: 17px !important
    }

    a.kofi-button:visited {
        color: #fff !important;
        text-decoration: none !important
    }

    a.kofi-button:hover {
        opacity: .85;
        color: #f5f5f5 !important;
        text-decoration: none !important
    }

    a.kofi-button:active {
        color: #f5f5f5 !important;
        text-decoration: none !important
    }

    .kofitext img.kofiimg {
        height: 15px !important;
        width: 22px !important;
        display: initial;
        animation: kofi-wiggle 3s infinite;
    }

    @keyframes kofi-wiggle {
        0% {
            transform: rotate(0) scale(1)
        }

        60% {
            transform: rotate(0) scale(1)
        }

        75% {
            transform: rotate(0) scale(1.12)
        }

        80% {
            transform: rotate(0) scale(1.1)
        }

        84% {
            transform: rotate(-10deg) scale(1.1)
        }

        88% {
            transform: rotate(10deg) scale(1.1)
        }

        92% {
            transform: rotate(-10deg) scale(1.1)
        }

        96% {
            transform: rotate(10deg) scale(1.1)
        }

        100% {
            transform: rotate(0) scale(1)
        }
    }
</style>
{% endblock %}
{% block content %}
<div style="min-height: 100vh;width: 100%;padding: 20px;width: 100%;"
    class="d-flex align-items-center justify-content-center">
    <div class="p-2 d-flex align-items-center"
        style="background-color: rgb(15,15,15);border: 1px solid rgb(60,60,60);border-radius: 4px;min-width: 200px;">
        <div class="w-100">
            <h4 class="m-0 text-center w-100 mb-2">Donation methods</h4>
            <a href="https://ko-fi.com/syntaxeco" class="btn btn-lg w-100 kofi-button" style="background-color: #29abe0;">
                <span class="kofitext">
                    <img src="https://storage.ko-fi.com/cdn/cup-border.png" alt="Ko-fi donations"class="kofiimg">
                    Ko-fi
                </span>
            </a>
            <a href="/cryptomus_service/dashboard" class="btn btn-light btn-lg w-100 mt-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 234 48">
                    <path fill="currentColor"
                        d="M69.472 36.676c4.785 0 7.792-3.004 8.613-5.735l-3.896-1.57c-.581 2.048-2.29 3.448-4.614 3.448-2.905 0-5.16-2.185-5.16-5.53s2.255-5.53 5.126-5.53c2.324 0 3.964 1.4 4.545 3.482l3.896-1.536c-.82-2.799-3.828-5.803-8.51-5.803-5.433 0-9.398 4.096-9.398 9.421 0 5.325 4.033 9.353 9.398 9.353ZM84.755 20.292v-2.014h-4.1v17.988h4.34v-10.24c0-2.423 1.982-4.096 5.126-4.096v-4.062c-2.256 0-4.135.99-5.365 2.424ZM105.042 18.278l-5.093 14.507-4.647-14.507h-4.478l6.357 17.988h1.367l-2.46 6.11h4.272l2.323-6.11 6.87-17.988h-4.511ZM121.774 17.868c-2.563 0-4.647 1.024-6.049 2.765v-2.355h-4.032v24.098h4.34v-8.021c1.367 1.467 3.281 2.32 5.639 2.32 5.16 0 8.92-4.027 8.92-9.386 0-5.393-3.657-9.42-8.818-9.42Zm-.683 14.985c-3.11 0-5.229-2.287-5.229-5.564s2.119-5.564 5.229-5.564c2.973 0 5.16 2.355 5.16 5.564 0 3.174-2.187 5.564-5.16 5.564ZM141.317 36.266h2.837v-3.789h-1.982c-1.948 0-3.008-1.126-3.008-3.208v-7.27h4.853v-3.721h-4.716v-4.676h-4.238v2.833c0 1.228-.581 1.843-1.777 1.843h-1.64v3.72h3.144v7.749c0 3.96 2.221 6.52 6.527 6.52ZM154.949 36.676c5.605 0 9.604-4.028 9.604-9.387 0-5.393-3.999-9.42-9.604-9.42-5.639 0-9.603 4.027-9.603 9.42 0 5.359 3.964 9.387 9.603 9.387Zm.034-3.857c-3.144 0-5.297-2.321-5.297-5.53 0-3.243 2.153-5.53 5.297-5.53 3.11 0 5.195 2.287 5.195 5.496 0 3.243-2.119 5.564-5.195 5.564ZM188.987 17.868c-3.041 0-5.092 1.263-6.083 2.936-1.025-1.878-2.837-2.936-5.707-2.936-2.427 0-4.306 1.024-5.434 2.39v-1.98h-4.101v17.954h4.34V25.343c.034-1.706 1.401-3.584 3.862-3.618 2.426 0 3.759 1.81 3.759 4.165v10.342h4.34V25.343c.035-1.672 1.367-3.584 3.862-3.618 2.427 0 3.725 1.843 3.725 4.165v10.342h4.341V25.105c0-4.062-2.427-7.237-6.904-7.237ZM211.833 18.278v10.888c0 1.98-1.572 3.619-3.999 3.653-2.426 0-3.964-1.605-3.964-3.926V18.278h-4.34v11.161c0 4.165 2.46 7.237 7.04 7.237 2.324 0 4.272-.99 5.536-2.39v1.98h4.067V18.278h-4.34ZM226.55 36.676c4.511 0 7.45-2.117 7.45-5.7 0-6.588-9.877-4.711-9.877-7.988 0-1.092.855-1.775 2.461-1.775 1.504 0 2.563.649 3.042 2.014l3.793-1.468c-.752-2.457-3.281-3.89-6.767-3.89-4.237 0-6.972 2.047-6.972 5.324 0 6.178 9.877 4.54 9.877 8.09 0 1.263-1.093 1.98-2.836 1.98-2.188 0-3.589-.99-4.101-2.663l-3.794 1.468c.991 3.038 3.828 4.608 7.724 4.608ZM43.535 11.345 25.277.817a2.688 2.688 0 0 0-2.675 0L4.344 11.345a2.676 2.676 0 0 0-1.34 2.317v21.055c0 .951.513 1.837 1.34 2.317l18.258 10.528a2.67 2.67 0 0 0 1.34.356c.471 0 .933-.125 1.34-.356L43.54 37.034a2.676 2.676 0 0 0 1.34-2.316V13.662c0-.95-.513-1.837-1.34-2.317h-.005ZM24.353 22.884a.828.828 0 0 1-.827 0L5.776 12.65 23.526 2.42a.85.85 0 0 1 .827 0l17.75 10.232-17.75 10.233Zm-1.751 1.596c.13.074.268.139.416.19v20.99L5.268 35.433a.831.831 0 0 1-.416-.715v-20.47l17.75 10.232Z">
                    </path>
                </svg>
            </a>
        </div>
    </div>
</div>
{% endblock %}