Skip to main content

News Feeds

Version: 0.9.0
Edit

This component is built for the feed script that pulls from topics on News.IllinoisState.edu. The default style displays a thumbnail image to the left of the article title and short description. Various parameters in the script can be adjusted to alter the number of articles displayed, the size of the image, the length of the description text, and more.

News Feed

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/news-feeds.scss#L14

Flexibility is key for an environmental health alum during the COVID-19 pandemic article thumbnail
Garrett Steiner ’16 is a commissioned officer in the US Public Health Service and is currently assigned to the Indian Health Service in northern Wisconsin. 
two people pose for a photo
Two environmental health students, Isabella Anderson and Kellsie Freeman, are currently working on their internship projects at the Will County Health Department.
Cathy Ferguson-Allen '91 is the public health administrator for Lee County.
Cathy Ferguson-Allen ’91 was always interested in health and wellness. Initially interested in teaching physical education, she shifted gears upon arrival at Illinois State University. 
<!-- news feed -->
<div class="news-wrap">
 <div class="news-item">
   <span class="news-item-top"><!--Top--></span>
   <div class="news-item-mid">
     <figure class="news-img-wrap">
       <img class="news-thumb" alt="Flexibility is key for an environmental health alum during the COVID-19 pandemic article thumbnail" src="https://d32dsh9a6dg9hg.cloudfront.net/wp-content/uploads/sites/2/2020/06/19074312/GS-for-news-hub-140x90.jpg" />
     </figure>
     <span class="news-summary-wrap">
       <h3 class="news-link-wrap"><a href="https://news.illinoisstate.edu/2020/06/flexibility-is-key-for-an-environmental-health-alum-during-the-covid-19-pandemic/" class="news-link">Flexibility is key for an environmental health alum during the COVID-19 pandemic</a></h3>
       <span class="news-description">Garrett Steiner ’16 is a commissioned officer in the US Public Health Service and is currently assigned to the Indian Health Service in northern Wisconsin.&nbsp;</span>
     </span>
   </div>
   <span class="news-item-btm"><!--Bottom--></span>
 </div>
 <div class="news-item">
   <span class="news-item-top"><!--Top--></span>
   <div class="news-item-mid">
     <figure class="news-img-wrap">
       <img class="news-thumb" alt="two people pose for a photo" src="https://d32dsh9a6dg9hg.cloudfront.net/wp-content/uploads/sites/2/2020/06/11101015/photo-1-140x90.jpg" />
     </figure>
     <span class="news-summary-wrap">
       <h3 class="news-link-wrap"><a href="https://news.illinoisstate.edu/2020/06/environmental-health-interns-work-on-covid-19/" class="news-link">Environmental health interns work on COVID-19</a></h3>
       <span class="news-description">Two environmental health students, Isabella Anderson and Kellsie Freeman, are currently working on their internship projects at the Will County Health Department.</span>
     </span>
   </div>
   <span class="news-item-btm"><!--Bottom--></span>
 </div>
 <div class="news-item">
   <span class="news-item-top"><!--Top--></span>
   <div class="news-item-mid">
     <figure class="news-img-wrap">
       <img class="news-thumb" alt="Cathy Ferguson-Allen '91 is the public health administrator for Lee County." src="https://d32dsh9a6dg9hg.cloudfront.net/wp-content/uploads/sites/2/2020/06/02123956/Cathy19-2-140x90.jpg" />
     </figure>
     <span class="news-summary-wrap">
       <h3 class="news-link-wrap"><a href="https://news.illinoisstate.edu/2020/06/it-has-essentially-become-my-full-time-job-one-alums-work-during-the-covid-19-pandemic/" class="news-link">‘It has essentially become my full-time job’: One alum’s work during the COVID-19 pandemic</a></h3>
       <span class="news-description">Cathy Ferguson-Allen ’91 was always interested in health and wellness. Initially interested in teaching physical education, she shifted gears upon arrival at Illinois State University.&nbsp;</span>
     </span>
   </div>
   <span class="news-item-btm"><!--Bottom--></span>
 </div>
</div>

ISU Homepage News Feed

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/news-feeds.scss#L133

<!-- isu homepage news feed -->
<div class="c-feed__news--three-col">
 <div class="news-wrap">
   <div class="news-item">
       <span class="news-item-top"><!--Top--></span>
       <div class="news-item-mid">
         <figure class="news-img-wrap">
           <img class="news-thumb" alt="Windows with views: Looking at campus from the inside-out article thumbnail" src="https://d32dsh9a6dg9hg.cloudfront.net/wp-content/uploads/sites/2/2020/06/22094453/20_04452-2-640x425.jpg" />
         </figure>
         <span class="news-summary-wrap">
           <span class="news-link-wrap">
             <a href="https://news.illinoisstate.edu/2020/06/windows-with-views-looking-at-campus-from-the-inside-out/" class="news-link">Windows with views: Looking at campus from the inside-out</a>
           </span>
           <br />
         </span>
       </div>
       <span class="news-item-btm"><!--Bottom--></span>
     </div>
     <div class="news-item">
       <span class="news-item-top"><!--Top--></span>
       <div class="news-item-mid">
         <figure class="news-img-wrap">
           <img class="news-thumb" alt="woman sitting outside the Center for Community Engagement and Service Learning" src="https://d32dsh9a6dg9hg.cloudfront.net/wp-content/uploads/sites/2/2020/06/22114902/Weaver_annie-640x425.jpg" />
         </figure>
         <span class="news-summary-wrap">
           <span class="news-link-wrap">
             <a href="https://news.illinoisstate.edu/2020/06/weaver-honored-with-living-our-values-award/" class="news-link">Weaver honored with Living Our Values Award&nbsp;</a>
           </span>
           <br />
         </span>
       </div>
       <span class="news-item-btm"><!--Bottom--></span>
     </div>
     <div class="news-item">
       <span class="news-item-top"><!--Top--></span>
       <div class="news-item-mid">
         <figure class="news-img-wrap">
           <img class="news-thumb" alt="Chris Marks and Washington family" src="https://d32dsh9a6dg9hg.cloudfront.net/wp-content/uploads/sites/2/2020/06/12154341/Chris-Marks-and-Washington-Family-640x425.jpg" />
         </figure>
         <span class="news-summary-wrap">
           <span class="news-link-wrap">
             <a href="https://news.illinoisstate.edu/2020/06/recognizing-college-of-education-donors/" class="news-link">Recognizing College of Education donors</a>
           </span>
           <br />
         </span>
       </div>
       <span class="news-item-btm"><!--Bottom--></span>
     </div>
   </div>
 </div>