<!--
                                                                                            
  ,ad8888ba,                                                                                
 d8"'    `"8b                ,d                                                             
d8'                          88                                                             
88             ,adPPYYba,  MM88MMM  8b,dPPYba,   ,adPPYYba,  8b      db      d8  888888888  
88             ""     `Y8    88     88P'    "8a  ""     `Y8  `8b    d88b    d8'       a8P"  
Y8,            ,adPPPPP88    88     88       d8  ,adPPPPP88   `8b  d8'`8b  d8'     ,d8P'    
 Y8a.    .a8P  88,    ,88    88,    88b,   ,a8"  88,    ,88    `8bd8'  `8bd8'    ,d8"       
  `"Y8888Y"'   `"8bbdP"Y8    "Y888  88`YbbdP"'   `"8bbdP"Y8      YP      YP      888888888  
                                    88                                                      
                                    88          

⠀⠀⠀⠀⠀⠀⠀⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢺⣿⣿⡆⠀⠀⠀⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⡇⠀⠀⠀⠀⠀⠀⣾⢡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢢⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⣿⣷⡦⠀⠀⠀⠀⢰⣿⣿⣷⠀⠀⠀⠀⠀⠀⠀⠀⠃⣠⣾⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀ MROWWWWWWWWWWWWWWWWWw
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⣆⠀⠀⠀⣾⣿⣿⣿⣷⠄⠀⠰⠤⣀⠀⠀⣴⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠃⢺⣿⣿⣿⣿⡄⠀⠀⣿⣿⢿⣿⣿⣦⣦⣦⣶⣼⣭⣼⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⣿⣿⣿⣷⡆⠂⣿⣿⣞⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢙⣿⣿⣿⣿⣷⠸⣿⣿⣿⣿⣿⣿⠟⠻⣿⣿⣿⣿⡿⣿⣿⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⢿⣿⣿⣿⣿⡄⣿⣿⣿⣿⣿⣿⡀⢀⣿⣿⣿⣿⠀⢸⣿⣿⠅⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⣿⣿⣇⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⢐⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⡀⣠⣾⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡔⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢁⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠠⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣀⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣻⣿⣿⣿⣿⣿⡟⠋⠙⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠙⢿⣿⣿⣿⣿⣿⣿⣄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣿⣿⣿⣿⣿⡿⠋⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⠿⢿⡿⠛⠋⠁⠀⠀⠈⠻⣿⣿⣿⣿⣿⣿⣅⠀⠀⠀⠀⠀
⠀⠀⠀⣿⣿⣿⣿⡟⠃⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢻⣿⣿⣿⣿⣿⣤⡀⠀⠀⠀
⠀⠜⢠⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⣿⣿⣗⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⣿⣿⣦⠄⣠⠀
⠠⢸⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣿⣿⣿⣿⣿⣿⣿⣿
⠀⠛⣿⣿⣿⡿⠏⠀⠀⠀⠀⠀⠀⢳⣾⣿⣿⣿⣿⣿⣿⡶⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿
⠀⢨⠀⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠙⣿⣿⡿⡿⠿⠛⠙⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⠏⠉⠻⠿⠟⠁
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀              
            CODED WITH LOVE AND A LOT OF TIME FROM CATPAWZ
            
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Catpawz | HOME</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css" type="text/css">
    <link rel="icon" href="nekopack/neko_love.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="description"
    content="Welcome to my information page! Here you'll find everything to know when interacting
    with me :)">
    <meta name="author" content="Catpawz">
    <meta content="#A443D1" data-react-helmet="true" name="theme-color">
    <meta property="og:image" content="https://info.catpawz.eu/nekopack/neko_love.png">
    
</head>

