<!--
 █████   ███   █████ █████                                                                                                                                      ███                       ███████ 
░░███   ░███  ░░███ ░░███                                                                                                                                      ░░░                       ███░░░███
 ░███   ░███   ░███  ░███████   █████ ████     ██████   ████████   ██████     █████ ████  ██████  █████ ████     █████  ████████    ██████   ██████  ████████  ████  ████████    ███████░░░   ░███
 ░███   ░███   ░███  ░███░░███ ░░███ ░███     ░░░░░███ ░░███░░███ ███░░███   ░░███ ░███  ███░░███░░███ ░███     ███░░  ░░███░░███  ███░░███ ███░░███░░███░░███░░███ ░░███░░███  ███░░███  ███████ 
 ░░███  █████  ███   ░███ ░███  ░███ ░███      ███████  ░███ ░░░ ░███████     ░███ ░███ ░███ ░███ ░███ ░███    ░░█████  ░███ ░███ ░███ ░███░███ ░███ ░███ ░███ ░███  ░███ ░███ ░███ ░███ ░███░░░  
  ░░░█████░█████░    ░███ ░███  ░███ ░███     ███░░███  ░███     ░███░░░      ░███ ░███ ░███ ░███ ░███ ░███     ░░░░███ ░███ ░███ ░███ ░███░███ ░███ ░███ ░███ ░███  ░███ ░███ ░███ ░███ ░░░      
    ░░███ ░░███      ████ █████ ░░███████    ░░████████ █████    ░░██████     ░░███████ ░░██████  ░░████████    ██████  ████ █████░░██████ ░░██████  ░███████  █████ ████ █████░░███████  ███     
     ░░░   ░░░      ░░░░ ░░░░░   ░░░░░███     ░░░░░░░░ ░░░░░      ░░░░░░       ░░░░░███  ░░░░░░    ░░░░░░░░    ░░░░░░  ░░░░ ░░░░░  ░░░░░░   ░░░░░░   ░███░░░  ░░░░░ ░░░░ ░░░░░  ░░░░░███ ░░░      
                                 ███ ░███                                      ███ ░███                                                              ░███                       ███ ░███          
                                ░░██████                                      ░░██████                                                               █████                     ░░██████           
                                 ░░░░░░                                        ░░░░░░                                                               ░░░░░                       ░░░░░░            
Written by the developer of https://orbitt.sbs/ https://viora.buzz/ https://itzsam.cfd/ and https://pnk.wtf/
-->
<!DOCTYPE html>
<html lang="en-US">
    <head>
        <title>Ellie</title>
        <link rel="stylesheet" href="style.css">
        <link rel="shortcut icon" href="./images/LogoMono.png" type="image/x-icon">
        <script defer src="./scripts.js"></script>
        <script src="https://kit.fontawesome.com/2659a061ac.js" crossorigin="anonymous"></script>
    </head>
    <body>
        <div class="maincard">
            <nav><img src="./images/LogoMono-LQ.png" alt="Logo" id="logosmall"></nav>
            <div class="left">
                <img src="./images/me.png" alt="Me" id="pfp">
            </div>
            <div class="right">
                <h2>I'm Benjamin <span class="pronouns">He/Him/His</span></h2>
                <p>
                    I make websites, python apps, graphic design, and I do photography of
                    <span title="new and old!" style="cursor: help;">military equipment</span>!
                    I also like to mess around with old computers because why not!<br>
                    <!-- <span id="light">&gt;w&lt;</span> <span id="med">&gt;~&lt;</span> <span id="dark">&gt;-&lt;</span> -->
                </p>
                <div class="footer-buttons">
                    <button id="email" class="footer-button">
                        <i class="fa-solid fa-at"></i>
                        hello@pnk.wtf
                    </button>

                    <button id="discord" class="footer-button">
                        <i class="fa-brands fa-discord"></i>
                        Discord
                    </button>

                    <!-- <button id="pronouns" class="footer-button">
                        <i class="icon icon-pronouns"></i>
                        pronouns.page
                    </button> -->

                    <button id="photography" class="footer-button">
                        <i class="fa-regular fa-image"></i>
                        photography
                    </button>
                </div>
            </div>
        </div>
    </body>
</html>