Coloradan Templates /coloradan/ en Briefs /coloradan/2021/12/21/briefs <span>Briefs</span> <span><span>Anonymous (not verified)</span></span> <span><time datetime="2021-12-21T13:44:36-07:00" title="Tuesday, December 21, 2021 - 13:44">Tue, 12/21/2021 - 13:44</time> </span> <div> <div class="imageMediaStyle focal_image_wide"> <img loading="lazy" src="/coloradan/sites/default/files/styles/focal_image_wide/public/article-thumbnail/template_square_thumbnail_2.jpg?h=fbf7a813&amp;itok=zfnoRQFq" width="1200" height="600" alt="always include an eye-catching, square thumbnail "> </div> </div> <div role="contentinfo" class="container ucb-article-categories" itemprop="about"> <span class="visually-hidden">Categories:</span> <div class="ucb-article-category-icon" aria-hidden="true"> <i class="fa-solid fa-folder-open"></i> </div> <a href="/coloradan/taxonomy/term/1565"> Coloradan Templates </a> </div> <div class="ucb-article-content ucb-striped-content"> <div class="container"> <div class="paragraph paragraph--type--article-content paragraph--view-mode--default"> <div class="ucb-article-content-media ucb-article-content-media-above"> <div> <div class="paragraph paragraph--type--media paragraph--view-mode--default"> </div> </div> </div> <div class="ucb-article-text d-flex align-items-center" itemprop="articleBody"> <div><p>Briefs usually contain a main feature story or series of vignettes. Shorter stories can be separated by headers and horizontal lines.&nbsp;</p><p>The web builder or creative team member can select the layout that works best with the available assets: banner image or <a href="/coloradan/node/11317" rel="nofollow">vertical image layout</a>.&nbsp;</p><p>Briefs also typically contain short tidbits, usually based around numbers. These can be created with <em>text blocks&nbsp;</em>in a&nbsp;<em>block row</em>&nbsp;added in the&nbsp;<em>inner content bottom&nbsp;</em>or&nbsp;<em>post wide</em>&nbsp;sections of the layout.&nbsp;</p><hr><p>Viverra adipiscing at in tellus integer feugiat scelerisque varius morbi. Nisi scelerisque eu ultrices vitae. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Vitae tortor condimentum lacinia quis vel eros donec ac odio. Ut enim blandit volutpat maecenas. Malesuada pellentesque elit eget gravida cum sociis natoque. In egestas erat imperdiet sed euismod nisi. Faucibus ornare suspendisse sed nisi. Nam aliquam sem et tortor consequat id porta nibh venenatis. Lacus suspendisse faucibus interdum posuere lorem. In aliquam sem fringilla ut morbi tincidunt augue. Vel elit scelerisque mauris pellentesque pulvinar. Arcu non sodales neque sodales ut etiam. Suspendisse faucibus interdum posuere lorem ipsum. Scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum arcu vitae.</p><hr><p>Ut pharetra sit amet aliquam. In aliquam sem fringilla ut morbi. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Turpis tincidunt id aliquet risus feugiat in. Porttitor eget dolor morbi non arcu risus quis. Dui sapien eget mi proin sed. Adipiscing diam donec adipiscing tristique risus nec. Nulla pellentesque dignissim enim sit amet venenatis. Morbi non arcu risus quis. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Viverra maecenas accumsan lacus vel.</p><p>Purus ut faucibus pulvinar elementum integer enim neque. Ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Eget est lorem ipsum dolor. Orci eu lobortis elementum nibh tellus. Posuere urna nec tincidunt praesent semper feugiat nibh sed pulvinar. In eu mi bibendum neque egestas congue quisque. Vitae semper quis lectus nulla at volutpat diam ut venenatis. Massa placerat duis ultricies lacus sed turpis tincidunt id aliquet. Ipsum consequat nisl vel pretium lectus quam id leo in. Pulvinar mattis nunc sed blandit libero volutpat sed cras ornare. At consectetur lorem donec massa. Varius duis at consectetur lorem donec massa. Id cursus metus aliquam eleifend mi. Dignissim cras tincidunt lobortis feugiat vivamus. Dolor sit amet consectetur adipiscing elit duis tristique. Quam pellentesque nec nam aliquam sem et tortor consequat. Velit aliquet sagittis id consectetur. Viverra nam libero justo laoreet. Mauris a diam maecenas sed.</p><div class="ucb-box ucb-box-title-hidden ucb-box-alignment-none ucb-box-style-fill ucb-box-theme-lightgray"><div class="ucb-box-inner"><div class="ucb-box-title">&nbsp;</div><div class="ucb-box-content"><div class="row ucb-column-container"><div class="col ucb-column"><p class="text-align-center hero">12</p><p class="text-align-center">emphasize the number with&nbsp;<em>Hero</em>&nbsp;style.&nbsp;</p></div><div class="col ucb-column"><p class="text-align-center hero">42</p><p class="text-align-center">use the center alignment tool.</p></div><div class="col ucb-column"><p class="text-align-center hero">87</p><p class="text-align-center">try to ensure copy takes up a similar number of lines.</p></div></div><div class="row ucb-column-container"><div class="col ucb-column"><p>&nbsp;</p></div><div class="col ucb-column"><p class="text-align-center hero">86</p><p class="text-align-center">change the color of the block section at the builder's discretion.</p></div><div class="col ucb-column"><p class="text-align-center hero">92</p><p class="text-align-center">lorem ipsum.</p></div></div></div></div></div></div> </div> </div> </div> </div> <div>Short articles with at-a-glance numbers. The summary is an abridged teaser that encourages users to click on the story.</div> <h2> <div class="paragraph paragraph--type--ucb-related-articles-block paragraph--view-mode--default"> <div>Off</div> </div> </h2> <div>Traditional</div> <div>0</div> <div> <div class="imageMediaStyle large_image_style"> <img loading="lazy" src="/coloradan/sites/default/files/styles/large_image_style/public/2024-10/template_banner_image.jpg?itok=t_7-4wnF" width="1500" height="600" alt="Banner Template"> </div> </div> <div>On</div> <div>White</div> Tue, 21 Dec 2021 20:44:36 +0000 Anonymous 11323 at /coloradan Image Centric /coloradan/2021/12/21/image-centric <span>Image Centric </span> <span><span>Anonymous (not verified)</span></span> <span><time datetime="2021-12-21T12:20:33-07:00" title="Tuesday, December 21, 2021 - 12:20">Tue, 12/21/2021 - 12:20</time> </span> <div> <div class="imageMediaStyle focal_image_wide"> <img loading="lazy" src="/coloradan/sites/default/files/styles/focal_image_wide/public/article-thumbnail/template_square_thumbnail_1.jpg?h=fbf7a813&amp;itok=5D2ifnei" width="1200" height="600" alt="always include an eye-catching, square thumbnail "> </div> </div> <div role="contentinfo" class="container ucb-article-categories" itemprop="about"> <span class="visually-hidden">Categories:</span> <div class="ucb-article-category-icon" aria-hidden="true"> <i class="fa-solid fa-folder-open"></i> </div> <a href="/coloradan/taxonomy/term/1565"> Coloradan Templates </a> </div> <div class="ucb-article-content ucb-striped-content"> <div class="container"> <div class="paragraph paragraph--type--article-content paragraph--view-mode--default"> <div class="ucb-article-content-media ucb-article-content-media-above"> <div> <div class="paragraph paragraph--type--media paragraph--view-mode--default"> <div> <div class="imageMediaStyle large_image_style"> <img loading="lazy" src="/coloradan/sites/default/files/styles/large_image_style/public/article-image/template_wide_image.jpg?itok=CxRg3255" width="1500" height="892" alt="wide image"> </div> </div> </div> </div> </div> <div class="ucb-article-text d-flex align-items-center" itemprop="articleBody"> <div><p>&nbsp;</p><p>This layout can be very simple with the large image cropped to 2000 pixels on the horizontal edge and inserted above the copy in <em>original image&nbsp;</em>style.&nbsp;In cases where more than one&nbsp;large image is available, add a <em>Slider</em> block&nbsp;in the <em>post-title wide</em>&nbsp;section of the layout.&nbsp;</p><p>The builder or editors may use their discretion&nbsp;in determining whether to set this layout to <em>Feature</em>&nbsp;or&nbsp;<em>Default</em>.&nbsp;</p><p><a class="ucb-link-button ucb-link-button-gold ucb-link-button-regular ucb-link-button-default" href="/coloradan/submit-your-feedback" rel="nofollow"><span class="ucb-link-button-contents"><i class="fa-solid fa-pencil">&nbsp;</i>&nbsp;Submit feedback to the editor&nbsp;</span></a></p><hr><p>Photo credits go here in the small style</p><hr></div> </div> </div> </div> </div> <div>Layout for articles that contain one primary image (e.g. Artifact). The summary is an abridged teaser that encourages users to click on the story.</div> <h2> <div class="paragraph paragraph--type--ucb-related-articles-block paragraph--view-mode--default"> <div>Off</div> </div> </h2> <div>Traditional</div> <div>0</div> <div>On</div> <div>White</div> Tue, 21 Dec 2021 19:20:33 +0000 Anonymous 11321 at /coloradan Vertical Image Layout /coloradan/2021/12/21/vertical-image-layout <span>Vertical Image Layout</span> <span><span>Anonymous (not verified)</span></span> <span><time datetime="2021-12-21T09:59:30-07:00" title="Tuesday, December 21, 2021 - 09:59">Tue, 12/21/2021 - 09:59</time> </span> <div> <div class="imageMediaStyle focal_image_wide"> <img loading="lazy" src="/coloradan/sites/default/files/styles/focal_image_wide/public/article-thumbnail/template_square_thumbnail_0.jpg?h=fbf7a813&amp;itok=ptzxu4sd" width="1200" height="600" alt="always include an eye-catching, square thumbnail "> </div> </div> <div role="contentinfo" class="container ucb-article-categories" itemprop="about"> <span class="visually-hidden">Categories:</span> <div class="ucb-article-category-icon" aria-hidden="true"> <i class="fa-solid fa-folder-open"></i> </div> <a href="/coloradan/taxonomy/term/1565"> Coloradan Templates </a> <a href="/coloradan/taxonomy/term/1405"> Departments </a> </div> <span>Writer Name</span> <div class="ucb-article-content ucb-striped-content"> <div class="container"> <div class="paragraph paragraph--type--article-content paragraph--view-mode--default"> <div class="ucb-article-text" itemprop="articleBody"> <div> <div class="align-right image_style-small_500px_25_display_size_"> <div class="imageMediaStyle small_500px_25_display_size_"> <img loading="lazy" src="/coloradan/sites/default/files/styles/small_500px_25_display_size_/public/2024-10/template_image_vertical_0.jpg?itok=o30rKhCS" width="375" height="469" alt="Template image "> </div> </div> <p class="lead">If an article opens with a hook, you can emphasize it with the <em>Lead</em>&nbsp;block style.&nbsp;</p><p>Some articles are only accompanied with one usable image. If that image is not able to be used as a banner image, the builder&nbsp;can instead insert a vertical image and align it to the left of the copy. It is recommended to&nbsp;select <em>feature layout</em>&nbsp;for these builds.&nbsp;</p><h2>Post-article Features</h2><p>A feedback button goes at the bottom of every article, followed by photo credits. An example is found beneath the sample text of this template. The button can be inserted at the bottom of the&nbsp;<em>Body</em>&nbsp;of the article if there is nothing in the&nbsp;<em>Inner Content Bottom&nbsp;</em>block of the page layout. In the case of a gallery, insert the feedback button in a new <em>Text Block</em>&nbsp;below it.&nbsp;</p></div> </div> </div> </div> </div> <div class="ucb-article-content ucb-striped-content"> <div class="container"> <div class="paragraph paragraph--type--article-content paragraph--view-mode--default"> <div class="ucb-article-text" itemprop="articleBody"> <div><h2>Filler Text</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet commodo nulla facilisi nullam. Tincidunt lobortis feugiat vivamus at augue. At quis risus sed vulputate odio ut enim blandit volutpat. Felis imperdiet proin fermentum leo. Aliquet lectus proin nibh nisl. Ut tristique et egestas quis. Leo duis ut diam quam nulla porttitor massa id. Sem nulla pharetra diam sit. Leo vel orci porta non pulvinar neque laoreet suspendisse.</p><div class="feature-layout-callout feature-layout-callout-medium"><div class="ucb-callout-content"><blockquote><p><strong>Pull quotes are bolded for emphasis and styled with the block-quote tool.&nbsp;The shortcode "callout" (in brackets)&nbsp;is used to set the quote in the margin.</strong></p></blockquote></div></div><p>Facilisis magna etiam tempor orci eu lobortis elementum nibh. Laoreet non curabitur gravida arcu ac tortor dignissim convallis aenean. Urna neque viverra justo nec. Et malesuada fames ac turpis egestas maecenas pharetra convallis. Justo donec enim diam vulputate ut. Pharetra magna ac placerat vestibulum lectus mauris ultrices eros in. Duis at tellus at urna condimentum. Aliquet nec ullamcorper sit amet risus. Sit amet porttitor eget dolor morbi. Tristique et egestas quis ipsum suspendisse ultrices. Urna et pharetra pharetra massa massa.</p><p>Gravida neque convallis a cras semper auctor neque vitae tempus. Imperdiet dui accumsan sit amet nulla facilisi morbi tempus. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor. Porta non pulvinar neque laoreet suspendisse interdum consectetur. Vel pharetra vel turpis nunc eget lorem dolor sed viverra. Dignissim enim sit amet venenatis urna cursus.</p><p>Ut pharetra sit amet aliquam id diam. Urna molestie at elementum eu facilisis sed odio morbi quis. Feugiat pretium nibh ipsum consequat nisl vel pretium. Magna ac placerat vestibulum lectus. Sed viverra tellus in hac. Fames ac turpis egestas sed tempus urna et pharetra. Tellus integer feugiat scelerisque varius morbi enim nunc. Ac feugiat sed lectus vestibulum mattis ullamcorper. Amet dictum sit amet justo donec enim diam vulputate ut. Neque viverra justo nec ultrices.</p><p><a class="ucb-link-button ucb-link-button-gold ucb-link-button-default ucb-link-button-regular" href="/coloradan/submit-your-feedback" rel="nofollow"><span class="ucb-link-button-contents"><i class="fa-solid fa-pencil">&nbsp;</i>&nbsp;Submit feedback to the editor</span></a></p><hr><p>Photo credits go here in the small style</p><hr></div> </div> </div> </div> </div> <div>Article with only 1 vertical image. The summary is an abridged teaser that encourages users to click on the story.</div> <h2> <div class="paragraph paragraph--type--ucb-related-articles-block paragraph--view-mode--default"> <div>Related Articles</div> </div> </h2> <div>Traditional</div> <div>0</div> <div>On</div> <div>White</div> Tue, 21 Dec 2021 16:59:30 +0000 Anonymous 11317 at /coloradan Feature Complex /coloradan/2021/12/21/feature-complex <span>Feature Complex</span> <span><span>Anonymous (not verified)</span></span> <span><time datetime="2021-12-21T08:58:27-07:00" title="Tuesday, December 21, 2021 - 08:58">Tue, 12/21/2021 - 08:58</time> </span> <div> <div class="imageMediaStyle focal_image_wide"> <img loading="lazy" src="/coloradan/sites/default/files/styles/focal_image_wide/public/article-thumbnail/template_image_horizontal.jpeg?h=06ac0d8c&amp;itok=6SPxaz9-" width="1200" height="600" alt="always include an eye-catching, square thumbnail "> </div> </div> <div role="contentinfo" class="container ucb-article-categories" itemprop="about"> <span class="visually-hidden">Categories:</span> <div class="ucb-article-category-icon" aria-hidden="true"> <i class="fa-solid fa-folder-open"></i> </div> <a href="/coloradan/taxonomy/term/1565"> Coloradan Templates </a> </div> <span>Author Name</span> <div class="ucb-article-content ucb-striped-content"> <div class="container"> <div class="paragraph paragraph--type--article-content paragraph--view-mode--default"> <div class="ucb-article-text" itemprop="articleBody"> <div><p class="lead">If an article has a hook at the beginning, you can emphasize it with the <em>Lead</em>&nbsp;block style.&nbsp;</p> <div class="align-left image_style-small_500px_25_display_size_"> <div class="imageMediaStyle small_500px_25_display_size_"> <img loading="lazy" src="/coloradan/sites/default/files/styles/small_500px_25_display_size_/public/2024-10/template_image_horizontal.jpg?itok=O-FR41-R" width="375" height="250" alt="Template image "> </div> </div> <h2>In-Copy Images</h2><p>If available, articles should start with a large, high-quality banner image. The creative team&nbsp;or article builders can crop images to 2000 pixels wide, and insert the <em>original</em> sized image&nbsp;into a <em>Text Block </em>in the&nbsp;<em>Intro Wide</em> section of the layout.&nbsp;</p><p>Throughout the story copy, insert images. The recommended style option is <em>medium&nbsp;</em>or <em>small</em>, but the builder should use discretion based on the available assets/content. The style options labeled&nbsp;<em>colorblock</em>&nbsp;insert an expandable, clickable&nbsp;image, but those options are usually smaller.&nbsp;Use the alignment feature to wrap copy&nbsp;around the image. Images should be less than 1500 pixels on the longest edge.&nbsp;Depending on the content, it may make sense to add a gallery at the bottom of the page (e.g. an article about an artist with images of their work). Do this by adding a&nbsp;<em>Slider</em>&nbsp;block to the&nbsp;<em>Inner Content Bottom </em>of the page layout. Ensure that all images are cropped to the same height.&nbsp;&nbsp;</p><h2>Post-Article Features</h2><p>A feedback button goes at the bottom of every article, followed by photo credits. An example is found beneath the sample text of this template. The button can be inserted at the bottom of the&nbsp;<em>Body</em>&nbsp;of the article if there is nothing in the&nbsp;<em>Inner Content Bottom&nbsp;</em>block of the page layout. In the case of a gallery, insert the feedback button in a new <em>Text Block</em>&nbsp;below it.&nbsp;</p><h2>Filler Text</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet commodo nulla facilisi nullam. Tincidunt lobortis feugiat vivamus at augue. At quis risus sed vulputate odio ut enim blandit volutpat. Felis imperdiet proin fermentum leo. Aliquet lectus proin nibh nisl. Ut tristique et egestas quis. Leo duis ut diam quam nulla porttitor massa id. Sem nulla pharetra diam sit. Leo vel orci porta non pulvinar neque laoreet suspendisse.</p><div class="feature-layout-callout feature-layout-callout-medium"><div class="ucb-callout-content"><blockquote><p><strong>Pull quotes are bolded for emphasis and styled with the block-quote tool. The shortcode "callout" (in brackets)&nbsp;is used to set the quote in the margin.&nbsp;</strong></p></blockquote></div></div><p>Facilisis magna etiam tempor orci eu lobortis elementum nibh. Laoreet non curabitur gravida arcu ac tortor dignissim convallis aenean. Urna neque viverra justo nec. Et malesuada fames ac turpis egestas maecenas pharetra convallis. Justo donec enim diam vulputate ut. Pharetra magna ac placerat vestibulum lectus mauris ultrices eros in. Duis at tellus at urna condimentum. Aliquet nec ullamcorper sit amet risus. Sit amet porttitor eget dolor morbi. Tristique et egestas quis ipsum suspendisse ultrices. Urna et pharetra pharetra massa massa. Gravida neque convallis a cras semper auctor neque vitae tempus. Imperdiet dui accumsan sit amet nulla facilisi morbi tempus. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor. Porta non pulvinar neque laoreet suspendisse interdum consectetur. Vel pharetra vel turpis nunc eget lorem dolor sed viverra. Dignissim enim sit amet venenatis urna cursus.</p><p>Ut pharetra sit amet aliquam id diam. Urna molestie at elementum eu facilisis sed odio morbi quis. Feugiat pretium nibh ipsum consequat nisl vel pretium. Magna ac placerat vestibulum lectus. Sed viverra tellus in hac. Fames ac turpis egestas sed tempus urna et pharetra. Tellus integer feugiat scelerisque varius morbi enim nunc. Ac feugiat sed lectus vestibulum mattis ullamcorper. Amet dictum sit amet justo donec enim diam vulputate ut. Neque viverra justo nec ultrices.</p> <div class="align-right image_style-small_500px_25_display_size_"> <div class="imageMediaStyle small_500px_25_display_size_"> <img loading="lazy" src="/coloradan/sites/default/files/styles/small_500px_25_display_size_/public/2024-10/template_image_vertical.jpg?itok=tiYmp5PX" width="375" height="469" alt="Template image "> </div> </div> <p>Consequat interdum varius sit amet mattis vulputate enim nulla aliquet. Tempor nec feugiat nisl pretium fusce id velit ut tortor. Consectetur purus ut faucibus pulvinar elementum. Semper risus in hendrerit gravida rutrum quisque non tellus orci. Lacinia at quis risus sed vulputate odio. Eget mauris pharetra et ultrices neque ornare. Nec ultrices dui sapien eget mi proin sed libero. In iaculis nunc sed augue lacus. Leo in vitae turpis massa sed elementum tempus egestas. Dolor sit amet consectetur adipiscing elit duis tristique. Sodales neque sodales ut etiam sit. Pellentesque habitant morbi tristique senectus et netus et. In cursus turpis massa tincidunt. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in.</p><p>Arcu dui vivamus arcu felis bibendum ut tristique et egestas. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Tempus quam pellentesque nec nam aliquam sem. Gravida neque convallis a cras semper. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ornare quam viverra orci sagittis eu volutpat odio facilisis mauris. Urna duis convallis convallis tellus id interdum velit laoreet id. Aliquam sem fringilla ut morbi tincidunt augue interdum. Nisl condimentum id venenatis a condimentum vitae. At lectus urna duis convallis convallis tellus. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Sit amet porttitor eget dolor morbi non arcu risus quis. Risus nec feugiat in fermentum posuere urna nec tincidunt praesent. Vulputate mi sit amet mauris commodo quis imperdiet. Netus et malesuada fames ac turpis. Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Penatibus et magnis dis parturient montes. Nulla facilisi etiam dignissim diam quis. Euismod elementum nisi quis eleifend quam adipiscing.</p><div class="ucb-box ucb-box-title-hidden ucb-box-alignment-none ucb-box-style-fill ucb-box-theme-white"><div class="ucb-box-inner"><div class="ucb-box-title">&nbsp;</div><div class="ucb-box-content"><div class="row ucb-column-container"><div class="col ucb-column"> <div class="imageMediaStyle small_500px_25_display_size_"> <img loading="lazy" src="/coloradan/sites/default/files/styles/small_500px_25_display_size_/public/2024-10/template_image_horizontal.jpg?itok=O-FR41-R" width="375" height="250" alt="Template image "> </div> </div><div class="col ucb-column"> <div class="imageMediaStyle small_500px_25_display_size_"> <img loading="lazy" src="/coloradan/sites/default/files/styles/small_500px_25_display_size_/public/2024-10/template_image_horizontal.jpg?itok=O-FR41-R" width="375" height="250" alt="Template image "> </div> </div></div></div></div></div><p><a class="ucb-link-button ucb-link-button-gold ucb-link-button-default ucb-link-button-regular" href="/coloradan/submit-your-feedback" rel="nofollow"><span class="ucb-link-button-contents"><i class="fa-solid fa-pencil">&nbsp;</i>&nbsp;Submit feedback to the editor</span></a></p><hr><p>Photo credits go here in the small style</p><hr></div> </div> </div> </div> </div> <div>Article with multiple image options. The summary is an abridged teaser that encourages users to click on the story. </div> <h2> <div class="paragraph paragraph--type--ucb-related-articles-block paragraph--view-mode--default"> <div>Off</div> </div> </h2> <div>Traditional</div> <div>0</div> <div> <div class="imageMediaStyle large_image_style"> <img loading="lazy" src="/coloradan/sites/default/files/styles/large_image_style/public/2024-10/template_banner_image.jpg?itok=t_7-4wnF" width="1500" height="600" alt="Banner Template"> </div> </div> <div>On</div> <div>White</div> Tue, 21 Dec 2021 15:58:27 +0000 Anonymous 11311 at /coloradan