index.php

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

<section class="skills">
	<h2>Skills</h2>
	<div class="grid">
		<div class="column">
			<h3>Languages</h3>
			<ul>
				<li>Semantic HTML + HTML5</li>
				<li>CSS + SCSS</li>
				<li>Javascript + jQuery</li>
				<li>PHP</li>
			</ul>
		</div>
		<div class="column">
			<h3>Tools</h3>
			<ul>
				<li>Wordpress</li>
				<li>Git</li>
				<li>Photoshop</li>
				<li>Illustrator</li>
				<li>Gulp/Grunt/Codekit</li>
			</ul>
		</div>
		<div class="column">
			<h3>Etcetera</h3>
			<ul>
				<li>Web accessibility compliance</li>
				<li>Cross-browser + cross-device testing</li>
				<li>Responsive design and development</li>
				<li>API integration</li>
			</ul>
		</div>
	</div>
</section>

<section class="projects">
	<h2>Projects</h2>
	<div class="grid">
		<div class="column title">
			<h3><a href="https://wmn-own.biz/" target="_blank">WMN OWN</a></h3>
			<p>An interactive guide to Seattle-area businesses owned by womxn; a special project/not for profit.</p>
			<ul>
				<li>Google Maps integration</li>
				<li>a custom Wordpress build</li>
			</ul>
		</div>
		<div class="column title">
			<h3><a href="http://donuts.alisonleemckay.com/" target="_blank">Alison's Last Donut</a></h3>
			<p>A statement of my devotion to circular frosted treats.</p>
			<ul>
				<li>integrated with the Twitter API</li>
				<li>CSS3 animations</li>
			</ul>			
		</div>
		<div class="column title">
			<h3><a href="https://non-breaking.space/" target="_blank">Non-Breaking Space</a></h3>
			<p>An art gallery curated by Civilization.</p>
			<ul>
				<li>a custom Wordpress build</li>
				<li>responsive design and development</li>
				<li>web accessibility compliance</li>
			</ul>
		</div>
		<div class="column title">
			<h3><a href="https://jlusa.org/" target="_blank">JustLeadershipUSA</a></h3>
			<p>A cause-based organization focused on reducing incarceration in the United States.</p>
			<ul>
				<li>a custom Wordpress build</li>
				<li>responsive design and development</li>
			</ul>
		</div>
	</div>
</section>

<section class="experience">
	<h2>Experience</h2>
	<div class="grid">
		<div class="column title">
			<h3>Freelance</h3>
			<h4><em>Front End Developer</em></h4>
			<p class="timeframe"><small>December 2012 — Ongoing</small></p>
		</div>
		<div class="column description">
			<p>Wordpress. Side projects. All-around fun. Projects include <a href="https://wmn-own.biz/" target="_blank">WMN OWN</a>, <a href="http://donuts.alisonleemckay.com/" target="_blank">Alison's Last Donut</a>, and assorted creative portfolio and small business websites.</p>	
		</div>	
	</div>
	<div class="grid">
		<div class="column title">
			<h3><a href="https://builtbycivilization.com/" target="_blank">Civilization</a></h3> 
			<h4><em>Front End Developer</em></h4>
			<p class="timeframe"><small>January 2017 — September&nbsp;2019</small></p>
		</div>
		<div class="column description">
			<p>Civilization is a socially, ethically, and environmentally-minded design studio where I built custom, from-scratch Wordpress websites. I brought web accessibility and user experience inclusivity skills to the team, and I was responsible for deliverables like meeting project deadlines and training clients to use their new CMS & websites.</p>
			<p>Skills and frameworks: Wordpress and PHP. CSS + SCSS.  Javascript and jQuery. Git. Adobe Illustrator. Web accessibility compliance. Responsive design and development.</p>	
		</div>
	</div>
	<div class="grid">
		<div class="column title">
			<h3><a href="https://www.seattlewebdesign.com/" target="_blank">Efelle Creative</a></h3>
			<h4><em>Front End Developer, Project Lead</em></h4>
			<p class="timeframe"><small>July 2013 — November&nbsp;2016</small></p>
		</div>
		<div class="column description">
			<p>We built custom responsive Bootstrap-Sass sites on a proprietary, PHP-based CMS. As a project lead, I was responsible for managing the complete build cycle, assigning tasks to junior developers, code review and mentoring junior dev work, and ensuring deadlines and project estimates were met.</p>
			<p>Skills and frameworks: Bootstrap + Sass. PHP-based system and CMS. Database management. Git. Photoshop.</p>
		</div>
	</div>
	<div class="grid">
		<div class="column title">
			<h3><a href="https://conflare.com/" target="_blank">Conflare</a></h3>
			<h4><em>Project Manager, Copywriter, Front End Developer</em></h4>
			<p class="timeframe"><small>December 2012 — June&nbsp;2013</small></p>
		</div>
		<div class="column description">
			<p>Started as a front end development intern and became a go-to for project management, copywriting, and basic front end dev tasks.</p>
			<p>Skills and frameworks: Wordpress. Photoshop. Git and Subversion. Bootstrap and Foundation.</p>
		</div>
	</div>
</section>


<div class="dancing-donuts">
	<div class="top-left">
		<div class="donut"></div>
		<img src="i/dirty-dancing.gif" alt="final scene from the movie Dirty Dancing">
	</div>
	<div class="top-right">
		<div class="donut"></div>
		<img src="i/sleepy-kitten.gif" alt="a kitten falling asleep">
	</div>
	<div class="middle-left">
		<div class="donut"></div>
		<img src="i/solange.gif" alt="clip from a Solange music video">
	</div>
	<div class="middle-right">
		<div class="donut"></div>
		<img src="i/mulder-scully.gif" alt="Mulder and Scully from the X-Files">
	</div>
	<div class="bottom-left">
		<div class="donut"></div>
		<img src="i/happy-pomeranian.gif" alt="blow-drying a Pomeranian">
	</div>
	<div class="bottom-right">
		<div class="donut"></div>
		<img src="i/buffy.gif" alt="Buffy Summers spinning a wooden stake">
	</div>
</div>

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