added work placeholder

jasoncypret · Feb 28, 2017 · fbdfb11 · fbdfb11
1 parent 4a60bff
commit fbdfb11
Show file tree

Hide file tree

Showing 53 changed files with 19 additions and 12 deletions.
diff --git a/atomic-design-the-sassy-way/index.html b/atomic-design-the-sassy-way/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><!--[if lt IE 7] <html class="no-js lt-ie9 lt-ie8 lt-ie7"--><!--[if IE 7] <html class="no-js lt-ie9 lt-ie8"--><!--[if IE 8] <html class="no-js lt-ie9"--><!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]--><head><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><title>Atomic Design the Sassy Way</title><meta content="" name="description" /><meta content="user-scalable=0, initial-scale=1.0" name="viewport" /><meta content="#00a300" name="msapplication-TileColor" /><meta content="../mstile-144x144.png" name="msapplication-TileImage" /><link href="../stylesheets/all-6531b608.css" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /><link href="apple-touch-icon-152x152-precomposed.png" rel="apple-touch-icon-precomposed" sizes="152x152" /><link href="apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" /><link href="apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" /><link href="apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" /><link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" /><link href="favicon.png" rel="shortcut icon" /><link href="favicon.ico" rel="icon" type="image/ico" /><style rel="stylesheet" type="text/css">.highlight table td { padding: 5px; }
+<!DOCTYPE html><!--[if lt IE 7] <html class="no-js lt-ie9 lt-ie8 lt-ie7"--><!--[if IE 7] <html class="no-js lt-ie9 lt-ie8"--><!--[if IE 8] <html class="no-js lt-ie9"--><!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]--><head><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><title>Atomic Design the Sassy Way</title><meta content="" name="description" /><meta content="user-scalable=0, initial-scale=1.0" name="viewport" /><meta content="#00a300" name="msapplication-TileColor" /><meta content="../mstile-144x144.png" name="msapplication-TileImage" /><link href="../stylesheets/all-47357340.css" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /><link href="apple-touch-icon-152x152-precomposed.png" rel="apple-touch-icon-precomposed" sizes="152x152" /><link href="apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" /><link href="apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" /><link href="apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" /><link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" /><link href="favicon.png" rel="shortcut icon" /><link href="favicon.ico" rel="icon" type="image/ico" /><style rel="stylesheet" type="text/css">.highlight table td { padding: 5px; }
 .highlight table pre { margin: 0; }
 .highlight {
   color: #faf6e4;
@@ -161,7 +161,7 @@
 .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi {
   color: #a8e1fe;
   font-weight: bold;
-}</style></head><body class="article atomic-design-the-sassy-way atomic-design-the-sassy-way_index"><header class="post-header no-image" style=""><div class="wrap"><div class="nav"><a class="avatar" href="/"></a><ul class="menu"><li><a href="../resume/" class="menu-item">resume</a></li></ul></div><h1 class="article-title"><a href="/atomic-design-the-sassy-way/">Atomic Design the Sassy Way</a></h1><div class="article-summary">Atomic design and Sass...the perfect pair.</div><small class="article-date">February 26, 2017</small></div></header><article class="post-content"><p>I wrote this awhile ago for the folks at BloomBoard. UX, Design, and Dev all owned the styles so good collaboration and thought around how to break things down was key to keeping our code maintainable. Over the years we became even more dilligent about how to break apart pieces, and this article was the kickstarter.</p>
+}</style></head><body class="article atomic-design-the-sassy-way atomic-design-the-sassy-way_index"><header class="post-header no-image" style=""><div class="wrap"><div class="nav"><a class="avatar" href="/"></a><ul class="menu"><li><a href="../resume/" class="menu-item resume">resume</a></li><li><a href="../work/" class="menu-item work">work</a></li></ul></div><h1 class="article-title"><a href="/atomic-design-the-sassy-way/">Atomic Design the Sassy Way</a></h1><div class="article-summary">Atomic design and Sass...the perfect pair.</div><small class="article-date">February 26, 2017</small></div></header><article class="post-content"><p>I wrote this awhile ago for the folks at BloomBoard. UX, Design, and Dev all owned the styles so good collaboration and thought around how to break things down was key to keeping our code maintainable. Over the years we became even more dilligent about how to break apart pieces, and this article was the kickstarter.</p>
 
 <h1>Writing Sass the atomic way</h1>
 

