From 81adac9ee65473b8f689698db9451c8ec7640e92 Mon Sep 17 00:00:00 2001 From: Jason Cypret Date: Wed, 16 May 2018 09:29:00 -0500 Subject: [PATCH] Site updated to a051f4b --- .ruby-version | 1 - apple-touch-icon.png | Bin 0 -> 1063 bytes atomic-design-the-sassy-way/index.html | 14 +- images/NitroCasino-2-fed78e58.jpg | Bin 0 -> 74852 bytes images/NitroCreate-d202cbad.jpg | Bin 0 -> 269851 bytes images/bloomboard/fun.JPG | Bin 0 -> 276427 bytes images/bloomboard/papers-f97119cb.jpg | Bin 0 -> 1440897 bytes images/bloomboard/sightglass.JPG | Bin 0 -> 1588925 bytes images/jason-party-bb66c2aa.png | Bin 0 -> 131745 bytes images/power-logo-d011500b.svg | 20 + images/power-logo-da9111c9.png | Bin 0 -> 3019 bytes index.html | 2 +- javascripts/all-8fbf35e7.js | 700 ++++++++++++++++++ javascripts/all-da39a3ee.js | 0 launching-my-blog/index.html | 6 +- my-journey-from-dad-bod-to-hot-rod/index.html | 16 +- resume/index.html | 2 +- .../{all-47357340.css => all-75b23361.css} | 2 +- tag/index.html | 2 +- the-squint-test/index.html | 10 +- work/bloomboard/index.html | 7 + work/index.html | 2 +- 22 files changed, 755 insertions(+), 29 deletions(-) delete mode 100644 .ruby-version create mode 100644 apple-touch-icon.png create mode 100644 images/NitroCasino-2-fed78e58.jpg create mode 100644 images/NitroCreate-d202cbad.jpg create mode 100644 images/bloomboard/fun.JPG create mode 100644 images/bloomboard/papers-f97119cb.jpg create mode 100644 images/bloomboard/sightglass.JPG create mode 100644 images/jason-party-bb66c2aa.png create mode 100644 images/power-logo-d011500b.svg create mode 100644 images/power-logo-da9111c9.png create mode 100644 javascripts/all-8fbf35e7.js delete mode 100644 javascripts/all-da39a3ee.js rename stylesheets/{all-47357340.css => all-75b23361.css} (93%) create mode 100644 work/bloomboard/index.html diff --git a/.ruby-version b/.ruby-version deleted file mode 100644 index cb50681..0000000 --- a/.ruby-version +++ /dev/null @@ -1 +0,0 @@ -2.0.0-p247 diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..0f1ae8eeb8f8ae75abd9f78b42ecf8803580a2aa GIT binary patch literal 1063 zcmV+?1laqDP)XL9v7YbN>HGHn|NsC0|Nj5}*7)v&>&nIU=KcTv z=KJ-S?$krzuRGtYYv;g^?ay@R#AD{Y)A;QB{{HX$__y=mQscJ9_UHQk{rvy_y!7Ks z;dE~6 z{x{yL!S&^}^WZ?>t~lSTz4YU_^WpUU`ri8SmhRI%->t3k+&SN?^Zoj}^x{9@uGsnR zfL*cJ4-KRm|ukHNz&G+hy?9RXSiqVO?awvds(0zd z?ELq#^4?(OyN&G6R^+#)@!8_~^X~lk&iCq=?$cZ3x;WpeT;#f!?$co9yiVe@tMS`= z>Bn2-xvcWscIm}Y>V zGLTkQQB{K)%dD=UsilVG21aciT{%5{US=@Iz!0P!1dL=Mw6TdPST(bmxrLmil{H)| zi;XQT)?wcsi&_ z2AWtKQHSEvf_fGPM)n3}WWmO!?0i|d<`#H_GPdTU2S}TAJ2-aZ>^jh;Qaihll3#Zd zvYc#BZ=VP=#62P{f;}h^)zcr0oN`$vOq>Lb59P^IrcRrVNSln)XUr^^40Uu#OwcS5 zlqAo<*fqN~AV^Sf&dj;LBXJ@3l_R#<~eYlWM%|XEEsYu5J^IL hbrg((Q7{VV3ILOAbyRHVDA51_002ovPDHLkV1hp3YrOyf literal 0 HcmV?d00001 diff --git a/atomic-design-the-sassy-way/index.html b/atomic-design-the-sassy-way/index.html index 384e958..2a423d0 100644 --- a/atomic-design-the-sassy-way/index.html +++ b/atomic-design-the-sassy-way/index.html @@ -1,4 +1,4 @@ -Atomic Design the Sassy Way

Atomic Design the Sassy Way

Atomic design and Sass...the perfect pair.

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.

+}

Atomic Design the Sassy Way

Atomic design and Sass...the perfect pair.

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.

Writing Sass the atomic way

@@ -203,21 +203,21 @@

Breaking bad

Page:

-

Image%202016 06 07%20at%2010.40.03%20am +

Image%202016 06 07%20at%2010.40.03%20am Page level overrides. Should be fairly small, but used for orchestration of all elements.

Organism:

-

Image%202016 06 07%20at%2010.34.25%20am +

Image%202016 06 07%20at%2010.34.25%20am Reusable and can be dropped on any page. Great examples are lists, galleries, and results.

Molecule:

-

Image%202016 06 07%20at%2010.39.11%20am

+

Image%202016 06 07%20at%2010.39.11%20am

Atoms:

-

Image%202016 06 07%20at%2010.37.51%20am

+

Image%202016 06 07%20at%2010.37.51%20am

Foreach/while statements are a great indicator that a organisms and molecules are needed. Typically the parent of the “foreach” is the organism and the “loop” is a molecule.

@@ -368,7 +368,7 @@

Mixins variables and others

.my-molecule // local variable (might want to encapsulate in a class) $mobile-card-height: 175px -

Deep UX / User research

Initial site launch

mc's

Cross team style guide (Atomic Design)

programs

Component based style guide (CSS Modules BBUI)

Prototype next big thing from bloomboard

\ No newline at end of file diff --git a/work/index.html b/work/index.html index aef7252..12e383f 100644 --- a/work/index.html +++ b/work/index.html @@ -1,4 +1,4 @@ -Jason Cypret

Unsorted Screens of Work