<body>
    <div class="header">
        <h2 style="font-size: 50px;color: #c9a8e7;" class="animate__animated animate__fadeIn">Catpawz 🐾</h2>
        <p style="font-size: 30px;color: #c9a8e7;">Selection menu <img class="emoji2" src="nekopack/neko_lyingonfloor.png"/></p>
        <img src="nekopack/neko_love.png"/>
        <p style="font-size: 25px;">Welcome :3 On here you'll find all important pages if you want to know more or interact with me :) have fun</p>
            <p>Links: <a href="https://discord.com/users/852891077097947156" target="_blank">Discord</a>, <a href="https://github.com/catpawzz/Profiles" target="_blank">GIT</a>, <a
                href="https://t.me/catpawz_updates" target="_blank">Updates</a></p>
    </div>

    <div id="navbar">
        <a href="https://catpawz.eu"><b>CATPAWZ</b></a>
    </div>

    <div class="content">
        <div class="container bbottom animate__animated animate__fadeIn" id="links" style="padding-bottom: 20px;">
            <h1>Links <img class="emoji2" src="nekopack/neko_party.png"/></h1>
            <p>Well this page leads to even more subpages, with each one serving it's own purpose, have fun browsing them :3</p>
            <div class="grid-container">
                <div class="grid-item">
                    <h2>Information page</h2>
                    <p>A lot of information about me and how to talk with me</p>
                    <a class="btn" href="https://info.catpawz.eu">OPEN</a>
                </div>
                <div class="grid-item">
                    <h2>Projects page</h2>
                    <p>All the coding projects I've worked on to this day</p>
                    <a class="btn" href="https://projects.catpawz.eu">OPEN</a>
                </div>
                <div class="grid-item">
                    <h2>Portfolio page</h2>
                    <p>All the experience I have... On only one page...</p>
                    <a class="btn" href="https://portfolio.catpawz.eu">OPEN</a>
                </div>
                <div class="grid-item">
                    <h2>Fembois</h2>
                    <p>A social network I host, which is based on Misskey.</p>
                    <a class="btn" href="https://fembois.eu" target="_blank">OPEN</a>
                </div>
                <div class="grid-item">
                    <h2>Fembois tube</h2>
                    <p>View videos about coding and tutorials about it as well :3</p>
                    <a class="btn" href="https://tube.fembois.eu" target="_blank">OPEN</a>
                </div>
            </div>
        </div>

        <div class="container bbottom animate__animated animate__fadeIn" id="links" style="padding-bottom: 20px;">
            <h1>Help / Contact <img class="emoji2" src="nekopack/neko_hug.png"/></h1>
            <p>If something with these websites seem wierd to you, or hasn't changed in a while, please use <b>ctrl + f5</b> while having the page opened :")</p>
            <p>If you want to contact me, please use my information page contact thingy, my discord, or write an email to <a href="mailto:catpawz@catpawz.eu">catpawz@catpawz.eu</a></p>
        </div>

        <div class="container bbottom animate__animated animate__fadeIn" id="links" style="padding-bottom: 20px;">
            <h1>Socials <img class="emoji2" src="nekopack/neko_shrug.png"/></h1>
            <p>Here are some links to my social media. If you want to check them out feel free to :] just know that I'm a femboi... So might see... well... a lot of fembois :")</p>
            <div class="grid-container">
                <div class="grid-item">
                    <h2>Fembois tube</h2>
                    <a class="btn" href="https://tube.fembois.eu/a/catpawz/video-channels">OPEN</a>
                </div>
                <div class="grid-item">
                    <h2>Fembois</h2>
                    <a class="btn" href="https://fembois.eu/@catpawz">OPEN</a>
                </div>
                <div class="grid-item">
                    <h2>Twitch</h2>
                    <a class="btn" href="https://www.twitch.tv/french_femboi">OPEN</a>
                </div>
                <div class="grid-item">
                    <h2>Github</h2>
                    <a class="btn" href="https://github.com/french-femboi/">OPEN</a>
                </div>
            </div>
        </div>
        

        <div class="space"></div>
        <p style="font-size: 13px;">© Catpawz - 2024</p>
    </div>
</body>
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
<script>
  kofiWidgetOverlay.draw('french_femboi', {
    'type': 'floating-chat',
    'floating-chat.donateButton.text': 'Support me',
    'floating-chat.donateButton.background-color': '#794bc4',
    'floating-chat.donateButton.text-color': '#fff'
  });
</script>
<script>
    window.onscroll = function () { myFunction() };

    var navbar = document.getElementById("navbar");
    var sticky = navbar.offsetTop;

    function myFunction() {
        if (window.pageYOffset >= sticky) {
            navbar.classList.add("sticky")
        } else {
            navbar.classList.remove("sticky");
        }
    }
</script>

</html>