{% extends "layout/base.html" %}
{% block title %}Contact Me{% endblock %}
{% block content %}
<section class="first content">
    <h1>Contact Me</h1>

    <p>
        Below are some places you can find me on the Internet and ways you can
        contact me.
    </p>

    <aside class="menu">
        <p class="menu-label">
            <strong class="has-text-dark is-size-7">Social Links</strong>
        </p>
        <ul class="menu-list">
            <li>
                <a href="https://twitter.com/kirsle" target="_blank">
                    <i class="fab fa-twitter mr-1"></i>
                    <strong>Twitter:</strong>
                    @kirsle
                </a>
            </li>
            <li>
                <a href="https://www.reddit.com/u/kirsle" target="_blank">
                    <i class="fab fa-reddit mr-1"></i>
                    <strong>Reddit:</strong>
                    u/kirsle
                </a>
            </li>
            <li>
                <a href="https://www.youtube.com/channel/UCxdQNHNcllLutjk_odnSswQ" target="_blank">
                    <i class="fab fa-youtube mr-1"></i>
                    <strong>YouTube:</strong>
                    @NoahPetherbridge
                </a>
            </li>
            <li>
                <a href="https://www.linkedin.com/in/kirsle" target="_blank">
                    <i class="fab fa-linkedin mr-1"></i>
                    <strong>LinkedIn:</strong>
                    @kirsle
                </a>
            </li>
        </ul>

        <p class="menu-label">
            <strong class="has-text-dark is-size-7">Open Source Repositories</strong>
        </p>
        <ul class="menu-list">
            <li>
                <a href="https://github.com/kirsle" target="_blank">
                    <i class="fab fa-github mr-1"></i>
                    <strong>GitHub:</strong>
                    @kirsle
                </a>
            </li>
            <li>
                <a href="https://github.com/aichaos" target="_blank">
                    <i class="fab fa-github mr-1"></i>
                    <strong>GitHub:</strong>
                    @AiChaos<br>
                    <small>where I keep my dozens of chatbot-related projects</small>
                </a>
            </li>
            <li>
                <a href="https://github.com/SketchyMaze" target="_blank">
                    <i class="fab fa-github mr-1"></i>
                    <strong>GitHub:</strong>
                    @SketchyMaze<br>
                    <small>mirrors for my videogame project</small>
                </a>
            </li>
        </ul>

        <p class="menu-label">
            <strong class="has-text-dark is-size-7">Programming Language Libraries I've Released</strong>
        </p>
        <ul class="menu-list">
            <li>
                <a href="https://metacpan.org/author/KIRSLE" target="_blank">
                    <img src="/images/perl.png" width="16" height="16">
                    <strong>Perl (CPAN):</strong>
                    kirsle
                </a>
            </li>
            <li>
                <a href="https://pypi.org/user/kirsle/" target="_blank">
                    <i class="fab fa-python mr-1"></i>
                    <strong>Python (PyPI):</strong>
                    kirsle
                </a>
            </li>
            <li>
                <a href="https://www.npmjs.com/~kirsle" target="_blank">
                    <i class="fab fa-node-js mr-1"></i>
                    <strong>Node.js (npm):</strong>
                    kirsle
                </a>
            </li>
        </ul>
    </aside>

    <h2>External Links</h2>

    <ul>
        <li><a href="https://www.kirsle.net/">Kirsle.net</a>, my web blog.</a></li>
        <li><a href="https://github.com/kirsle">GitHub</a></li>
    </ul>
</section>
{% endblock %}
