Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
projects page before templating
<!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