Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 547 lines (469 sloc) 29.714 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546
<?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>
Something went wrong with that request. Please try again.