diff --git a/images/work/adjust_margin_teaser-159dfecc.png b/images/work/adjust_margin_teaser-159dfecc.png
diff --git a/images/work/adt_iphone_expanded_teaser-5b4fb901.png b/images/work/adt_iphone_expanded_teaser-5b4fb901.png
diff --git a/images/work/adt_iphone_teaser-25191750.png b/images/work/adt_iphone_teaser-25191750.png
diff --git a/images/work/adt_mobile_sm_teaser-a4de8044.png b/images/work/adt_mobile_sm_teaser-a4de8044.png
diff --git a/images/work/bloom_1x-3b193d12.png b/images/work/bloom_1x-3b193d12.png
diff --git a/images/work/bloom_teaser-6cbf0281.png b/images/work/bloom_teaser-6cbf0281.png
diff --git a/images/work/brainspace-dribbble_teaser-86cca5ef.png b/images/work/brainspace-dribbble_teaser-86cca5ef.png
diff --git a/images/work/[email protected] b/images/work/[email protected]
diff --git a/images/work/christmas_card_teaser-dbb4c238.png b/images/work/christmas_card_teaser-dbb4c238.png
diff --git a/images/work/dashboard_responsive_teaser-59ece382.png b/images/work/dashboard_responsive_teaser-59ece382.png
diff --git a/images/work/document_icons_teaser-5c63e028.png b/images/work/document_icons_teaser-5c63e028.png
diff --git a/images/work/draft_teaser-123925d3.png b/images/work/draft_teaser-123925d3.png
diff --git a/images/work/dribbble-shirt-green-dribbble_teaser-a27f7fdc.png b/images/work/dribbble-shirt-green-dribbble_teaser-a27f7fdc.png
diff --git a/images/work/expressionui_teaser-339d5d11.png b/images/work/expressionui_teaser-339d5d11.png
diff --git a/images/work/front_desk_forms_preview_teaser-a1630f11.png b/images/work/front_desk_forms_preview_teaser-a1630f11.png
diff --git a/images/work/got_skills-2_teaser-601e43b2.jpg b/images/work/got_skills-2_teaser-601e43b2.jpg
diff --git a/images/work/happy-40th_teaser-5bb601a9.jpg b/images/work/happy-40th_teaser-5bb601a9.jpg
diff --git a/images/work/instaapp_teaser-960c36f0.png b/images/work/instaapp_teaser-960c36f0.png
diff --git a/images/work/nav_teaser-82fddbe7.png b/images/work/nav_teaser-82fddbe7.png
diff --git a/images/work/pagebreak_teaser-787d0cf9.png b/images/work/pagebreak_teaser-787d0cf9.png
diff --git a/images/work/profile_teaser-27912e53.png b/images/work/profile_teaser-27912e53.png
diff --git a/images/work/saved-payments_teaser-b66354a7.png b/images/work/saved-payments_teaser-b66354a7.png
diff --git a/images/work/screen_shot_2011-07-22_at_1.39.16_pm_teaser-996fa9e5.png b/images/work/screen_shot_2011-07-22_at_1.39.16_pm_teaser-996fa9e5.png
diff --git a/images/work/screen_shot_2011-07-22_at_1.43.37_pm_teaser-651e8970.png b/images/work/screen_shot_2011-07-22_at_1.43.37_pm_teaser-651e8970.png
diff --git a/images/work/screen_shot_2011-07-22_at_9.02.12_am_teaser-51642cd4.png b/images/work/screen_shot_2011-07-22_at_9.02.12_am_teaser-51642cd4.png
diff --git a/images/work/screen_shot_2013-07-23_at_9.39.30_am_teaser-a9f3b73a.png b/images/work/screen_shot_2013-07-23_at_9.39.30_am_teaser-a9f3b73a.png
diff --git a/images/work/shot_1284144252_teaser-f0ee8c0c.jpg b/images/work/shot_1284144252_teaser-f0ee8c0c.jpg
diff --git a/images/work/shot_1288199379_teaser-6123c79a.png b/images/work/shot_1288199379_teaser-6123c79a.png
diff --git a/images/work/shot_1289573031_teaser-e01cd7bb.jpg b/images/work/shot_1289573031_teaser-e01cd7bb.jpg
diff --git a/images/work/shot_1297790820_teaser-d5075046.jpg b/images/work/shot_1297790820_teaser-d5075046.jpg
diff --git a/images/work/site_demo_1_teaser-47eb4401.png b/images/work/site_demo_1_teaser-47eb4401.png
diff --git a/images/work/taskk-dashboard_teaser-763b569a.png b/images/work/taskk-dashboard_teaser-763b569a.png
diff --git a/images/work/taskk-onboarding_teaser-2f9b6022.png b/images/work/taskk-onboarding_teaser-2f9b6022.png
diff --git a/images/work/taskk_001_teaser(1)-29a57829.png b/images/work/taskk_001_teaser(1)-29a57829.png
diff --git a/images/work/taskk_001_teaser-85537ce0.png b/images/work/taskk_001_teaser-85537ce0.png
diff --git a/images/work/taskk_003_teaser-1508d2dc.png b/images/work/taskk_003_teaser-1508d2dc.png
diff --git a/images/work/taskk_account_teaser-4f8d6105.png b/images/work/taskk_account_teaser-4f8d6105.png
diff --git a/images/work/taskk_branding_teaser-a6ca7bab.png b/images/work/taskk_branding_teaser-a6ca7bab.png
diff --git a/images/work/taskk_iphone_teaser-cee74844.png b/images/work/taskk_iphone_teaser-cee74844.png
diff --git a/images/work/taskk_manage_teaser-3118109f.png b/images/work/taskk_manage_teaser-3118109f.png
diff --git a/images/work/taskk_shelf_teaser-1d7e4267.png b/images/work/taskk_shelf_teaser-1d7e4267.png
diff --git a/images/work/taskk_teaser-877d626b.png b/images/work/taskk_teaser-877d626b.png
diff --git a/images/work/time-lid_teaser-b28b0e75.png b/images/work/time-lid_teaser-b28b0e75.png
diff --git a/images/work/time_teaser-1a248e8a.png b/images/work/time_teaser-1a248e8a.png
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><!--[if lt IE 7] <html class="no-js lt-ie9 lt-ie8 lt-ie7"--><!--[if IE 7] <html class="no-js lt-ie9 lt-ie8"--><!--[if IE 8] <html class="no-js lt-ie9"--><!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]--><head><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><title>Jason Cypret</title><meta content="" name="description" /><meta content="user-scalable=0, initial-scale=1.0" name="viewport" /><meta content="#00a300" name="msapplication-TileColor" /><meta content="mstile-144x144.png" name="msapplication-TileImage" /><link href="stylesheets/all-6531b608.css" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /><link href="apple-touch-icon-152x152-precomposed.png" rel="apple-touch-icon-precomposed" sizes="152x152" /><link href="apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" /><link href="apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" /><link href="apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" /><link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" /><link href="favicon.png" rel="shortcut icon" /><link href="favicon.ico" rel="icon" type="image/ico" /></head><body class="index"><div class="main"><div class="wrap"><div class="nav"><a class="avatar" href="/"></a><ul class="menu"><li><a href="resume/" class="menu-item">resume</a></li></ul></div><div class="avatar"></div><h1>Jason Cypret</h1><p class="desc">Full Stack Entrepreneur, UX and Product at <a href="http://bloomboard.com">BloomBoard</a>. Founder of <a href="http://boxboard.io">BoxBoard</a>, Creator of <a href="http://expressionui.com">expressionui</a>, Co-Founder at <a href="http://taskk.it">Taskk</a>.</p><ul class="links"><li class="tweet"><a class="icon" href="http://twitter.com/JasonCypret">T</a></li><li class="git"><a class="icon" href="http://github.com/jasoncypret">2</a></li><li class="drib"><a class="icon" href="http://dribbble.com/jasoncypret">3</a></li><li class="pin"><a class="icon" href="http://www.pinterest.com/jasoncypret/">5</a></li></ul><div class="icon more rotate_left fadeIn">-</div></div></div><a class="bb-splash" href="https://boxboard.io"></a><div class="section"><div class="resume"><div class="center"><img src="images/resume-f1c54bb6.png" class="resume-img" width="212" height="292" alt="Resume" /><div class="buttons"><h3 class="serif">I'm Avaliable</h3><a href="resume/" class="golden-btn">Check out my resume</a></div></div></div></div><div class="blog-articles"><article class="blog-article first"><h1 class="article-title"><a href="/atomic-design-the-sassy-way/">Atomic Design the Sassy Way</a></h1><div class="article-summary">Atomic design and Sass...the perfect pair.</div><small class="article-date">February 26, 2017</small></article><article class="blog-article "><a class="article-image" href="/my-journey-from-dad-bod-to-hot-rod/" style="background-image: url(my-journey-from-dad-bod-to-hot-rod/address-the-bar-9bbaa17f.jpg)"></a><h1 class="article-title"><a href="/my-journey-from-dad-bod-to-hot-rod/">From Dad Bod to Hot Rod</a></h1><div class="article-summary">I started down the Paleo path. Kelly, my wife, thought I was crazy.</div><small class="article-date">January  4, 2016</small></article><article class="blog-article "><a class="article-image" href="/the-squint-test/" style="background-image: url(the-squint-test/blur-ff44edd0.png)"></a><h1 class="article-title"><a href="/the-squint-test/">The Squint Test</a></h1><div class="article-summary">Am I the only one doing this? Let's talk about defocus, squiting, pattern recongition, contrast, and consistancy</div><small class="article-date">October  1, 2015</small></article><article class="blog-article "><a class="article-image" href="/launching-my-blog/" style="background-image: url(launching-my-blog/omg-f0d43ac0.gif)"></a><h1 class="article-title"><a href="/launching-my-blog/">Re-Launching My Blog</a></h1><div class="article-summary">OMG! I'm blogging again! Well, maybe it's not that big of a deal, but I'm excited.</div><small class="article-date">September 23, 2015</small></article></div></body><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+<!DOCTYPE html><!--[if lt IE 7] <html class="no-js lt-ie9 lt-ie8 lt-ie7"--><!--[if IE 7] <html class="no-js lt-ie9 lt-ie8"--><!--[if IE 8] <html class="no-js lt-ie9"--><!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]--><head><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><title>Jason Cypret</title><meta content="" name="description" /><meta content="user-scalable=0, initial-scale=1.0" name="viewport" /><meta content="#00a300" name="msapplication-TileColor" /><meta content="mstile-144x144.png" name="msapplication-TileImage" /><link href="stylesheets/all-47357340.css" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /><link href="apple-touch-icon-152x152-precomposed.png" rel="apple-touch-icon-precomposed" sizes="152x152" /><link href="apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144" /><link href="apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114" /><link href="apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72" /><link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" /><link href="favicon.png" rel="shortcut icon" /><link href="favicon.ico" rel="icon" type="image/ico" /></head><body class="index"><div class="main"><div class="wrap"><div class="nav"><a class="avatar" href="/"></a><ul class="menu"><li><a href="resume/" class="menu-item resume">resume</a></li><li><a href="work/" class="menu-item work">work</a></li></ul></div><div class="avatar"></div><h1>Jason Cypret</h1><p class="desc">Full Stack Entrepreneur, UX and Product at <a href="http://bloomboard.com">BloomBoard</a>. Founder of <a href="http://boxboard.io">BoxBoard</a>, Creator of <a href="http://expressionui.com">expressionui</a>, Co-Founder at <a href="http://taskk.it">Taskk</a>.</p><ul class="links"><li class="tweet"><a class="icon" href="http://twitter.com/JasonCypret">T</a></li><li class="git"><a class="icon" href="http://github.com/jasoncypret">2</a></li><li class="drib"><a class="icon" href="http://dribbble.com/jasoncypret">3</a></li><li class="pin"><a class="icon" href="http://www.pinterest.com/jasoncypret/">5</a></li></ul><div class="icon more rotate_left fadeIn">-</div></div></div><a class="bb-splash" href="https://boxboard.io"></a><div class="section"><div class="resume"><div class="center"><img src="images/resume-f1c54bb6.png" class="resume-img" width="212" height="292" alt="Resume" /><div class="buttons"><h3 class="serif">I'm Avaliable</h3><a href="resume/" class="golden-btn">Check out my resume</a></div></div></div><div class="work"><a href="work/" class="clasy"><div class="header-subtitle pink">Latest Dribbble Posts</div><img src="images/work/taskk-onboarding_teaser-2f9b6022.png" width="200" height="150" alt="Taskk onboarding teaser" /><img src="images/work/taskk_iphone_teaser-cee74844.png" width="200" height="150" alt="Taskk iphone teaser" /><img src="images/work/taskk_manage_teaser-3118109f.png" width="200" height="150" alt="Taskk manage teaser" /><img src="images/work/taskk-dashboard_teaser-763b569a.png" width="200" height="150" alt="Taskk dashboard teaser" /><img src="images/work/front_desk_forms_preview_teaser-a1630f11.png" width="200" height="150" alt="Front desk forms preview teaser" /><img src="images/work/profile_teaser-27912e53.png" width="200" height="150" alt="Profile teaser" /></a></div></div><div class="blog-articles"><div class="header-subtitle">Latest Blog Posts</div><article class="blog-article first"><h1 class="article-title"><a href="/atomic-design-the-sassy-way/">Atomic Design the Sassy Way</a></h1><div class="article-summary">Atomic design and Sass...the perfect pair.</div><small class="article-date">February 26, 2017</small></article><article class="blog-article "><a class="article-image" href="/my-journey-from-dad-bod-to-hot-rod/" style="background-image: url(my-journey-from-dad-bod-to-hot-rod/address-the-bar-9bbaa17f.jpg)"></a><h1 class="article-title"><a href="/my-journey-from-dad-bod-to-hot-rod/">From Dad Bod to Hot Rod</a></h1><div class="article-summary">I started down the Paleo path. Kelly, my wife, thought I was crazy.</div><small class="article-date">January  4, 2016</small></article><article class="blog-article "><a class="article-image" href="/the-squint-test/" style="background-image: url(the-squint-test/blur-ff44edd0.png)"></a><h1 class="article-title"><a href="/the-squint-test/">The Squint Test</a></h1><div class="article-summary">Am I the only one doing this? Let's talk about defocus, squiting, pattern recongition, contrast, and consistancy</div><small class="article-date">October  1, 2015</small></article><article class="blog-article "><a class="article-image" href="/launching-my-blog/" style="background-image: url(launching-my-blog/omg-f0d43ac0.gif)"></a><h1 class="article-title"><a href="/launching-my-blog/">Re-Launching My Blog</a></h1><div class="article-summary">OMG! I'm blogging again! Well, maybe it's not that big of a deal, but I'm excited.</div><small class="article-date">September 23, 2015</small></article></div></body><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');