Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

547 lines (469 sloc) 29.714 kB
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="Hello, world" http-equiv="X-UA-Compatible" />
<meta name="viewport" content="width=960" />
<title>Thumble Monks - A Collective of Get It Done Technology, Design &amp; Media Professionals</title>
<meta name="description" content="The Thumble Monks is collective of get it done web professionals" />
<link href="/images/tm-icon.gif" rel="icon" />
<link href="/stylesheets/reset.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/960.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/type/typography.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/thumblemonks.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="root" class="container_16 clearfix">
<div class="grid_16 alpha omega">
<div id="header" class="main grid_12 alpha omega">
<div class="inside">
<div id="logo">
<h1><span class="darkbrown">thumble</span><span class="lightpurple">monks</span></h1>
<div id="subtitle" class="lightpurple">Getting it done, right</div>
</div>
<div id="slogan" class="round">
A Collective of Technology, Design &amp; Media Professionals
</div>
</div>
</div> <!-- #header -->
<div class="grid_4 alpha omega"></div>
<div id="collective" class="main grid_16 alpha omega clearfix">
<div class="grid_7 alpha">
<p class="notice justify">
We're a collection of no-nonsense technology, design and media professionals who believe in
doing the right thing for our clients.
</p>
<p class="justify">
For us, doing the right thing means being <b>honest</b>, <b>efficient</b>, and
<b>excellent</b>. We all believe in doing the simplest thing that gets the job done right. We
don't cut corners and we don't create obstacles.
</p>
<p class="justify">
As professionals, we'll work with you to discover your needs and provide a plan for delivering.
Because of our <a href="#clients">broad range of expertise</a>, we promise that you're always
getting the most honest and efficient solution. Our experience and
<a href="#projects">passion for quality</a> ensures our excellence.
</p>
<p class="justify">
Our members are available for hire independently or in groups and can provide full-service
solutions as well as staff augmentation. Look through the services we can provide and check out
each of <a href="#who">our members</a> individually. We love what we do and we'll find a way to
help you.
</p>
</div>
<div id="buzz" class="grid_5 omega">
<ul>
<li data-buzz="app">Application Development &amp; Design <span class="more">&rArr;</span></li>
<li data-buzz="kickstart">Business Kickstarting <span class="more">&rArr;</span></li>
<li data-buzz="agile">Mentoring, Coaching, &amp; Training <span class="more">&rArr;</span></li>
<li data-buzz="ixd">User Research &amp; Interaction Design <span class="more">&rArr;</span></li>
<li data-buzz="print">Print Design &amp; Illustration <span class="more">&rArr;</span></li>
<li data-buzz="security">Information Security Consulting <span class="more">&rArr;</span></li>
<li data-buzz="video">Video Production &amp; Editing <span class="more">&rArr;</span></li>
<li data-buzz="photo">Photography <span class="more">&rArr;</span></li>
<li data-buzz="social">Socializing <span class="more">&rArr;</span></li>
</ul>
</div>
<div id="buzz_bits" class="grid_4 alpha omega">
<div class="bit roundright roundbottom justify" data-buzz="app" style="display: none">
We do web application development and design in our sleep. If you're a design firm and you need to find <b>top notch developers</b>, look no further. If you're a top-notch development team and <b>need a designer</b>, drop us a line. If you have an idea, but <b>need a team</b> to design and develop then contact us now. Whether your project is small, medium, large, or even extra large we've seen and done it all.
</div> <!-- app -->
<div class="bit roundright roundbottom" data-buzz="kickstart" style="display: none">
On many an occasion we have been involved with incubating businesses from the ground floor through to sustainability in their marketplace. We recognize the need for innovation, commitment and excellence. We work collaboratively with you from the executive management level through to the lowest level of operation in order to help your business succeed.
</div> <!-- kickstart -->
<div class="bit roundright roundbottom" data-buzz="agile" style="display: none">
We offer a number of services in regards to professional education. Individual employee <b>mentoring</b> or pairing. Team <b>coaching</b> through collaborative planning and management. Even on-site or off-site group <b>training</b>. A very short list of areas we can provide education for include:
<ul>
<li>Agile Planning &amp; Development</li>
<li>Test Driven Development</li>
<li>Ruby, Ruby on Rails, Sinatra</li>
<li>JavaScript, MongoDB</li>
<li>Interaction Design &amp; Research</li>
<li>Final Cut ...</li>
<li>...</li>
<li>...</li>
</ul>
</div> <!-- agile -->
<div class="bit roundright roundbottom" data-buzz="ixd" style="display: none">
Whether you're looking to develop a new application or simply add a new feature, understanding what your user's are interested in and how they want to interact with you is extremely important. We can identify user groups, collect data, and generate detailed interaction workflows .... NEED HELP RACHE!
</div> <!-- ixd -->
<div class="bit roundright roundbottom" data-buzz="print" style="display: none">
RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM, RACHE, JORDAN, ADAM
</div> <!-- print -->
<div class="bit roundright roundbottom" data-buzz="security" style="display: none">
You know that ensuring the information stored in your application is secure is important. Your business depends on it. We have the tools and experience to perform various levels of penetration testing, social engineering, and code reviews. VIRGIL/CARL ...
</div> <!-- security -->
<div class="bit roundright roundbottom" data-buzz="video" style="display: none">
JORDAN AND ADAM, JORDAN AND ADAM, JORDAN AND ADAM, JORDAN AND ADAM, JORDAN AND ADAM, JORDAN AND ADAM, JORDAN AND ADAM, JORDAN AND ADAM, JORDAN AND ADAM ... commercials, short films, editing, production, direction, I have no clue
</div> <!-- video -->
<div class="bit roundright roundbottom" data-buzz="photo" style="display: none">
JORDAN, ADAM, ERIC, JORDAN, ADAM, ERIC, JORDAN, ADAM, ERIC, JORDAN, ADAM, ERIC, JORDAN, ADAM, ERIC, JORDAN, ADAM, ERIC, JORDAN, ADAM, ERIC, JORDAN, ADAM, ERIC ... still, commercial, whatever
</div> <!-- photo-->
<div class="bit roundright roundbottom" data-buzz="social" style="display: none">
You're in the Chicago-land area? You like hanging out with nerdy, artist, developer type people? We're a pretty fun group to hang out with and we like having a drink every now again. Ping us and there's a good chance we're meeting you :)
</div> <!-- social -->
</div>
</div> <!-- #collective -->
<a name="who"></a>
<div id="who" class="main grid_12 alpha omega clearfix">
<div class="inside round clearfix">
<div class="grid_4 alpha omega">
<ul>
<li data-bio="virgil" class="selected">Virgil Bistriceanu</li>
<li data-bio="gus">Justin "Gus" Knowlden</li>
<li data-bio="gabe">Gabriel Gironda</li>
<li data-bio="dan">Daniel Hodos</li>
<li data-bio="rache">Rachel Janke</li>
<li data-bio="arock">Alex Rakoczy</li>
<li data-bio="vladimir">Vladimir Andrijevik</li>
<li data-bio="jordan">Jordan Powers</li>
<li data-bio="adam">Adam Flikkema</li>
<li data-bio="carlito">Carl Brahms</li>
<li data-bio="eric">Eric Walsh</li>
</ul>
</div>
<div class="grid_8 alpha omega">
<div id="bios">
<div class="bio" data-bio="virgil">
<img src="/images/peeps/virgil.jpg" width="150" height="150" align="left" alt="Virgil Bistriceanu" class="round" />
<h4>Virgil Bistriceanu</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://thesleepless.com/" title="The Sleepless">The Sleepless</a></div>
<div class="email"><label>Email:</label><a href="mailto:virgil@thumblemonks.com">virgil@thumblemonks.com</a></div>
</div>
<p>
Throughout his career, Virgil has built, managed, and motivated teams of smart, independent, innovative and eager-to-learn, loyal professionals who have a true sense of ownership of the products they create and support. Most recently Virgil was <a href="http://centro.net/">Centro's</a> CTO, after six years as CTO of MyPoints.com, followed by more than 4 years in senior technology leadership positions at United Airlines and its subsidiaries.
</p>
<p>
Virgil is a true believer in agile software development, a big supporter of the <a href="http://en.wikipedia.org/wiki/Free_and_Open_Source_Software" title="Free and Open Source Software">FOSS movement</a>, a Computer Science instructor at the <a href="http://iit.edu/">Illinois Institute of Technology</a>, and an information security consultant.
</p>
<div class="favorite">
Favorite Drink: Scotch
</div>
</div> <!-- virgil -->
<div class="bio" data-bio="gus" style="display: none">
<img src="/images/peeps/gus.jpg" width="150" height="150" align="left" alt="Justin 'Gus' Knowlden" class="round" />
<h4>Justin "Gus" Knowlden</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://gusg.us/" title="Gus Gus">GusG.us</a></div>
<div class="email"><label>Email:</label><a href="mailto:gus@thumblemonks.com">gus@thumblemonks.com</a></div>
</div>
<p>
Gus has been programming professionally since 1997 &mdash; thankfully Virgil saw fit to give him a chance at the then, green-field start-up <a href="http://mypoints.com/" alt="MyPoints.com">MyPoints.com</a>.
</p>
<p>...</p>
<div class="favorite">
Favorite Drink: Coffee, followed closely by coffee, and then <a href="http://www.threefloydspub.com/RTB.html" title="Robert the Bruce Scottish Ale">Robert the Bruce</a>
</div>
</div> <!-- gus -->
<div class="bio" data-bio="gabe" style="display: none">
<img src="/images/peeps/gabe.jpg" width="150" height="150" align="left" alt="Gabriel Gironda" class="round" />
<h4>Gabriel Gironda</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://foo/" title="X">X</a></div>
<div class="email"><label>Email:</label><a href="mailto:foo@.com">X</a></div>
</div>
<div class="favorite">Favorite X: </div>
</div> <!-- gabe -->
<div class="bio" data-bio="dan" style="display: none">
<img src="/images/peeps/dan.jpg" width="150" height="150" align="left" alt="Daniel Hodos" class="round" />
<h4>Daniel Hodos</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://foo/" title="X">X</a></div>
<div class="email"><label>Email:</label><a href="mailto:foo@.com">X</a></div>
</div>
<div class="favorite">Favorite X: </div>
</div> <!-- dan -->
<div class="bio" data-bio="rache" style="display: none">
<img src="/images/peeps/rache.jpg" width="150" height="150" align="left" alt="Rachel Janke" class="round" />
<h4>Rachel Janke</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://foo/" title="X">X</a></div>
<div class="email"><label>Email:</label><a href="mailto:foo@.com">X</a></div>
</div>
<div class="favorite">Favorite X: </div>
</div> <!-- rache -->
<div class="bio" data-bio="arock" style="display: none">
<img src="/images/peeps/arock.png" width="150" height="150" align="left" alt="Alex Rakoczy" class="round" />
<h4>Alex Rakoczy</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://github.com/toothrot" title="On Github">On Github</a></div>
<div class="email"><label>Email:</label><a href="mailto:foo@example.com">X</a></div>
</div>
<div class="favorite">Favorite X: </div>
</div> <!-- arock -->
<div class="bio" data-bio="vladimir" style="display: none">
<img src="/images/peeps/vladimir.jpg" width="150" height="150" align="left" alt="Vladimir Andrijevik" class="round" />
<h4>Vladimir Andrijevik</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://foo/" title="X">X</a></div>
<div class="email"><label>Email:</label><a href="mailto:foo@.com">X</a></div>
</div>
<div class="favorite">Favorite X: </div>
</div> <!-- vladimir -->
<div class="bio" data-bio="jordan" style="display: none">
<img src="/images/peeps/jordan.jpg" width="150" height="150" align="left" alt="Jordan Powers" class="round" />
<h4>Jordan Powers</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://sensoryproductions.com/" title="Sensory Productions">Sensory Productions</a></div>
<div class="email"><label>Email:</label><a href="mailto:jordan@sensoryproductions.com">jordan@sensoryproductions.com</a></div>
</div>
<div class="favorite">Favorite Book: Don't Sweat the Small Stuff ... not</div>
</div> <!-- jordan -->
<div class="bio" data-bio="adam" style="display: none">
<img src="/images/peeps/adam.jpg" width="150" height="150" align="left" alt="Adam Flikkema" class="round" />
<h4>Adam Flikkema</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://sensoryproductions.com/" title="Sensory Productions">Sensory Productions</a></div>
<div class="email"><label>Email:</label><a href="mailto:adam@sensoryproductions.com">adam@sensoryproductions.com</a></div>
</div>
<div class="favorite">Favorite Pastime: Coding PHP ... not</div>
</div> <!-- adam -->
<div class="bio" data-bio="carlito" style="display: none">
<img src="/images/peeps/carlito.jpg" width="150" height="150" align="left" alt="Carl Brahms" class="round" />
<h4>Carl Brahms</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://foo/" title="X">X</a></div>
<div class="email"><label>Email:</label><a href="mailto:foo@.com">X</a></div>
</div>
<div class="favorite">Favorite X: </div>
</div> <!-- carlito -->
<div class="bio" data-bio="eric" style="display: none">
<img src="/images/peeps/eric.jpg" width="150" height="150" align="left" alt="Eric" class="round" />
<h4>Eric Walsh</h4>
<div class="contact">
<div class="website"><label>Site:</label><a href="http://foo/" title="X">X</a></div>
<div class="email"><label>Email:</label><a href="mailto:foo@.com">X</a></div>
</div>
<div class="favorite">Favorite X: </div>
</div> <!-- eric -->
</div> <!-- #bios -->
</div>
</div> <!-- .inside -->
</div> <!-- #who -->
<a name="clients"></a>
<div id="clients" class="main grid_12 alpha omega">
<h2>Professional Work</h2>
<p class="nopad justify">
Over the years, we've collectively worked in-depth with a large number of start-ups and established companies in a number of capacities.
</p>
<div class="grid_4 alpha">
<h3>Technology Services</h3>
<ul>
<li>Groupon</li>
<li>Rosetta Stone</li>
<li>United Air Lines</li>
<li>CareRunner</li>
<li>MyPoints.com</li>
<li>...</li>
</ul>
</div>
<div class="grid_4 alpha omega">
<h3>Web Design &amp; Development</h3>
<ul>
<li>Motley Fool</li>
<li>Scrum Alliance</li>
<li>Chicago ISC</li>
<li>KidFresh</li>
<li>AIGA</li>
<li>...</li>
</ul>
</div>
<div class="grid_4 omega">
<h3>Multimedia Services</h3>
<ul>
<li>Harley Davidson</li>
<li>Sweetwater Tavern &amp; Grille</li>
<li>Trace</li>
<li>2010 Census?</li>
<li>...</li>
</ul>
</div>
</div> <!-- #clients -->
<a name="projects"></a>
<div id="projects" class="main grid_12 alpha omega">
<h2>Community Work</h2>
<p class="nopad justify">
You may have already picked up on this, but we're very passionate about our work and we're also very multi-dimensional. We spend a lot of our spare time building tools to make tasks easier for ourselves and those like us. In addition, we spend a lot of time just being creative and sharing that creativity with others. One could say we're interested in art for art's sake; the process, the product, and the effects. We firmly believe in giving back to our respective communities through direct participation.
</p>
<div class="clearfix">
<div class="grid_6 alpha">
<h3>Open Source &amp; Technology</h3>
<ul>
<li data-project="riot">Riot</li>
<li data-project="smurf">Smurf</li>
<li data-project="wvsi96">Why Validations Suck in '96</li>
<li data-project="simpleton">Simpleton</li>
<li class="selected" data-project="jubilator">Jubilator</li>
</ul>
</div>
<div class="grid_6 omega">
<h3>Media &amp; Society</h3>
<ul>
<li data-project="ritual">Ritual</li>
<li data-project="elginart">Elgin Cultural Arts Commission</li>
<li data-project="acknak">Ack &amp; Nak</li>
<li data-project="hbc">Honors Breakfast Club</li>
</ul>
</div>
</div>
<div class="clearfix" id="project_details">
<div data-project="riot" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/riot.png" width="150" height="150" alt="Riot" />
</div>
<div class="grid_9 omega">
<h4>Riot - Protest the slow test</h4>
<div>An extremely fast-running, expressive, and context-driven unit testing framework</div>
<p>
Gus wrote Riot as a replacement for Shoulda, Test::Unit, and RSpec; a few of the more
popular ruby, unit testing frameworks. Why? Because he wanted a testing framework that was
faster than the others, more expressive than the others, and was tailored to fit his
slightly different testing style. Riot has been given support for Rack-based app, Mongoid,
and ActiveRecord testing. Riot has even been ported to
<a href="http://github.com/alexyoung/riotjs">JavaScript</a>.
</p>
<a href="http://github.com/thumblemonks/riot" title="Riot source code">Source code</a>
</div>
</div> <!-- riot -->
<div data-project="wvsi96" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/wvsi96.png" width="150" height="150" alt="Why Validations Suck in 96" />
</div>
<div class="grid_9 omega">
<h4>Why Validations Suck in '96</h4>
<div>An alternative implementation for object validations</div>
<a href="http://github.com/thumblemonks/whyvalidationssuckin96" title="Why Validations Suck in 96 source code">Source code</a>
</div>
</div> <!-- wvsi96 -->
<div data-project="smurf" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/smurf.png" width="150" height="150" alt="Smurf" />
</div>
<div class="grid_9 omega">
<h4>Smurf</h4>
<div>Thoughtless asset minification for Ruby on Rails</div>
<p>
Smurf is a Rails plugin that does Javascript and CSS minification the way you would expect.
Basically, you hook it up and it does the work. The impetus for this project revolves
around laziness; a term Gus likes to refer to as automation. Instead of doing extra work to
make file CSS and JavaScript fils sizes smaller, Gus wanted the Rails application to do the
work for him.
</p>
<a href="http://github.com/thumblemonks/smurf" title="Smurf source code">Source code</a>
</div>
</div> <!-- smurf -->
<div data-project="simpleton" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/simpleton.png" width="150" height="150" alt="Simpleton" />
</div>
<div class="grid_9 omega">
<h4>Simpleton</h4>
<div>Sensible application deployment</div>
<p>
</p>
<a href="http://github.com/vandrijevik/simpleton" title="Simpleton source code">Source code</a>
</div>
</div> <!-- simpleton -->
<div data-project="jubilator" class="project clearfix round">
<div class="grid_3 alpha">
<img src="/images/projects/jubilator.png" width="150" height="150" alt="Jubilator" />
</div>
<div class="grid_9 omega">
<h4>Jubilator</h4>
<div>Browse github repositories in style</div>
<a href="http://jubilator.thumblemonks.com/" title="Jubilator">Visit the site</a> /
<a href="http://github.com/thumblemonks/jubilator" title="Jubilator source code">Source code</a>
</div>
</div> <!-- jubilator -->
<div data-project="ritual" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/ritual.png" width="150" height="150" alt="Ritual" />
</div>
<div class="grid_9 omega">
<h4>Ritual</h4>
<div>A short film about music ...</div>
<p>
...
</p>
</div>
</div> <!-- ritual -->
<div data-project="elginart" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/elginart.png" width="150" height="150" alt="Elgin Cultural Arts Commission" />
</div>
<div class="grid_9 omega">
<h4>Elgin Cultural Arts Commission</h4>
<div>Something something</div>
<p>
Carl has devoted a portion of his time to betterment of cultural arts in his hometown of
Elgin, IL. ...
</p>
<a href="http://www.cityofelgin.org/index.aspx?NID=539" title="Elgin Cultural Arts Commission">Visit the site</a>
</div>
</div> <!-- elginart -->
<div data-project="acknak" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/acknak.png" width="150" height="150" alt="Ack &amp; Nak" />
</div>
<div class="grid_9 omega">
<h4>Ack &amp; Nak</h4>
<div>New web comics, ad nauseam</div>
<p>
Ack &amp; Nak is a web comic of satire, that focuses on programming, disdain for corporate
life, something about spiritual life, life in general, life in specific, unlife, low life,
pre-life, and half-life. Cooked up and managed by Carl and Gus in their spare, spare time :)
</p>
<a href="http://ackandnak.com/" title="Ack &amp; Nak">Visit the site</a>
</div>
</div> <!-- acknak -->
<div data-project="hbc" class="project clearfix round" style="display: none">
<div class="grid_3 alpha">
<img src="/images/projects/hbc.png" width="150" height="150" alt="Honors Breakfast Club" />
</div>
<div class="grid_9 omega">
<h4>Honors Breakfast Club</h4>
<div>A Chicago improv group</div>
<p>
Dan is one funny dude. He's something something at IO ...
</p>
</div>
</div> <!-- hbc -->
</div>
</div> <!-- #projects -->
<div id="endorsements" class="main grid_12 alpha omega">
<h2>Endorsements</h2>
<div>
<div class="quote">
"By the way. I am truly inspired by how you guys wrote your JavaScript, some of the cleanest
code I’ve seen."
</div>
We live for quotes like these.
</div>
Anything about anyone in particular.
</div> <!-- #endorsements -->
<div id="story" class="main grid_12 alpha omega">
<h2>What's the story here?</h2>
How did this come about?
</div> <!-- #story -->
<div id="contact" class="main grid_12 alpha omega">
<h2>Contact Us</h2>
<p>
Though you can contact any of our members directly through their various web personas, if you'd
contact Thumble Monks directly for any reason, simply send an email to
<a href="mailto:collective@thumblemonks.com">collective@thumblemonks.com</a>,
hit us up on
<a href="http://twitter.com/thumblemonks" title="Thumble Monks on Twitter">Twitter</a>
or even check us out on
<a href="http://github.com/thumblemonks" title="Thumble Monks on GitHub">GitHub</a>
</p>
</div> <!-- #footer -->
<div id="footer" class="grid_12 alpha omega">
&copy; 2008 - present &mdash; Thumble Monks
</div> <!-- #footer -->
</div>
</div> <!-- #root -->
<script src="/javascripts/jquery-1.4.2.min.js"></script>
<script src="/javascripts/thumblemonks.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.