<!--
                                                                                            
  ,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 | PORTFOLIO</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_fire.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="description"
    content="This is all the experience I have accummulated over the years :")">
    <meta name="author" content="Catpawz">
    <meta content="#A443D1" data-react-helmet="true" name="theme-color">
    <meta property="og:image" content="nekopack/neko_fire.png">
</head>

<body>
    <div class="header">
        <h2 style="font-size: 50px;color: #c9a8e7;">Catpawz 🐾</h2>
        <p style="font-size: 30px;color: #c9a8e7;">Portfolio <img class="emoji2" src="nekopack/neko_hug.png"/></p>
        <img src="nekopack/neko_fire.png"/>
        <p style="font-size: 25px;">This is all the experience I have accummulated over the years :")</p>
            <p>Links: <a href="https://discord.com/users/852891077097947156" target="_blank">Discord</a>, <a href="https://github.com/french-femboi/Profiles" target="_blank">GIT</a>, <a
                href="https://github.com/french-femboi/Profiles/commits/main/" target="_blank">Updates</a></p>
            
    </div>

    <div id="navbar">
        <a href="https://french-femboi.eu"><b><- OVERVIEW</b></a>
        <a href="#interests"><b>KN</b></a>
        <a href="#education"><b>ED</b></a>
        <a href="#projects"><b>PR</b></a>
    </div>

    <div class="content">
        <div class="container bbottom animate__animated animate__fadeIn" id="intro" style="padding-bottom: 20px;">
            <h1>Introduction <img class="emoji2" src="nekopack/neko_hi.png"/></h1>
            <p>Welcome to my portfolio! On here you'll find everything about the experience I'v accummulated over the years, including work, hobbies, school and even more :")</p>
            <p>Please note that i'm currently working on remaking the design for this page, but it'll take me a while :<</p>
        </div>

        <div class="container bbottom animate__animated animate__fadeIn" id="interests" style="padding-bottom: 20px;">
            <h1>Knowledge & Interests <img class="emoji2" src="nekopack/neko_drink.png"/></h1>
            <p>Here's some stuff you can check on, if you wanna ask me about stuff, or just things in general :")</p>
            <div class="grid-container">
                <div class="grid-item">
                    <p>Code knowledge</p>
                    <p style="font-size: 20px;">HTML, CSS, JS, PHP, Kotlin, Dart, GdScript, Java</p>
                </div>
                <div class="grid-item">
                    <p>Interest knowledge</p>
                    <p style="font-size: 20px;">Servers, Datacenters, DevOPS, Code, Video games, Video game engines, AI, Algorithms</p>
                </div>
            </div>
        </div>

        <div class="container bbottom animate__animated animate__fadeIn" id="education" style="padding-bottom: 20px;">
            <h1>Education <img class="emoji2" src="nekopack/neko_fire.png"/></h1>
            <p>Here are some of the schools I've visited, keep in mind the german school system is a pain x"D. Course levels increase each year, so it will always increase every year.. until I stop :P</p>
            <div class="grid-container">
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;">TECHNICAL HIGH SCHOOL</h2>
                    <p>stuttgart Vahingen <b>2023 - now</b></p>
                    <p>Course level 10-12</p>
                    <p style="font-size: 20px;">The technical high school of this school offers young people interested in science / technology and correspondingly gifted the opportunity to acquire the general university entrance qualification (A-Levels).</p>
                </div>
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;">SECONDARY SCHOOL</h2>
                    <p>stuttgart Degerloch <b>2017 - 2023</b></p>
                    <p>Course level 5-10</p>
                    <p style="font-size: 20px;">After completing secondary school, good students can attend a vocational high school or a high school. They can also attend a vocational school or do an apprenticeship.</p>
                </div>
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;">PRIMARY SCHOOL</h2>
                    <p>stuttgart Ostfildern <b>2015 - 2017</b></p>
                    <p>Course level 3-5</p>
                    <p style="font-size: 20px;">
                        Primary school is where children aged six to ten receive their foundational education in subjects like math, language, science, and social studies. It focuses on developing essential skills such as reading, writing, and basic arithmetic while promoting social growth.</p>
                </div>
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;">PRIMARY SCHOOL</h2>
                    <p>stuttgart Sillenbuch <b>2013 - 2015</b></p>
                    <p>Course level 1-3</p>
                    <p style="font-size: 20px;">
                        Primary school is where children aged six to ten receive their foundational education in subjects like math, language, science, and social studies. It focuses on developing essential skills such as reading, writing, and basic arithmetic while promoting social growth.</p>
                </div>
            </div>
        </div>

        <div class="container bbottom animate__animated animate__fadeIn" id="projects" style="padding-bottom: 20px;">
            <h1>Projects/Work <img class="emoji2" src="nekopack/neko_simp.png"/></h1>
            <p>The companies and projects I've worked on, or am working on :3</p>
            <div class="grid-container">
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;">Dynapaw (old name: develoopers)</h2>
                    <p>Senior developer <b>2019 - now</b></p>
                    <p>Owned by: meeee x3</p>
                    <p style="font-size: 20px;">Dynapaw is a company specializing in app, software and website development with a touch of creativity and innovation!</p>
                </div>
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;">Hypercore cloud</h2>
                    <p>Developer <b>2023 - now</b></p>
                    <p>Owned by: Str0tta</p>
                    <p style="font-size: 20px;">Elevate your online presence, unleash potential, and experience hosting excellence like never before.</p>
                </div>
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;">McMilford</h2>
                    <p>Developer team leader <b>2022 - now</b></p>
                    <p>Owned by: Blocklok</p>
                    <p style="font-size: 20px;">Milford is a small but fine server. No one is just a "customer" or a number here, everyone is taken care of personally!</p>
                </div>
                <div class="grid-item">
                    <h2 style="font-size: 35px;color: #e6d9f3;"><s>NewDale network</s></h2>
                    <p>Senior developer <b>2019 - 2023</b></p>
                    <p>Owned by: Bradguard & Mee :P</p>
                    <p style="font-size: 20px;">NewDale was a small minecraft network, which focused on new gamemodes such as "beatsaber". Though sadly it came to an end in 2023.</p>
                </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>