Events Feed

Version: 0.9.0

Edit

This component is built for the feed script that pulls from topics on Events.IllinoisState.edu. The default style displays a large view of the date to the left of the basic event details.

The number of events displayed can be adjusted through the script parameters. There are also display options controlled through the parameters of the script to show descriptions, hide the large date, or show images.

Events Feed

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

Aug 11

Teacher Education Fall 2020 Kickoff 8/11/20 at 11:00 AM Bone Student Center Ballrooms 1 and 2

Teacher Education Fall 2020 Data and Planning 8/11/20 at 1:00 PM Bone Student Center Ballrooms 1 and 2

Sep 15

Fall Internship Fair 9/15/20 at 4:00 PM Bone Student Center

<!-- events feed -->
<div class="wrap-cal cal-icon">
  <div class="cal-item">
    <span class="cal-item-top"><!--Top--></span>
    <div class="cal-item-mid">
      <div class="cal-date-icon">
        <span class="cal-date-month">Aug</span>
        <span class="cal-date-day">11</span>
      </div>
      <span class="cal-link-wrap cal-wrap">
        <a class="cal-link" href="https://events.illinoisstate.edu/event/teacher-education-fall-2020-kickoff/">Teacher Education Fall 2020 Kickoff</a>
      </span>
      <span class="cal-desc">
        <span class="cal-start">8/11/20 at 11:00 AM</span>
        <a class="cal-location-link" href="https://events.illinoisstate.edu/venue/bone-student-center-ballrooms-1-and-2/"><span>Bone Student Center Ballrooms 1 and 2</span></a>
      </span>
    </div>
    <span class="cal-item-btm"><!--Bottom--></span>
  </div>
  <div class="cal-item">
    <span class="cal-item-top"><!--Top--></span>
    <div class="cal-item-mid">
      <span class="cal-link-wrap cal-wrap">
        <a class="cal-link" href="https://events.illinoisstate.edu/event/teacher-education-fall-2020-data-and-planning/">Teacher Education Fall 2020 Data and Planning</a></span>
        <span class="cal-desc">
          <span class="cal-start">8/11/20 at 1:00 PM</span>
          <a class="cal-location-link" href="https://events.illinoisstate.edu/venue/bone-student-center-ballrooms-1-and-2/"><span>Bone Student Center Ballrooms 1 and 2</span></a>
        </span>
     </div>
     <span class="cal-item-btm"><!--Bottom--></span>
   </div>
   <div class="cal-item">
     <span class="cal-item-top"><!--Top--></span>
     <div class="cal-item-mid">
       <div class="cal-date-icon">
         <span class="cal-date-month">Sep</span>
         <span class="cal-date-day">15</span>
       </div>
       <span class="cal-link-wrap cal-wrap">
         <a class="cal-link" href="https://events.illinoisstate.edu/event/fall-internship-fair-3/">Fall Internship Fair</a>
       </span>
       <span class="cal-desc">
         <span class="cal-start">9/15/20 at 4:00 PM</span>
         <a class="cal-location-link" href="https://events.illinoisstate.edu/venue/bone/"><span>Bone Student Center</span></a>
       </span>
     </div>
     <span class="cal-item-btm"><!--Bottom--></span>
   </div>
 </div>