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

    <p>
        This page will be a showcase of various websites and apps I would like to show off. Many of them
        are my own varied personal projects. I may update this page later to show some examples of sites
        I built for others (I have one that I'll need to host somewhere since the owner sold the site
        and my design is no longer online).
    </p>

    <ul>
        <li><a href="#my-websites">My websites</a></li>
        <li><a href="#my-software">My Software</a></li>
        <!-- <li><a href="#other-websites">Websites I built for others</a></li> -->
    </ul>

    <h2 id="my-websites" class="anchor">My websites</h2>

    <p>
        These are some websites I currently run for my own personal projects.
    </p>

    <div class="columns">
        <div class="column is-half">
            <h4>Kirsle.net</h4>

            <a href="https://www.kirsle.net" target="_blank">
                <img src="/images/screenshots/kirsle.png" width="1440" height="700" alt="Screenshot of Kirsle.net, my personal homepage and web blog">
            </a>

            <p>
                <a href="https://www.kirsle.net" target="_blank"><strong>Kirsle.net</strong></a> has been my main personal
                website since high school. It houses my web blog where I write about all sorts of things I'm interested in
                (many of which lean technical), as well as various creative work such as drawings, 3D renderings, fonts and
                other odd things. This website was custom built with a Go back-end and server-side rendered templates.
            </p>
        </div>

        <div class="column is-half">
            <h4>RiveScript.com</h4>

            <a href="https://www.rivescript.com" target="_blank">
                <img src="/images/screenshots/rivescript.png" width="1440" height="700" alt="Screenshot of RiveScript.com, a website for my chatbot scripting language">
            </a>

            <p>
                <a href="https://www.rivescript.com" target="_blank"><strong>RiveScript</strong></a> is a scripting language I invented for
                programming classic chat bots that rely on canned responses. I implemented a RiveScript library for Perl,
                Python, JavaScript, Java and Go -- both as a learning exercise for each new language and to broaden the
                prospective userbase of my chatbot engine.
            </p>
        </div>

    </div>
    <div class="columns">

        <div class="column is-half">
            <h4>SketchyMaze.com</h4>

            <a href="https://www.sketchymaze.com" target="_blank">
                <img src="/images/screenshots/sketchymaze.png" width="1440" height="700" alt="Screenshot of sketchymaze.com, a website for my videogame project">
            </a>

            <p>
                <a href="https://www.sketchymaze.com" target="_blank"><strong>Sketchy Maze</strong></a> is a personal videogame project I
                am working on where players can draw their own maps (freehand) and play them like a 2D platformer game.
                This is a custom built static website using the Go Hugo site generator. The game engine is open source
                as well as its custom UI library.
            </p>
        </div>

        <div class="column is-half">
            <h4>nonshy.com</h4>

            <a href="https://www.nonshy.com" target="_blank">
                <img src="/images/screenshots/nonshy.png" width="1440" height="700" alt="Screenshot of nonshy.com, a social networking site for nudists">
            </a>

            <p>
                <a href="https://www.nonshy.com" target="_blank"><strong style="color: #07f">non</strong><strong style="color: #f7f">shy</strong></a> is a social networking site for nudists and
                exhibitionists, built from the ground up with a backend written in Go and features some forums,
                photo galleries, and a custom-built webcam chat room (<a href="#barertc">BareRTC</a>) which is also released
                as its own open source project.
            </p>
        </div>

    </div>

    <hr>

    <h2 id="my-software" class="anchor">My Software</h2>

    <p>
        Here are a few of my prominent software applications I'd like to show off. For some others, see
        my website <a href="https://www.kirsle.net">Kirsle.net</a> or browse my GitHub repos from my
        <a href="/social">Contact</a> page.
    </p>

    <div class="columns">

        <div class="column is-half">
            <h4>Sketchy Maze</h4>

            <a href="https://www.sketchymaze.com" target="_blank">
                <img src="/images/screenshots/sketchymaze-game.png" width="1288" height="752" alt="Screenshot of my Sketchy Maze game, showing the level editor">
            </a>

            <p>
                <a href="https://www.sketchymaze.com" target="_blank"><strong>Sketchy Maze</strong></a> is a videogame
                project I have been working on. It's programmed in Go (and it's open source!) and is a manifestation of
                my childhood imagination: growing up in the 1990's when we had a lot of 2D sidescrolling platformer games
                <small>(like Sonic the Hedgehog or Super Mario Bros.)</small> I would often draw out my own level ideas
                on paper &amp; pencil and then 'play' them with my imagination.
            </p>
        </div>

        <div class="column is-half">
            <h4>BareRTC</h4>

            <a href="https://git.kirsle.net/apps/BareRTC" target="_blank">
                <img src="/images/screenshots/barertc.png" width="1109" height="687" alt="Screenshot of BareRTC, a free and open source webcam chat room">
            </a>

            <p>
                <a href="https://git.kirsle.net/apps/BareRTC" target="_blank"><strong>BareRTC</strong></a> is a free &amp; open
                source webcam chat room I built that is modeled after the classic Flash rooms from the earlier 2000's. It features
                a WebSocket server (written in Go) and utilizes WebRTC for peer-to-peer webcam sharing between chatters. It can plug
                in to any existing website by using JSON Web Tokens to authenticate your users and sync their profile picture and
                operator permission.
            </p>
        </div>

    </div>

</section>
{% endblock %}
