{% extends 'layouts/main.njk' %}

{% set title='Home' %}

{% block styles %}
    <link rel="stylesheet" href="/src/styles/index.css">
{% endblock %}

{% block sources %}
    <script src="/src/scripts/index.ts" type="module"></script>
{% endblock %}

{% block components %}
    {% includeOnce 'components/project-card.njk' %}
{% endblock %}

{% block content %}
    <h3>Welcome</h3>
    Welcome to my website. On this you can find my projects, a blog and information about me.

    <h4>Current projects</h4>
    <div class="projects">
        <tesoft-project-card href="https://git.tesoft.dev/terbshaeusser/website" title-text="tesoft website"
                             logo-src="https://git.tesoft.dev/terbshaeusser/website/raw/branch/develop/logo.svg">
            Source code of this website programmed in Go and Typescript.
            Blog articles are written in Markdown, parsed by
            <a href="https://github.com/yuin/goldmark" target="_blank" rel="noopener noreferrer">goldmark</a> and stored
            in an SQLite database via
            <a href="https://github.com/mattn/go-sqlite3" target="_blank" rel="noopener noreferrer">go-sqlite3</a>.
        </tesoft-project-card>
        <tesoft-project-card href="https://schanz-online.de" title-text="SCHANZ website"
                             logo-src="https://schanz-online.de/assets/favicon.svg">
            Website of a small bar and event location.
            The frontend is written in a combination of web components and Nunjucks to have proper file separation.
            The backend uses Directus and a couple of self-made extensions to fit the needs of the operators.
        </tesoft-project-card>
        <tesoft-project-card href="https://git.tesoft.dev/terbshaeusser/ucalc" title-text="ucalc"
                             logo-src="https://git.tesoft.dev/terbshaeusser/ucalc/raw/branch/develop/logo.svg">
            A calculator for rental service charges written in C# with WPF. The interface language is German only.
        </tesoft-project-card>
    </div>
{% endblock %}
