Web/main/index.html

---
layout: default
title: Ellpeck.de
summary: Ellpeck's little internet place
nav: nav/indexnav.html
---

<!-- Home -->
<div class="jumbotron">
    <div class="container">
        <div class="row">
            <div class="col-md-auto">
                <img src="./res/me.jpeg" class="rounded-circle" width="200" height="200" id="navbar-image" alt="A cover photo of Ellpeck">
            </div>
            <div class="col">
                <h1 class="display-4" id="intro-text"></h1>
                <script src="./scripts/greet.js"></script>
                <p class="lead">Welcome to my little website! I'm Ellpeck, a student and programmer from Germany. I do a lot of stuff, actually. My life is pretty busy.</p>

                <!-- Donation buttons -->
                <div id="donation-buttons">
                    <a href="https://github.com/sponsors/Ellpeck" class="card-link btn rounded-0 btn-outline-primary">❤️ Sponsor on GitHub</a>
                    <a href="https://patreon.com/Ellpeck" class="card-link btn rounded-0 btn-outline-primary">⭐ Become a Patron</a>
                    <a href="https://ko-fi.com/ellpeck" class="card-link btn rounded-0 btn-outline-primary">☕ Buy me a Coffee</a>
                </div>
                <script>
                    if (dark) {
                        $("#donation-buttons").find(".btn-outline-primary").each(function () {
                            let e = $(this);
                            e.removeClass("btn-outline-primary");
                            e.addClass("btn-outline-info");
                        });
                    }
                </script>
            </div>
        </div>
    </div>
</div>

{% include projects.html %}
{% include social.html %}
{% include about.html %}
{% include blog.html %}