Created
September 2, 2022 18:38
-
-
Save lenagroeger/7ed4f375ecdcc4c8404aa08746bd065e to your computer and use it in GitHub Desktop.
montana header code
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=a4fe342e93af66d45c43a8d00e637aa0 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=46aa0ad3cf316094fc217e618d74c15a 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=81148a3848f73a70c9673ff01b99d627 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=ba698d15469eafce78a60a98d7cc5714 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&s=2ed929e96fcac1ab802b0986f4673879 2000w" sizes="1353px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=a4fe342e93af66d45c43a8d00e637aa0 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=46aa0ad3cf316094fc217e618d74c15a 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=81148a3848f73a70c9673ff01b99d627 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=ba698d15469eafce78a60a98d7cc5714 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-1.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&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&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=b8ee6e29c0c1e2556a3c747f0e9e0bf6 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=a023941a50fd1db94ca149c3197ee1ca 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=2171fbf86472e05dfa77def046572d58 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=742073c5ddeffe92c7ed8016c342ab02 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&s=263c85d341aefcb0818f85ecf2844f64 2000w" sizes="1353px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=b8ee6e29c0c1e2556a3c747f0e9e0bf6 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=a023941a50fd1db94ca149c3197ee1ca 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=2171fbf86472e05dfa77def046572d58 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=742073c5ddeffe92c7ed8016c342ab02 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-2.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&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&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=e810993e42375a487a8b0f1c53947019 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=003b3caef0159287fe95cb8f88dc6611 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=fcf60f7337eb9d9f9282113835b339f8 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=df5a8e9b0a43a0ceb22cee2bc80fde28 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&s=7d58a3dc8f35577b7df4ceb00c1bb316 2000w" sizes="1353px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=e810993e42375a487a8b0f1c53947019 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=003b3caef0159287fe95cb8f88dc6611 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=fcf60f7337eb9d9f9282113835b339f8 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=df5a8e9b0a43a0ceb22cee2bc80fde28 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-3.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&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&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=8ec1a9fd09626b06ce27f19450d066a5 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=c73ae6835386a801b0248ec8d8ce2060 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=ae13366295a87f1107a69efe88bd8784 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=964273632a08193d30de2a5fd3dde200 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&s=57f0400a86c04b36033aec0203cbed3d 2000w" sizes="1545px" srcset="https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=267&q=70&w=400&s=8ec1a9fd09626b06ce27f19450d066a5 400w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=533&q=80&w=800&s=c73ae6835386a801b0248ec8d8ce2060 800w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=800&q=90&w=1200&s=ae13366295a87f1107a69efe88bd8784 1200w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1067&q=80&w=1600&s=964273632a08193d30de2a5fd3dde200 1600w, https://img.assets-d.propublica.org/v5/images/20220906-montana-4-righter.jpg?crop=focalpoint&fit=crop&fp-x=0.5&fp-y=0.5&h=1333&q=80&w=2000&s=57f0400a86c04b36033aec0203cbed3d 2000w"> | |
| </div> | |
| `; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment