Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
220 lines (188 sloc) 9.42 KB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tristan Timblin's Website</title>
<meta name="description" content="A complete list of site's I've worked on.">
<meta name="author" content="Tristan Timblin">
<link rel="icon" href="favicon.png" type="image/svg+xml">
<style>
header, .title {
margin: 60px 30px 0;
}
section {
max-width: 1000px;
margin: 0 15px 60px 15px;
padding: 15px 15px 30px 15px;
}
section.important {
background-color: #E1F5FE;
}
p {
padding-bottom: 5px;
line-height: 1.25em;
}
span {
font-size: 2em;
margin-right: 8px;
}
a {
margin-right: 10px;
}
</style>
</head>
<body>
<header>
<h1>Tristan Timblin's website</h1>
<p>Front-end developer, focused on motion and interaction design for screens.</p>
<p>Currently @ <a href="https://cohere.city" target="_blank">Cohere.city/</a></p>
<ul>
<li>
<a href="https://github.com/tatimblin/" target="_blank" rel="noopener">Github</a> -
<a href="https://gitlab.com/tatimblin" target="_blank" rel="noopener">Gitlab</a></li>
<li><a href="https://codepen.io/tatimblin/" target="_blank" rel="noopener">Codepen</a></li>
<li><a href="https://www.linkedin.com/in/tristan-timblin/" target="_blank" rel="noopener">Linkedin</a></li>
</ul>
</header>
<!--
<section>
<h3><span>🍱</span> Description</h3>
<p>Agency | Tech</p>
<a href="" target="_blank"></a>
</section>
-->
<div class="title">
<h2>Chronological Site List</h2>
<h4>2018</h4>
</div>
<section>
<h3><span>👩‍🎨</span> The Civic</h3>
<p>Cohere | The first site built with the Cultivate templating application. Staticly generated site, with a JAMstack backend (do a speed test!). Built with Mike Medoro, and design by Randi Bellamy.</p>
<a href="https://www.thecivicphl.com/" target="_blank">https://thecivicphl.com/</a>
</section>
<section>
<h3><span>⚙️</span> Cultivate (In Dev)</h3>
<p>Cohere | A text based dynamic website builder built with node.js. Cultivate componentize's workflow across client sites, and aims at transitioning our web services into a scalable product.</p>
<a href="https://cohere.city/" target="_blank">Company Page</a>
<a href="https://xd.adobe.com/view/00e781bf-8541-4453-410b-f4c6873e6dd8-76d6/?fullscreen">UX prototype</a>
</section>
<section class="important">
<h3><span>👨‍🔬</span> Interactive Labs (Beta)</h3>
<p>Self | A collection of front-end demos visitors can browse through, made with Vue.js.</p>
<a href="https://timblin-io.netlify.com/" target="_blank">Staging Link</a>
</section>
<section>
<h3><span>🐴</span> Urban Beer Hall</h3>
<p>Cohere | Single page Wordpress site pulling data in from parent brand using Wordpress API.</p>
<a href="https://thepostphl.com/" target="_blank">https://thepostphl.com/</a>
</section>
<section>
<h3><span>👌🏼</span> Giuseppe & Sons</h3>
<p>Cohere | Restaurant page designed by Avery Sohn.</p>
<a href="https://giuseppesons.com/" target="_blank">https://giuseppesons.com/</a>
</section>
<section>
<h3><span>🖋</span> Interactive architects design manifesto</h3>
<p>Cohere | Lead page we used at conferences to promote Cohere's message to designers and architects. Created with Jekyll and handles user submission with webhooks.</p>
<a href="http://design-manifesto.cohere.city/" target="_blank">http://design-manifesto.cohere.city/</a>
</section>
<section class="important">
<h3><span>🏬</span> Redevelopment effort in Brewerytown</h3>
<p>Cohere | Vue.js application that sells one of the first new developments in the largely underutilized Brewerytown neighborhood. Designed by Randi Bellamy.</p>
<a href="https://otto-app.netlify.com/" target="_blank">https://ottobrewerytown.com/</a>
</section>
<section>
<h3><span>🏫</span> University of Pennsylvania Business Services Portfolio</h3>
<p>Cohere | UX redesign to help present the universities many business departments more clearly. Final design by Randi Bellamy and Front-end by Mike Medoro</p>
<a href="https://xd.adobe.com/view/fda0975c-0923-499d-6f40-0f7699615e9f-8b91/" target="_blank">UX Prototype</a>
<!-- <a href="https://cms.business-services.upenn.edu/" target="_blank">https://cms.business-services.upenn.edu/</a> -->
</section>
<section>
<h3><span>🎹</span> Senior thesis on augmenting classical preformances with 3D using the Microsoft Hololens</h3>
<p>Drexel University | Wordpress site on designing in 3D space.</p>
<a href="http://symphonyxr.com/" target="_blank">http://symphonyxr.com/</a>
</section>
<section>
<h3><span>🏭</span> Historic munitions R&D and production campus, redeveloped as industrial loft space</h3>
<p>Cohere | Static page built with <a href="http://www.brendanr.us/">Brendan Russo</a></p>
<a href="http://arsenalphl.com/" target="_blank">http://arsenalphl.com/</a>
</section>
<section>
<h3><span>🏬</span> Upenn graduate student living</h3>
<p>Cohere | Static one pager</p>
<a href="http://www.lunaonpine.com/" target="_blank">http://www.lunaonpine.com/</a>
</section>
<section>
<h3><span>🏚</span> Urban development portfolio</h3>
<p>Cohere | Wordpress site</p>
<a href="http://www.metropolitanphilly.com/" target="_blank">http://www.metropolitanphilly.com/</a>
</section>
<div class="title">
<h4>2017</h4>
</div>
<section>
<h3><span>🎮</span> Teaser page for 3D games studio</h3>
<p>Self | Animated coming soon page</p>
<a href="http://gamemodeone.com/" target="_blank">http://gamemodeone.com/</a>
</section>
<section>
<h3><span>🛠</span> Collaborative makerspace for creators</h3>
<p>Cohere | Wordpress site led by <a href="#">Mike Medoro</a></p>
<a href="https://nextfab.com/" target="_blank">https://nextfab.com/</a>
</section>
<section>
<h3><span>📱</span> Friend's upcomming mobile game studio</h3>
<p>Self | Animated coming soon page</p>
<a href="http://syclonestudios.com" target="_blank">http://syclonestudios.com</a>
</section>
<section>
<h3><span>🍱</span> A fine casual version of the amazing <a href="http://www.doubleknotphilly.com/photos-1/" target="_blank">Double Knot</a> restaurant in Philadelphia</h3>
<p>Custom squarespace (<a href="https://developers.squarespace.com/quick-start">yes, that's a thing</a>) theme</p>
<a href="https://www.eatyour.fish/" target="_blank">https://www.eatyour.fish/</a>
</section>
<section>
<h3><span>💎</span> Online store for a boutique jewler</h3>
<p>Cohere | Shopify</p>
<a href="https://dandelionjewelry.com/" target="_blank">https://dandelionjewelry.com/</a>
</section>
<section>
<h3><span>🏗</span> A large apartment complex in the Baltimore area</h3>
<p>Cohere | A static page while the building is under construction.</p>
<a href="http://335bala.com/" target="_blank">http://335bala.com/</a>
<a href="https://dribbble.com/shots/4015448-Residential-Splash-Page" target="_blank">preview.gif</a>
</section>
<section>
<h3><span>💃</span> Columbian inspired fashion brand</h3>
<p>Cohere | Wordpress site</p>
<a href="https://americae.com/" target="_blank">https://americae.com/</a>
<a href="https://dribbble.com/shots/3799668-featured-posts-from-a-fashion-blog" target="_blank">preview.gif</a>
</section>
<section>
<h3><span>👩🏻</span> Nonprofit organization empowering people to take action and support equal opportunity efforts.</h3>
<p>Cohere | Wordpress site led by <a href="http://tylerjordandesign.com/">Tyler Jordan</a></p>
<a href="https://womensway.org/" target="_blank">https://womensway.org/</a>
</section>
<section class="important">
<h3><span>💸</span> Economic development campaign for the city of Alexandria, that contributed to winning the 2018 <a href="https://growalx.com/2018/11/amazonhq2-vtinnovationcampus/" target="_blank">Amazon HQ2 bid</a>.</h3>
<p>Cohere | Wordpress site</p>
<a href="https://growalx.com/" target="_blank">https://growalx.com/</a>
<a href="https://imgur.com/a/wQkI9FD" target="_blank">preview.gif</a>
</section>
<div class="title">
<h4>2016</h4>
</div>
<section>
<h3><span>🔪</span> Mad-lib style murder mystery game</h3>
<p>Drexel University | Jekyll static generator</p>
<a href="https://tatimblin.github.io/murder-mystery/" target="_blank">Game</a>
</section>
<section>
<h3><span>🐶</span> Ecommerce front-end for the countries first animal shelter</h3>
<p>Drexel University | Jekyll static generator</p>
<a href="https://tatimblin.github.io/morris-jekyll/" target="_blank">Demo site</a>
</section>
<footer>
View this single html file on <a href="https://github.com/tatimblin/site-list/blob/master/index.html" target="_blank">github</a>.
</footer>
</body>
</html>
You can’t perform that action at this time.