282 grind-it-right/index.html
View file

Large diffs are not rendered by default.

286 index.html
View file
@@ -1,4 +1,4 @@
<!DOCTYPE HTML><html class="exporting wf-loading"><head><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><title>Shitty Coffee Co. - Shitty Coffee</title><link href="rss.xml" title="Shitty Coffee Co. feed" rel="alternate" type="application/rss+xml"/><meta name="generator" content="The Grid taylor/0.16.25"><meta name="the-grid-solution" content="49659aad-c3fc-4782-86f6-04fb2e855386"><style href="./css/scale/mini.css" media="(max-width: 19.9376em)" rel="stylesheet">@media (max-width: 15.625em){html{font-size:3.09375em !important}}
<!DOCTYPE HTML><html class="exporting wf-loading"><head><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><title>Shitty Coffee Co. - Shitty Coffee</title><link href="rss.xml" title="Shitty Coffee Co. feed" rel="alternate" type="application/rss+xml"/><meta name="generator" content="The Grid taylor/0.17.3"><meta name="the-grid-solution" content="2978513f-f813-4eb8-8101-80ad93829a63"><style href="./css/scale/mini.css" media="(max-width: 19.9376em)" rel="stylesheet">@media (max-width: 15.625em){html{font-size:3.09375em !important}}
@media (min-width: 15.6875em)and (max-width: 15.75em){ html{font-size:3.28125em !important}}
@media (min-width: 15.8125em)and (max-width: 16.25em){ html{font-size:3.375em !important}}
@media (min-width: 16.3125em)and (max-width: 16.6875em){html{font-size:3.46875em !important}}
@@ -202,6 +202,14 @@
}
.stack {
z-index: 1;
transition: transform 0.3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
}
.group,
.aside,
.decoration {
transition: transform 0.3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
}
picture {
display: inline-block;
@@ -250,6 +258,9 @@
transition: color 0.1s ease-in, background-color 0.1s ease-out;
-webkit-transition: color 0.1s ease-in, background-color 0.1s ease-out;
}
a.aside {
display: inline-block;
}
html.exporting a {
transition: none;
}
@@ -259,12 +270,22 @@
.media > a {
display: inline-block;
}
.media iframe {
transition: 0.3s opacity ease-in;
-webkit-transition: 0.3s opacity ease-in;
}
h1 a,
h2 a,
h3 a {
font-weight: inherit;
letter-spacing: inherit;
}
a {
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-moz-box-decoration-break: clone;
box-decoration-break: clone;
}
.text-decoration {
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
@@ -277,37 +298,51 @@
margin-left: 1.5em;
}
.decoration {
position: relative;
pointer-events: none;
}
.svg {
position: relative;
background-color: currentColor;
}
.decoration > svg {
.svg > svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.decoration.connector > svg {
.svg.connector > svg {
width: 109%;
height: 109%;
margin-left: -2%;
}
.decoration path,
.decoration ellipse,
.decoration rect,
.decoration polygon,
.decoration circle {
.svg path,
.svg ellipse,
.svg rect,
.svg polygon,
.svg circle {
fill: currentColor;
}
.decoration mpath,
.decoration line,
.decoration polyline {
.svg mpath,
.svg line,
.svg polyline {
stroke: currentColor;
}
.svg.decoration {
.svg {
background-color: transparent;
}
.revealed .play.svg:after {
display: block;
width: 40px;
height: 40px;
top: 50%;
left: 50%;
position: absolute;
margin-top: -20px;
margin-left: -20px;
background-color: currentColor;
content: "";
}
.colors-style-aside-border .publisher,
.colors-style-aside-border .author {
padding: .4vw .6vw;
@@ -447,6 +482,7 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d:before{}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual { text-align: center; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.paragraph { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.quote { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual{opacity: 1; font-size: 0.164rem; line-height: 0.244rem; height: 8.134rem; width: 4.324rem; position: absolute; top: 0rem; left: 0rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 3.844rem; position: absolute; top: 4.274rem; left: 0.244rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 3.364rem; position: absolute; left: 0.754rem; top: 0.244rem;}
@@ -457,10 +493,10 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote { color: rgb(10, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual .text-decoration { background-color: rgba(242, 242, 242, 0.701961); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(244, 244, 244), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(102, 61, 0), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a { color: rgb(145, 89, 8); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:hover { color: rgb(0, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:active { color: rgb(0, 0, 0); }
@@ -530,6 +566,7 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d:before{}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual { text-align: center; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.paragraph { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.quote { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual{opacity: 1; font-size: 0.164rem; line-height: 0.244rem; height: 5.884rem; width: 6.484rem; position: absolute; top: 0rem; left: 0rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 5.764rem; position: absolute; top: 3.344rem; left: 0.364rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 5.214rem; position: absolute; left: 0.924rem; top: 0.364rem;}
@@ -540,10 +577,10 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote { color: rgb(10, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual .text-decoration { background-color: rgba(242, 242, 242, 0.701961); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(244, 244, 244), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(102, 61, 0), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a { color: rgb(145, 89, 8); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:hover { color: rgb(0, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:active { color: rgb(0, 0, 0); }
@@ -608,6 +645,7 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d:before{}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual { text-align: center; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.paragraph { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.quote { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual{opacity: 1; font-size: 0.164rem; line-height: 0.244rem; height: 8.304rem; width: 8.644rem; position: absolute; top: 0rem; left: 0rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 3.844rem; position: absolute; left: 2.404rem; top: 4.204rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 3.844rem; position: absolute; left: 2.694rem; top: 0.484rem;}
@@ -618,10 +656,10 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote { color: rgb(10, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual .text-decoration { background-color: rgba(242, 242, 242, 0.701961); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(244, 244, 244), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(102, 61, 0), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a { color: rgb(145, 89, 8); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:hover { color: rgb(0, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:active { color: rgb(0, 0, 0); }
@@ -687,6 +725,7 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d:before{}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual { text-align: center; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.paragraph { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.quote { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual{opacity: 1; font-size: 0.164rem; line-height: 0.244rem; height: 7.364rem; width: 12.964rem; position: absolute; top: 0rem; left: 0rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 5.764rem; position: absolute; left: 3.604rem; top: 4.464rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote{font-size: 0.244rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.364rem; width: 5.764rem; position: absolute; left: 3.924rem; top: 1.784rem;}
@@ -697,10 +736,10 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote { color: rgb(10, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual .text-decoration { background-color: rgba(242, 242, 242, 0.701961); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(244, 244, 244), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(102, 61, 0), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a { color: rgb(145, 89, 8); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:hover { color: rgb(0, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:active { color: rgb(0, 0, 0); }
@@ -766,6 +805,7 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d:before{}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual { text-align: center; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.paragraph { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.quote { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual{opacity: 1; font-size: 0.204rem; line-height: 0.304rem; height: 9.204rem; width: 16.204rem; position: absolute; top: 0rem; left: 0rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph{font-size: 0.304rem; padding-left: 0.104rem; padding-right: 0.104rem; line-height: 0.454rem; width: 7.204rem; position: absolute; left: 4.504rem; top: 5.584rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote{font-size: 0.304rem; padding-left: 0.104rem; padding-right: 0.104rem; line-height: 0.454rem; width: 7.204rem; position: absolute; left: 4.894rem; top: 2.234rem;}
@@ -776,10 +816,10 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote { color: rgb(10, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual .text-decoration { background-color: rgba(242, 242, 242, 0.701961); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(244, 244, 244), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(102, 61, 0), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a { color: rgb(145, 89, 8); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:hover { color: rgb(0, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:active { color: rgb(0, 0, 0); }
@@ -845,6 +885,7 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d:before{}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual { text-align: center; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.paragraph { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d >.group.textual >.text.quote { }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual{opacity: 1; font-size: 0.154rem; line-height: 0.234rem; height: 9.214rem; width: 16.204rem; position: absolute; top: 0rem; left: 0rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph{font-size: 0.234rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.344rem; width: 7.204rem; position: absolute; left: 4.504rem; top: 6.594rem;}
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote#u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote{font-size: 0.234rem; padding-left: 0.084rem; padding-right: 0.084rem; line-height: 0.344rem; width: 7.204rem; position: absolute; left: 4.824rem; top: 4.694rem;}
@@ -855,10 +896,10 @@
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.paragraph a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote { color: rgb(10, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a { color: rgb(214, 162, 85); text-shadow: rgb(255, 155, 0) 0px 1px 0px; }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual > .text.quote a:hover { color: rgb(148, 143, 143); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .group.textual .text-decoration { background-color: rgba(242, 242, 242, 0.701961); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(244, 244, 244), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d .media.cover { background-image: linear-gradient(rgb(102, 61, 0), rgb(255, 155, 0)); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a { color: rgb(145, 89, 8); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:hover { color: rgb(0, 0, 0); }
#u-81c18e2b-8192-408d-96d9-1f5fce96a82d#u-81c18e2b-8192-408d-96d9-1f5fce96a82d a:active { color: rgb(0, 0, 0); }
@@ -908,7 +949,7 @@
</g>
</g>
</g>
</svg></div></article><article subject="feature" class="col-1 export-linebreaks not_decorated color_adjust_overlay color_styles_sheer_bg color_schema_default stack_transparency_off v_emphasis_none h_emphasis_none group_overlap_none stack_v_outset_none stack_v_inset_small stack_h_outset_none stack_h_inset_small stack_h_align_stretch uninverted vertical fullscreen_first full aspect_natural line_padding_aside_inside text_width_normal group_h_align_none text_align_center flow_unreversed group_v_outset_none group_v_inset_small group_h_outset_none group_h_inset_small flow_vertical font_size_large feature stack bg_textual i first_feature last_feature textual w_cover w_media w_paragraph w_text w_decoration w_quote w_medium_paragraph w_medium_text w_medium_quote w_icon media_gte_narrow media_gte_half media_lt_wide media_lt_full media_landscape crop_true stack bg_textual" itemid="81c18e2b-8192-408d-96d9-1f5fce96a82d" itemtype="intro" diff_index="6" index="bg_textual" kind="stack" score="5.5" missed="0.5" tag="article" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d"><div kind="group" index="textual" class="group textual group textual" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual"><div kind="text" index="paragraph" class="text-decoration medium medium_paragraph medium_text text paragraph vfld-trailer text paragraph" itemprop="text" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph"><p><span class="first-letter">T</span>oday we're going to cover step <wbr class="w480 w960"></wbr>one after opening <wbr class="w481 w961 w1799"></wbr>the bag of<wbr class="w480 w960"></wbr> beans. <wbr class="w1800"></wbr>Yes, beans. We're not going <wbr class="w480 w960"></wbr>to let <wbr class="w481 w961 w1799"></wbr>that dude or dudette that <wbr class="w480 w960"></wbr>sold you <wbr class="w1800"></wbr>a pound of your <wbr class="w481 w961 w1799"></wbr>favorite <wbr class="w480 w960"></wbr>roast grind that shit down making <wbr class="w480 w960"></wbr>those <wbr class="w1800"></wbr>bits <wbr class="w481 w961 w1799"></wbr>of brown gold loose not <wbr class="w480 w960"></wbr>only their luster but the all <wbr class="w480 w481 w960 w961 w1799"></wbr>important <wbr class="w1800"></wbr>humidity that each bean <wbr class="w480 w960"></wbr>holds. </p></div><blockquote kind="text" index="quote" class="text-decoration medium medium_quote medium_text text quote vfld-leader text quote" specificity="0.25" itemprop="quote" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote"><div kind="decoration" index="icon" class="decoration icon decoration icon svg" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote-d-icon-cinema"><?xml version="1.0" encoding="utf-8"?>
</svg></div></article><article subject="feature" class="col-1 export-linebreaks not_decorated color_adjust_overlay color_styles_sheer_bg color_schema_default stack_transparency_off v_emphasis_none h_emphasis_none group_overlap_none stack_v_outset_none stack_v_inset_small stack_h_outset_none stack_h_inset_small stack_h_align_stretch uninverted vertical fullscreen_first full aspect_natural line_padding_aside_inside text_width_normal group_h_align_none text_align_center flow_unreversed group_v_outset_none group_v_inset_small group_h_outset_none group_h_inset_small flow_vertical font_size_large feature stack bg_textual i first_feature last_feature textual w_cover w_media w_paragraph w_text w_decoration w_quote w_medium_paragraph w_medium_text w_medium_quote w_icon media_gte_narrow media_gte_half media_lt_wide media_lt_full media_landscape crop_true stack bg_textual" itemid="81c18e2b-8192-408d-96d9-1f5fce96a82d" itemtype="intro" diff_index="7" index="bg_textual" kind="stack" score="5.5" missed="0.5" tag="article" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d"><div kind="group" index="textual" class="group textual group textual" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual"><div kind="text" index="paragraph" class="text-decoration medium medium_paragraph medium_text text paragraph vfld-trailer text paragraph" itemprop="text" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-paragraph"><p><span class="first-letter">T</span>oday we're going to cover step <wbr class="w480 w960"></wbr>one after opening <wbr class="w481 w961 w1799"></wbr>the bag of<wbr class="w480 w960"></wbr> beans. <wbr class="w1800"></wbr>Yes, beans. We're not going <wbr class="w480 w960"></wbr>to let <wbr class="w481 w961 w1799"></wbr>that dude or dudette that <wbr class="w480 w960"></wbr>sold you <wbr class="w1800"></wbr>a pound of your <wbr class="w481 w961 w1799"></wbr>favorite <wbr class="w480 w960"></wbr>roast grind that shit down making <wbr class="w480 w960"></wbr>those <wbr class="w1800"></wbr>bits <wbr class="w481 w961 w1799"></wbr>of brown gold loose not <wbr class="w480 w960"></wbr>only their luster but the all <wbr class="w480 w481 w960 w961 w1799"></wbr>important <wbr class="w1800"></wbr>humidity that each bean <wbr class="w480 w960"></wbr>holds. </p></div><blockquote kind="text" index="quote" class="text-decoration medium medium_quote medium_text text quote vfld-leader text quote" specificity="0.25" itemprop="quote" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote"><div kind="decoration" index="icon" class="decoration icon decoration icon svg" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote-d-icon-cinema"><?xml version="1.0" encoding="utf-8"?>

<svg preserveAspectRatio="none" id="u-81c18e2b-8192-408d-96d9-1f5fce96a82d-g-textual-t-quote-d-icon-cinema-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 90 612 612" enable-background="new 0 90 612 612" xml:space="preserve">
@@ -1477,9 +1518,11 @@

global.Highlighter = require('./highlighter');

global.Player = require('./player');


}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
},{"./animator":3,"./hamburger":4,"./highlighter":5,"./paginator":7,"hammerjs/hammer.min.js":1,"picturefill/dist/picturefill.min.js":2}],7:[function(require,module,exports){
},{"./animator":3,"./hamburger":4,"./highlighter":5,"./paginator":7,"./player":8,"hammerjs/hammer.min.js":1,"picturefill/dist/picturefill.min.js":2}],7:[function(require,module,exports){
var appendPage, mainpage, page, ref, ref1, urls;

page = require('./reflow');
@@ -1580,7 +1623,192 @@
};


},{"./reflow":8}],8:[function(require,module,exports){
},{"./reflow":9}],8:[function(require,module,exports){
var Player, Youtube, iframe, revealed, rgb2hex;

iframe = null;

Youtube = null;

Player = function(id, src, width, height, color, bg) {
if (src.indexOf('youtube') > -1) {
src += '&color=white&theme=light&modestbranding=1';
}
src = src.replace('COLOR', color).replace('BG', bg);
if (location.protocol !== 'https:') {
src = src.replace('https:', 'http:');
}
iframe = document.createElement('iframe');
iframe.id = id;
iframe.setAttribute('allowfullscreen', '');
iframe.src = src;
iframe.width = width;
iframe.height = height;
iframe.style.width = '100%';
iframe.style.height = '100%';
iframe.style.left = 0;
iframe.style.right = 0;
iframe.style.position = 'absolute';
iframe.style.opacity = 0.2;
iframe.onload = function() {
return iframe.style.opacity = 1;
};
return iframe;
};

revealed = null;

Player.reveal = function(iframe) {
var diff, i, left, len, parent, play, ref, ref1, sibling, target, top, translateX, translateY;
while (target = (target || iframe).parentNode) {
if ((ref = target.classList) != null ? ref.contains('media') : void 0) {
if (target.parentNode.classList.contains('group')) {
parent = target.parentNode;
} else {
parent = target;
}
revealed = iframe;
play = parent.getElementsByClassName('play')[0];
left = target.offsetWidth - play.offsetLeft - play.offsetWidth;
top = -play.offsetTop;
play.style.webkitTransformOrigin = 'top right';
play.style.webkitTransform = 'translateX(' + left + 'px) translateY(' + top + 'px) scale(0.5)';
target.classList.add('revealed');
ref1 = parent.parentNode.childNodes;
for (i = 0, len = ref1.length; i < len; i++) {
sibling = ref1[i];
if (sibling.nodeType === 1 && sibling !== parent) {
translateX = translateY = null;
if ((diff = sibling.offsetLeft + sibling.offsetWidth - parent.offsetLeft) > 2 && parent.offsetLeft >= sibling.offsetLeft) {
translateX = -diff;
}
if ((diff = target.offsetLeft + target.offsetWidth - sibling.offsetLeft) > 2 && parent.offsetLeft <= sibling.offsetLeft) {
if (!translateX || Math.abs(diff) < Math.abs(translateX)) {
translateX = diff;
}
}
if ((diff = sibling.offsetTop + sibling.offsetHeight - parent.offsetTop) > 2 && parent.offsetTop >= sibling.offsetTop) {
translateY = -diff;
}
if ((diff = target.offsetTop + target.offsetHeight - sibling.offsetTop) > 2 && parent.offsetTop <= sibling.offsetTop) {
if (!translateY || Math.abs(diff) < Math.abs(translateY)) {
translateY = diff;
}
}
if (Math.abs(translateX) > Math.abs(translateY)) {
sibling.style.webkitTransform = 'translateY(' + translateY + 'px)';
} else {
sibling.style.webkitTransform = 'translateX(' + translateX + 'px)';
}
console.log(translateX, translateY, sibling);
}
}
}
}
};

Player.hide = function(iframe) {
var i, len, parent, play, ref, ref1, sibling;
while (parent = (parent || iframe).parentNode) {
if ((ref = parent.classList) != null ? ref.contains('revealed') : void 0) {
parent.classList.remove('revealed');
if (parent.parentNode.classList.contains('group')) {
parent = parent.parentNode;
}
play = parent.getElementsByClassName('play')[0];
play.style.webkitTransform = '';
ref1 = parent.parentNode.childNodes;
for (i = 0, len = ref1.length; i < len; i++) {
sibling = ref1[i];
sibling.style.webkitTransform = '';
}
}
}
return revealed = null;
};

window.addEventListener('resize', function() {
return setTimeout(function() {
return requestAnimationFrame(function() {
if (revealed) {
if (revealed.offsetWidth) {
return Player.reveal(revealed);
} else {
return Player.stop(revealed);
}
}
});
}, 10);
});

Player.stop = function(iframe) {
var old;
old = iframe;
iframe.style.opacity = 0;
setTimeout(function() {
var ref;
return (ref = old.parentNode) != null ? ref.removeChild(old) : void 0;
}, 300);
Player.hide(iframe);
return iframe = null;
};

document.addEventListener('click', function(e) {
var bg, color, header, parent, play, ref, ref1, results, styles, target;
target = e.target;
results = [];
while (target) {
if ((ref = target.classList) != null ? ref.contains('media') : void 0) {
if (play = target.getElementsByClassName('play')[0]) {
if ((iframe != null ? iframe.parentNode : void 0) === target) {
Player.stop(iframe);
} else {
if (iframe) {
Player.stop(iframe);
}
color = bg = null;
header = (ref1 = target.parentNode.parentNode.getElementsByClassName('title')[0]) != null ? ref1.firstChild : void 0;
parent = header || play;
while (parent) {
if (parent.nodeType === 1) {
styles = window.getComputedStyle(parent);
if (styles.color.indexOf('rgba') === -1 || !styles.color.match(/,\s*0\)/)) {
if (color == null) {
color = styles.color;
}
}
if (styles['background-color'].indexOf('rgba') === -1 || !styles['background-color'].match(/,\s*0\)/)) {
if (bg == null) {
bg = styles['background-color'];
}
}
}
parent = parent.parentNode;
}
iframe = Player(play.id + '-player', play.getAttribute('data-src'), play.getAttribute('data-width'), play.getAttribute('data-height'), rgb2hex(color), rgb2hex(bg));
target.appendChild(iframe);
Player.reveal(iframe);
}
e.preventDefault();
break;
}
}
results.push(target = target.parentNode);
}
return results;
});

rgb2hex = function(rgb) {
rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
if (rgb && rgb.length === 4) {
return ("0" + parseInt(rgb[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgb[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgb[3], 10).toString(16)).slice(-2);
}
};

window.exports = window.Player = Player;


},{}],9:[function(require,module,exports){
module.exports = {
reflow: function(container) {
var counter, heights, hidden, hole, holed, holes, i, id, ids, index, j, k, l, last, layout, layouts, len, len1, len2, len3, m, mutations, name, node, ref, ref1, ref2, stack, stacks;
@@ -1845,7 +2073,7 @@
} else {
protocol = '';
}
url = protocol + "//cdn.thegrid.io/gss/gss-document/1.2.4/gss.document.parser.js";
url = protocol + "//cdn.thegrid.io/gss/gss-document/1.2.8/gss.document.parser.js";
if (location.toString().indexOf('//localhost:8080') > -1) {
return module.exports.load(protocol + "//localhost:8080/node_modules/gss-document/dist/gss.document.parser.js", callback, function() {
return module.exports.load(url, callback);