Created
January 20, 2014 03:27
-
-
Save bebebebebe/8514414 to your computer and use it in GitHub Desktop.
projects page before templating
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<head> | |
<script src='resources/jquery-min.js'></script> | |
<link rel="stylesheet" type="text/css" href="style.css"/> | |
<script src='interactions.js'></script> | |
<title>Projects</title> | |
</head> | |
<body> | |
<div id='heading'>Projects</div> | |
<div id='picture'> | |
<p>An overview of my programming projects with links to demos/deployed apps.</p> | |
<p> | |
<a href='https://github.com/bebebebebe'>GitHub profile</a> | |
</p> | |
</div> | |
<ul id='projects-list'> | |
<li class='project' id='visualschemer'> | |
<div class='project-title'>Visual Schemer</div> | |
<div class='project-description'>In-browser version of SchemerB (below), with semantic visualizations. As you enter Scheme expressions in the REPL via the in-browser console, tree pictures are drawn showing the environment structure. Hovering over a node in the tree reveals the bindings present at that node. This is a Sinatra app; visualizations are made with D3.js. | |
</div> | |
<div class='project-links'> | |
<a href='http://visual-schemer.herokuapp.com/'>Demo</a> | <a href='https://github.com/bebebebebe/scheme.rb'>Code</a> | |
</div> | |
</li> | |
<li class='project' id='schemerb'> | |
<div class='project-title'>SchemerB</div> | |
<div class='project-description'>Scheme interpreter written in Ruby.</div> | |
<div class='project-links'> | |
<a href='https://github.com/bebebebebe/SchemerB'>Code</a> | |
</div> | |
</li> | |
<li class='project' id='diffs'> | |
<div class='project-title'>Diffs</div> | |
<div class='project-description'>Ruby and JavaScript implementations of an algorithm to find the longest common subsequence to give word and character based diffs. Memoized and iterative solutions.</div> | |
<div class='project-links'> | |
<a href='http://bebebebebe.github.io/diffs/'>Demo</a> | <a href='https://github.com/bebebebebe/diffs'>Code</a> | |
</div> | |
</li> | |
<li class='project' id='memory'> | |
<div class='project-title'>Memory</div> | |
<div class='project-description'>JavaScript/HTML/CSS implementation of the classic memory card game. The cards (made with HTML5 Canvas) are dynamically resized depending on how many cards the user chooses to use.</div> | |
<div class='project-links'> | |
<a href='http://bebebebebe.github.io/memory/'>Demo</a> | <a href='https://github.com/bebebebebe/memory'>Code</a> | |
</div> | |
</li> | |
<li class='project' id='palefire'> | |
<div class='project-title'>Writing Versions</div> | |
<div class='project-description'>Ruby on Rails app for versioned modular writing, modeling stacks of index cards. When composing text on a "card," you can click a "keep version" button and continue revising. All versions are kept in a "stack," with the text from each top card contributing to your document. You can change your mind about which card to select on top of a stack in a view displaying word based diffs.</div> | |
<div class='project-links'> | |
<a href=''>Demo</a> | <a href='https://github.com/bebebebebe/palefire'>Code</a> | |
</div> | |
</li> | |
<li class='project' id='street'> | |
<div class='project-title'>StreetEdit</div> | |
<div class='project-description'>App for finding, editing and making galleries of photos from Google Street View. Uses Google Street View and Aviary photo editing API's.</div> | |
<div class='project-links'> | |
<a href=''>Demo</a> | <a href='https://github.com/bebebebebe/street-editor'>Code</a> | |
</div> | |
</li> | |
<li class='project' id='hangman'> | |
<div class='project-title'>Cheating Hangman</div> | |
<div class='project-description'>Ruby command line program that cheats while playing hangman. You guess letters, and the computer keeps "changing its mind" about what the secret word is in response to your guesses.</div> | |
<div class='project-links'> | |
<a href='https://github.com/bebebebebe/cheating_hangman'>Code</a> | |
</div> | |
</li> | |
<li class='project' id='markov'> | |
<div class='project-title'>Markov Parody Generator</div> | |
<div class='project-description'>Ruby program that generates a "parody" text from a Project Gutenberg text, with title and author information extracted from the source. The Markov chain's prefix length can be varied, as can the number of paragraphs in the generated text.</div> | |
<div class='project-links'> | |
<a href='https://github.com/bebebebebe/text_analysis'>Code</a> | |
</div> | |
</li> | |
</ul> | |
</body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment