105 lines
4.5 KiB
HTML
105 lines
4.5 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Projects, by Shoofle</title>
|
||
|
|
<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
|
||
|
|
<link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
|
||
|
|
<link href="/static/shoofle.css" rel="stylesheet" type="text/css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span8">
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span3">
|
||
|
|
<div class="small_project web">
|
||
|
|
<p class="description"><a href="miscellany#auriga">HTML/CSS/JS Showcase on a Flask Server!</a></p>
|
||
|
|
<p class="name">Auriga! (<a href="http://li60-203.members.linode.com">you're lookin' at it!</a>)</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span3">
|
||
|
|
<div class="small_project writing">
|
||
|
|
<p class="description"><a href="miscellany#silver-asterism">Blog about Games as Art</a></p>
|
||
|
|
<p class="name">Some friend sand I occasionally write at <a href="http://silverasterism.blogspot.com/">Silver Asterism</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span6">
|
||
|
|
<div class="small_project game">
|
||
|
|
<p class="description"><a href="mindjail-engine">A 2D Physics-Based Game Engine in Python with OpenGL</a></p>
|
||
|
|
<p class="name">The Mindjail Engine, my hand-crafted 2D game engine!</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span4">
|
||
|
|
<div class="small_project art">
|
||
|
|
<p class="description"><a href="miscellany#spinning">Performance Art: Skilled Manipulation of Inertia Props</a></p>
|
||
|
|
<p class="name">I <a href="spinning">spin Poi and Staff</a> in my spare time</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span4">
|
||
|
|
<div class="small_project game">
|
||
|
|
<p class="description"><a href="shoof-shoof-revolution">DDR Clone in Javascript and SVG</a></p>
|
||
|
|
<p class="name">Shoof Shoof Revolution?</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span4">
|
||
|
|
<div class="small_project writing">
|
||
|
|
<p class="description"><a href="miscellany#lambdamoo">Worldbuilding is Fun, Or: Adventures in LambdaMOO</a></p>
|
||
|
|
<p class="name"><a href="city-on-the-river">City on the River</a>, and environs</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span6">
|
||
|
|
<div class="small_project web">
|
||
|
|
<p class="description"><a href="play-for-x">An Alternative to Rolling Dice in Tabletop RPGs</a></p>
|
||
|
|
<p class="name">Play for X</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span6">
|
||
|
|
<div class="small_project coding">
|
||
|
|
<p class="description"><a href="distributed-speakers">Free Ad-Hoc Sound Systems</a></p>
|
||
|
|
<p class="name">Project idea: Distributed Speakers</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span3">
|
||
|
|
<div class="small_project writing">
|
||
|
|
<p class="description"><a href="tamari">Ever heard of a Tamari Lattice?</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span6">
|
||
|
|
<div class="small_project writing">
|
||
|
|
<p class="description"><a href="language-for-games">If you were writing a language for game dev, what unorthodox features would you include?</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span3">
|
||
|
|
<div class="small_project writing">
|
||
|
|
<p class="description"><a href="oauth">I wrote about how I use oauth to make tumblr bots.</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row-fluid">
|
||
|
|
<div class="span4">
|
||
|
|
<div class="small_project art">
|
||
|
|
<p class="description"><a href="miscellany#guitar">I try to strum a guitar now and then. Spoiler: there are no recordings.</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="span4">
|
||
|
|
<div class="about">
|
||
|
|
<h1>Hi! I'm Shoofle. I'm a lot of person.</h1>
|
||
|
|
<p>I graduated from the University of Virginia in 2012, majoring in math and physics with a minor in computer science. I'm really good at math. I'm pretty good at programming.</p>
|
||
|
|
<p>I've always loved to draw, but never focused enough time on it. I'm an intensely creative person and I like to think that this comes out in everything I do - and I'm trying harder every day.</p>
|
||
|
|
<p>I'm a passionate advocate for feminism, transgender rights, queer rights, and social justice in general.</p>
|
||
|
|
<p><span class="label label-important"><i class="icon-warning-sign"></i>Warning!</span> This website is still very much under construction. I'm in the process of figuring out how I want this website to look and function.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|