<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{#resume.basics}}{{name}}{{/resume.basics}}</title>

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" media="all">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://bibtex-js.googlecode.com/svn/trunk/src/bibtex_js.js"></script>
    
    <style>
      {{{css}}}
    </style>
  </head>
  <body>
  

    <!-- header -->
    <div class="container-fluid">
      {{#resume.basics}}
      <div class="row">
        <div class="col-xs-6">
          <h1 class="name"> {{name}}</h1>
          <h3 class="title">{{label}}</h3>
        </div>
        <div class="col-xs-6 contact-info">
          <ul class="pull-right">
            <li>{{email}}</li>
            <li>{{phone}}</li>
            <li>{{website}}</li>
            <li>
              {{#each profiles}}
              <i class="fa fa-{{toLowerCase network}}"></i> {{username}}
              {{/each}}
            </li>
          </ul>
        </div>
      </div>
      <hr style="margin-top: 0;" />

      <!-- Profile/summary -->
      <!--
      <div class="row">
        <div class="col-xs-2">
          <h4 class="section-title"> Profile </h4>
        </div>
        <div class="col-xs-10">
          {{summary}}
        </div>
        {{/resume.basics}}
      </div>
      <hr />
      -->
      
      <!-- statement -->
      <div class="col-xs-1">
          <h4 class="section-title"> About  </h4>
        </div>
        <div class="row section">
        <div class="col-xs-10">
        <p>
      My work often explores simple processes where dynamic systems, situations, and settings are defined through minimal graphic- and text-based scores that can be realized in a variety of ways. To me, everything we experience is computable. Given this digital philosophy, I acknowledge even my most open works as algorithmic; and, while not always apparent on the surface of any given piece, the considerations of computability and epistemology are integral to my practice. I often reconcile epistemological limits with artistic practicality by considering and addressing the limits of computation from a musical and experiential vantage point and by collaborating with other artists, mathematicians, and scientists in order to integrate objects, ideas, and texts from various domains as structural elements in my pieces. 
</p><p>
I have performed across the Americas and Europe at venues ranging in size from small basements to large museums to outdoor public spaces (some examples of more well known venues are REDCAT, Los Angeles; the University of Lille, France; the Ostrava Festival of New Music, Czech Republic; the CEAIT Festival, Los Angeles; the Museum of Contemporary Art, Los Angeles; and Museo de Arte Contemporáneo de Santiago, Chile). In 2008, I co-founded <em>the wulf.</em>, a Los Angeles-based organization dedicated to experimental performance and art. As a laboratory and hub for exploring new ideas, <em>the wulf.</em> has become an experiment in alternative communities and economies. Similarly, my work subverts discriminatory conventions and hierarchies by exploring alternative forms of presentation and interaction.
</p>
</div>
          </div>
           <hr />

      <!-- Experience -->
        
        <div class="col-xs-1">
          <h4 class="section-title"> Experience </h4>
        </div>
        <div class="row section">
        <div class="col-xs-12">
          {{#each resume.work}}
          <div class="entry">
          <div class="row">
            <div class="col-xs-8">
              <div class="company"> {{company}} </div>
              <div class="company-position"><em>{{position}}</em></div>
            </div>
            <div class="col-xs-4">
              <span class="pull-right"> {{prettifyDate startDate}} – {{prettifyDate endDate}} </span>
            </div>
          </div>
          <div class="row company-description">
            <div class="col-xs-9">
              <ul>
                <li class="company-summary">{{summary}}</li>
                {{#each highlights}}
                <li><i class="fa fa-chevron-circle-right"></i> {{this}}</li>
                {{/each}}
              </ul>
            </div>
          </div>
          </div>
          {{/each}}
        </div>
      </div>
      <hr />
      
      <!-- Skills -->
      <div class="col-xs-1">
          <h4 class="section-title"> Skills </h4>
        </div>
      <div class="row section">
        <div class="col-xs-12">
          {{#each resume.skills}}
          <span class="skill">{{name}}:</span>
          {{#each keywords}}
          {{#if @last}}
          {{this}}
          {{else}}
          {{this}},
          {{/if}}
          {{/each}}
          <br />
          {{/each}}
        </div>
      </div>
      
      <div class="pagebreak">

<hr />
      <!-- Education -->
       <div class="col-xs-1">
          <h4 class="section-title"> Education </h4>
        </div>
      <div class="row section">
        <div class="col-xs-12">
          {{#each resume.education}}
          <div class="entry">
          <div class="row education-section">
            <div class="col-xs-8">
              <div class="school"> {{institution}} </div>
              <i class="fa fa-graduation-cap"></i> <span>{{studyType}} in {{area}}</span>
              {{#if gpa}}
              <div class="education-gpa">
                <i class="fa fa-paperclip"></i> <span style="padding-left: 5px">{{gpa}}</span>
              </div>
              {{/if}}
            </div>
            <div class="col-xs-4">
              <div class="pull-right">
                {{prettifyDate endDate}}
              </div>
            </div>
          </div>
          </div>
          {{/each}}
        </div>
      </div>
      <hr />

      <!-- Interests -->
      <!--
      <div class="row">
        <div class="col-xs-2">
          <h4 class="section-title"> Interests </h4>
        </div>
        <div class="col-xs-10">
          {{#each resume.interests}}
          <span class="skill">{{name}}:</span>
          {{#each keywords}}
          {{#if @last}}
          {{this}}
          {{else}}
          {{this}},
          {{/if}}
          {{/each}}
          <br />
          {{/each}}
        </div>
      </div>
      <hr />
      -->
      
            <!-- Publications -->
      <div class="col-xs-1">
          <h4 class="section-title">Publications</h4>
        </div>
      <div class="row section">
        <div class="col-xs-12">
          {{#each resume.publications}}
          <div class="entry">
          <div class="row">
            <div class="col-xs-12">
              <div class="company"> {{entryTags.title}} </div>
              <div class="company-position">{{entryTags.author}} 
              {{#if entryTags.booktitle}}{{entryTags.booktitle}}. {{/if}}
              {{#if entryTags.journal}}{{entryTags.journal}}. {{/if}}
              {{#if entryTags.editor}}editors {{entryTags.editor}}{{/if}}
              {{#if entryTags.volume}}volume {{entryTags.volume}}{{#if entryTags.number}} ({{entryTags.number}}){{/if}}. {{/if}}
              {{#if entryTags.pages}}pages {{entryTags.pages}}. {{/if}}
              {{#if entryTags.publisher}} {{entryTags.publisher}}. {{/if}}{{entryTags.year}}.</div>
            </div>
          </div>
          <div class="row company-description">
            <div class="col-xs-10">
              <ul>
                {{#if website}}
                <li><a href="{{website}}">{{website}}</a></li>
                {{/if}}
                <li class="company-summary">{{summary}}</li>
                {{#each highlights}}
                <li><i class="fa fa-chevron-circle-right"></i> {{this}}</li>
                {{/each}}
              </ul>
            </div>
          </div>
          </div>
          {{/each}}
        </div>
      </div>
      </div>
        <hr /> 
      

             
      <!-- Talks -->
      <div class="col-xs-1">
          <h4 class="section-title"> Talks </h4>
        </div>
      <div class="row section">
        <div class="col-xs-12">
          {{#each resume.talks}}
          <div class="entry">
          <div class="row">
            <div class="col-xs-10">
              <div class="company"> {{location}} </div>
              <div class="company-position"><em>{{title}}</em></div>
            </div>
            <div class="col-xs-2">
              <span class="pull-right"> {{prettifyDate date}} </span>
            </div>
          </div>
          <div class="row company-description">
            <div class="col-xs-9">
              <ul>
                <li class="company-summary">{{summary}}</li>
                {{#each highlights}}
                <li><i class="fa fa-chevron-circle-right"></i> {{this}}</li>
                {{/each}}
              </ul>
            </div>
          </div>
          </div>
          {{/each}}
        </div>
      </div>
      <hr />
      
                  <!-- Releases -->
      <div class="col-xs-1">
          <h4 class="section-title">Releases</h4>
        </div>
      <div class="row section">
        <div class="col-xs-12">
          {{#each resume.releases}}
          <div class="entry">
          <div class="row">
            <div class="col-xs-12">
              <div class="company"> {{title}} </div>
              <div class="company-position"><em>{{work}} </em></div>
              <div class="company-position">{{publisher}}. {{media_type}}. {{date}}.</div>
            </div>
          </div>
          <div class="row company-description">
            <div class="col-xs-10">
              <ul>
                {{#if website}}
                <li><a href="{{website}}">{{website}}</a></li>
                {{/if}}
                <li class="company-summary">{{summary}}</li>
                {{#each highlights}}
                <li><i class="fa fa-chevron-circle-right"></i> {{this}}</li>
                {{/each}}
              </ul>
            </div>
          </div>
          </div>
          {{/each}}
        </div>
      </div> 

{{!--
        <div class="col-xs-1">
          <h4 class="section-title">Works and Performances</h4>
        </div>
      <div class="row section">
        <div class="col-xs-10">
          Work list, scores, and performance list available at www.unboundedpress.org or on request.
        </div>
      </div>
      <hr /> 
      --}}
      
      <div class="pagebreak">
       <hr />
      
      <!-- Works -->
      <div class="col-xs-1">
          <h4 class="section-title"> Works </h4>
        </div>
                <div class="row section">
                
        <div class="col-xs-10">
        A performance history, scores, and recordings are available at &lt;www.unboundedpress.org&gt;. 
        <br>
        All scores are also published or forthcoming through Frog Peak at &lt;www.frogpeak.org/fpartists/fpwinter.html&gt;. 
        </div>
        </div>
        
      <div class="row section">
        <div class="col-xs-12">
          {{#each resume.works}}
           <hr />
          {{#each this.works}}
          <div class="entry">
          <div class="row">
            <div class="col-xs-10">
              <div class="company"> <em>{{title}}</em> </div>
              {{#each instrument_tags}}
              <div class="company-position">{{this}}</div>
              {{/each}}
            </div>
            {{#if @first}} 
            <div class="col-xs-2">
              <span class="pull-right"> {{prettifyYearDate date}} </span>
            </div>
            {{/if}}
            <div class="col-xs-2">
              
            </div>
          </div>
          <div class="row company-description">
            <div class="col-xs-9">
              <ul>
                <li class="company-summary">{{summary}}</li>
                {{#each highlights}}
                <li><i class="fa fa-chevron-circle-right"></i> {{this}}</li>
                {{/each}}
              </ul>
            </div>
          </div>
          </div>
          {{/each}}
          
          {{/each}}
        </div>
      </div>
      
      
{{!--
        <div class="col-xs-1">
          <h4 class="section-title">References</h4>
        </div>
      <div class="row section">
        <div class="col-xs-10">
          Available on request.
        </div>
      </div>
      --}}
      
    </div>    <!-- /end container-fluid -->

  </body>
</html>
