140 lines
6.4 KiB
HTML
140 lines
6.4 KiB
HTML
|
{% 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 & 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 & 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 %}
|