index.php

<?php include('head.php');?>

<!-- - - - - - - - - - - - - - - - #HEADER - - - - - - - - - - - - - - - --> 

<div class="c-main page-index">

  <header class="c-header">
    <div class="header  header--left">
      <!-- <img src="img/patterns.png" width="400px" style="padding-right: 150px" alt="Geometric patterns"> -->
    </div>
    <div class="header  header--right">
      <p>Hi there! I'm <span class="branding">Tricia Leach</span>, a front-end web developer with a recent design education, and a professional background including project management. I love the process of collaborating with designers and clients, and take pride in caring about the small design details.
      </p>
      <p>I'm eager to learn new technologies, with a particular interest in creative development and animation. <!-- I previously worked at <a href="http://fuzzco.com/">Fuzzco</a> as a junior developer.--> I'm currently seeking a full-time role on a team with stellar collaboration in Portland, OR.
      
      <!-- You can also find me compiling some of my Processing and web animation experiments at my <a href="http://tricia.codes">code sketchbook</a>. -->
    </div>
  </header>




    
  <main>


<!-- - - - - - - - - - - - - - - - #PROJECTS - - - - - - - - - - - - - - - -->


    <p style="position:relative;">
      <a id="page-projects" style="position:absolute; top:-40px;"></a>
    </p>

    <h2>Recent projects</h2>

    <div class="c-projects  box-flex">

      <div class="box-third">
        <h3><a target="_blank" class="pink-link" href="https://weezietowels.com/">Weezie Towels</a></h3>
        <p class="p-small">Role: Lead Developer</p>
        <p class="p-small">
        This Shopify site was my first opportunity to be in a lead development role at Fuzzco. I developed reusable components, allowing the client to easily change design variations with toggles in Shopify admin. In parallel with this project, I contributed to a Shopify template that would allow our team to reduce development time for future e-commerce projects.
        </p>
        <p class="p-small">
        <a target="_blank" href="https://weezietowels.com/">weezietowels.com</a><br>
        Design and development by <a target="_blank" href="https://fuzzco.com/">Fuzzco</a>
        </p>
      </div>
      <div class="box-third">
        <h3><a target="_blank" class="pink-link" href="https://42pressed.com/">42 Pressed</a></h3>
        <p class="p-small">Role: Lead Developer</p>
        <p class="p-small">
        An e-commerce site that extends the typical functionality of Shopify to allow the client to add custom content through Accentuate Custom Fields, and build unique and flexible shop collections. I enjoyed working closely with the client to customize sections, and tweak design elements to ensure the final product matched her design.
        </p>
        <p class="p-small">
        <a target="_blank" href="https://42pressed.com/">42pressed.com</a><br>
        Design by <a target="_blank" href="https://42pressed.com/">Jackie Robinson</a><br>
        Development by <a target="_blank" href="https://fuzzco.com/">Fuzzco</a>
        </p>
      </div>
      <div class="box-third">
        <h3><a target="_blank" class="pink-link" href="https://tobacapital.com/">Toba Capital</a></h3>
        <p class="p-small">Role: Co-developer</p>
        <p class="p-small">
        In collaboration with then Development Director at Fuzzco, <a target="_blank" href="http://nikolas.ws/">Nikolas Wise</a>, I worked on site architecture and built fields in Wordpress with Custom Post Types and Advanced Custom Fields. I used a PHP templating language (Timber/Twig) to build the pages, and collaborated with Nikolas on styling the site with SASS/SCSS.
        </p>
        <p class="p-small">
        <a target="_blank" href="https://tobacapital.com/">tobacapital.com</a><br>
        Design and development by <a target="_blank" href="https://fuzzco.com/">Fuzzco</a>
        </p>
      </div>

    </div>
    




<!-- - - - - - - - - - - - - - - - #ABOUT - - - - - - - - - - - - - - - -->

    <p style="position:relative;">
        <a id="page-about" style="position:absolute; top:-40px;"></a>
    </p>

    <h2>A little about me</h2>
    <div class="c-about  box-flex">

      <div class="box-half  marg-r">
        <!-- <h3>Obligatory third person bio</h3> -->
        <p>I'm happiest working somewhere in the middle of design, art, craft, and technology. I love digging into the details of code to build engaging and delightful experiences, both for the web and the physical world. My secret weapons are my enthusiasm for community building, and a well-crafted spreadsheet.</p>
        <!-- <p>I have eight years of financial analysis/project management experience preceeding my years at Portland State. During that time I acquired many skills (<a href="/assets/tricia-leach-resume-dec-2017-web.pdf">pdf resume</a>) that complement the work I've been doing with programming. So while I may be looking for a junior dev position, I'll be bringing over a decade of professional experience with me, as well as a keen eye for design. -->
        </p>
        <h3>Drop me a line</h3>
        <p>Would you like to chat about roles at your company, or freelance projects? Get in touch at <a href="mailto:hi@tricialea.ch">hi@tricialea.ch</a>
        </p>
      </div>

      <div class="box-half  marg-l  box-flex">

        <div class="about-portrait">
          <img src="img/tricialeach_portrait.jpg" style="display: inline-block;" alt="Portrait of Tricia Leach">
        </div>
        <div class="about-interests">
        <h3>Some of my interests</h3>
          <ul>
            <li>Front-End Development</li>
            <li>Creative Coding</li>
            <li>Web Animation</li>
            <li>Web Typography</li>
            <li>Interactive Design</li>
            <li>Pattern Design</li>
          </ul>
        </div>
        
      </div>

    </div> <!-- end c-about -->


<!-- - - - - - - - - - - - - - - - #END - - - - - - - - - - - - - - - -->

  </main>

</div> <!-- end c-main container // header and main content -->

<?php include('footer.php');?>