Skip to content

Instantly share code, notes, and snippets.

@lenagroeger
Created September 2, 2022 18:38
Show Gist options
  • Save lenagroeger/7ed4f375ecdcc4c8404aa08746bd065e to your computer and use it in GitHub Desktop.
Save lenagroeger/7ed4f375ecdcc4c8404aa08746bd065e to your computer and use it in GitHub Desktop.
montana header code
let openerMarkup = document.createElement("div");
openerMarkup.classList.add(
"opener__art",
"opener__art-start--1",
"opener__art-width--6"
);
openerMarkup.innerHTML = `
<div id="scroll-opener">
<div class="scrolly scroll-item">
<div class="scrolly-image">
<div class="img-1">
<img class="active lazyautosizes lazyloaded" alt="" width="3000" height="2000" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27400%27%20height%3D%27267%27%20style%3D%27background%3Argba%28127%2C127%2C127%2C0.07%29%27%2F%3E" data-sizes="auto" data-srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=a4fe342e93af66d45c43a8d00e637aa0 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=46aa0ad3cf316094fc217e618d74c15a 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=81148a3848f73a70c9673ff01b99d627 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=ba698d15469eafce78a60a98d7cc5714 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=2ed929e96fcac1ab802b0986f4673879 2000w" sizes="1353px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=a4fe342e93af66d45c43a8d00e637aa0 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=46aa0ad3cf316094fc217e618d74c15a 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=81148a3848f73a70c9673ff01b99d627 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=ba698d15469eafce78a60a98d7cc5714 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=2ed929e96fcac1ab802b0986f4673879 2000w">
</div>
<div class="img-2">
<img class="lazyautosizes lazyloaded" alt="" width="3000" height="2000" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27400%27%20height%3D%27267%27%20style%3D%27background%3Argba%28127%2C127%2C127%2C0.07%29%27%2F%3E" data-sizes="auto" data-srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=b8ee6e29c0c1e2556a3c747f0e9e0bf6 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=a023941a50fd1db94ca149c3197ee1ca 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=2171fbf86472e05dfa77def046572d58 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=742073c5ddeffe92c7ed8016c342ab02 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=263c85d341aefcb0818f85ecf2844f64 2000w" sizes="1353px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=b8ee6e29c0c1e2556a3c747f0e9e0bf6 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=a023941a50fd1db94ca149c3197ee1ca 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=2171fbf86472e05dfa77def046572d58 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=742073c5ddeffe92c7ed8016c342ab02 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=263c85d341aefcb0818f85ecf2844f64 2000w">
</div>
<div class="img-3">
<img class="lazyautosizes lazyloaded" alt="" width="3000" height="2000" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27400%27%20height%3D%27267%27%20style%3D%27background%3Argba%28127%2C127%2C127%2C0.07%29%27%2F%3E" data-sizes="auto" data-srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=e810993e42375a487a8b0f1c53947019 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=003b3caef0159287fe95cb8f88dc6611 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=fcf60f7337eb9d9f9282113835b339f8 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=df5a8e9b0a43a0ceb22cee2bc80fde28 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=7d58a3dc8f35577b7df4ceb00c1bb316 2000w" sizes="1353px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=e810993e42375a487a8b0f1c53947019 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=003b3caef0159287fe95cb8f88dc6611 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=fcf60f7337eb9d9f9282113835b339f8 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=df5a8e9b0a43a0ceb22cee2bc80fde28 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=7d58a3dc8f35577b7df4ceb00c1bb316 2000w">
</div>
</div>
<div class="scrolly-text">
<div class="step active" data-step="1">
<p>Last spring, a year after COVID-19 had first ripped through the United States, Republican lawmakers in Montana doubled down.</p>
<p>They passed the nation’s most extreme anti-vaccination law. Not even nurses in a cancer ward could be required to get the shots.</p>
</div>
<div class="step" data-step="2">
<p>Less than three months later, the delta wave slammed into Big Sky Country.</p>
<p>Inside one hospital just over a mile from the statehouse, doctors were forced to make the kinds of choices Americans had long feared.</p>
</div>
<div class="step" data-step="3">
<p>This is a story about what can happen when politics trump public health.</p>
</div>
</div>
</div>
</div>
<div class="image-item">
<div class="headline-holder">
<div>
<div class="opener__hed--custom">
<h1 class="opener__hed opener__hed--light">“The Human Psyche Was Not Built for This”</h1>
<h2>How Republicans in Montana hijacked public health and brought a hospital to the brink</h2>
<div class="article-meta-1 article-meta-1--light">
<span class="article-meta-1__byline">
by <a class="name" href="https://www.propublica.org/people/marilyn-thompson?token=eLiQmZPK3j_q5KuBi_ty2XyUJEe-qjF1">Marilyn Thompson</a> and <a class="name" href="https://www.propublica.org/people/jenny-deam?token=eLiQmZPK3j_q5KuBi_ty2XyUJEe-qjF1">Jenny Deam</a>, research by <a class="name" href="https://www.propublica.org/people/mollie-simon?token=eLiQmZPK3j_q5KuBi_ty2XyUJEe-qjF1">Mollie Simon</a>, photo illustrations by <a class="name" href="https://kitracahana.com/home/">Kitra Cahana</a>, special to <a href="https://www.propublica.org">ProPublica</a> </span>
<time class="article-meta-1__pubdate">
<time class="timestamp" datetime="2022-09-06EDT05:00">Sept. 6, 5 a.m. EDT</time>
</time>
</div>
</div>
</div>
</div>
<img class="lazyautosizes lazyloaded" alt="" width="3000" height="2000" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27400%27%20height%3D%27267%27%20style%3D%27background%3Argba%28127%2C127%2C127%2C0.07%29%27%2F%3E" data-sizes="auto" data-srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=8ec1a9fd09626b06ce27f19450d066a5 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=c73ae6835386a801b0248ec8d8ce2060 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=ae13366295a87f1107a69efe88bd8784 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=964273632a08193d30de2a5fd3dde200 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=57f0400a86c04b36033aec0203cbed3d 2000w" sizes="1545px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=267&amp;q=70&amp;w=400&amp;s=8ec1a9fd09626b06ce27f19450d066a5 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=533&amp;q=80&amp;w=800&amp;s=c73ae6835386a801b0248ec8d8ce2060 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=800&amp;q=90&amp;w=1200&amp;s=ae13366295a87f1107a69efe88bd8784 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1067&amp;q=80&amp;w=1600&amp;s=964273632a08193d30de2a5fd3dde200 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=1333&amp;q=80&amp;w=2000&amp;s=57f0400a86c04b36033aec0203cbed3d 2000w">
</div>
`;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment