<commit_before><!--All of the below html is put in index.html's BODY tag-->
<script src="assets/vendor.js"></script>
<script src="assets/jolli.js"></script>

<style>
  .nav {
  padding: 0 !important;
  }
  .nav li {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  }
</style>

<div class="container">
  <!--div that contains the HEADER and NAVBAR-->
  <div id="top" class="row header-wrap">

    <!--Supposed to be a shortcut for the header. Don't worry about this.-->
    <a href="#nav-section" class="skip">Skip to Navigation</a>

    <!--HEADER (top of the page containing the auburn icon and the top-right search bar)-->
    <header role="banner">
      <div class="logo hidden-print" onclick="window.location='https://www.auburn.edu'" title="AU Homepage" aria-label="Auburn University Homepage">
        <img src="https://www.auburn.edu/outreach/template_files/headerLogo.png" alt="Auburn University Homepage"/>
      </div>
      <div class="menu-icon hidden-print" data-toggle="offcanvas">
        <i class="icon-reorder"></i>
      </div>
      <div class="header-title">
        <div class="top-links hidden-print">
          <a href="https://www.auburn.edu/main/sitemap.php">A-Z Index</a> | <a href="https://www.auburn.edu/map">Map</a> | <a href="https://www.auburn.edu/main/auweb_campus_directory.html" class="lastTopLink">People Finder</a>
        </div>
        <form action="https://search.auburn.edu" class="search-form form-group hidden-print" method="get">
          <div class="search-box">
            <input type="text" name="q" id="q" role="search" accesskey="q" tabindex="1" class="search-field form-control" placeholder="Search AU..." value=""/>
          </div>
          <input type="hidden" name="cx" value="006456623919840955604:pinevfah6qm"/>
          <input type="hidden" name="ie" value="utf-8"/>
          <label for="q" class="form-control" style="position: absolute; left: -9999px; visibility: hidden;">Enter your search terms</label>
        </form>
        <div class="title-area">
          <img class="visible-print" src="//cdn.auburn.edu/assets/img/header-logo-print.png" height="48" width="245" alt="Auburn University Logo"/>
          <div class="main-heading hidden-print">
            <a href="">Osher Lifelong Learning Institute</a>
          </div>
          <div class="sub-heading hidden-print">
            <a href="https://www.auburn.edu/outreach">University Outreach</a>
          </div>
        </div>
      </div>
    </header>

    <div id="customNav" class="navbar hidden-print" role="navigation">
    </div>

    <!--Supposed to be a shortcut for the navbar. Don't worry about this.-->
    <a href="#content" class="skip">Skip to Main Content</a>
  </div>

  <!--This all of the PAGE CONTENT containing the sidebar and main body -->
  <div id="content wrapper" class="row row-offcanvas row-offcanvas-left content-area" style="margin-top: 30px;">

     <!--This is the SIDEBAR. It doesn't function properly -->
        <div id="sidebar" class="hidden-print col-lg-3 sidebar sidebar-offcanvas">
            <div class="sidebar-content accordion">
                <a class="olli upLink" href="">OLLI</a>
                <a class="olli" href="about">About Us</a>
                <a class="olli" href="courses">Courses</a>
                <a class="olli" href="bulletinboard.pdf" onclick="urlencode(this); return false;">Newsletter</a>
                <a class="olli" href="calendar">Calendar</a>
                <a class="olli" href="donate">Donate</a>
                <a class="olli" href="contact">Contact Us</a>
                <a class="olli" href="contact">Social Media Links</a>
                <a class="olli" href="writingourlives">Writing Our Lives Sampler</a>
                <a href="http://nrc.northwestern.edu/" target="new">
                        <img class="img-responsive" src="ollilogo.png" alt="OLLI" />
                </a>
                <div class="orange-bar">&nbsp;</div>
                <a href="https://www.auburn.edu/outreach">University Outreach</a>
                <br />
                <br />
                <br />
            </div>
        </div>

        <!--This is the "MAIN" BODY for the index page -->
        <div class="content-division col-lg-9" id="wrapper" role="main">
            <div id="first">
                <h2>
                    <a href="calendar">Upcoming Events</a>
                </h2>
                <ul>
                    <li class="event">
                        <div class="event-date">
                            <div class="event-date-month" style="float: left;">OCT</div>
                            &nbsp;
              <span class="event-date-day">2</span>
                        </div>
                        <div class="event-details">
                            <a class="event-details-name"
                                href="#"
                                target="_blank" onclick="urlencode(this); return false;">OLLI Back to School Event
                            </a>
                            <div class="event-details-location">Jule Collins Smith Museum of Fine Arts</div>
                            <div class="event-details-time">6pm - 8pm</div>
                        </div>
                    </li>
                    <li class="event">
                        <div class="event-date">
                            <div class="event-date-month" style="float: left;">OCT</div>
                            &nbsp;
              <span class="event-date-day">8</span>
                        </div>
                        <div class="event-details">
                            <a class="event-details-name"
                                href="#"
                                target="_blank" onclick="urlencode(this); return false;">Brown Bag Lunch and Learn
                            </a>
                            <div class="event-details-location">Clarion Inn &amp; Suites, Ballroom CD (2nd Floor)</div>
                            <div class="event-details-time">12pm - 2pm</div>
                        </div>
                    </li>
                </ul>
                <a class="events-more" href="calendar">More events</a>
            </div>

            <div class="col-md-6 carousel" id="second">
                <div class="carousel-wrap">
                    <div class="carousel-item">
                        <img class="carousel-item-img" src="OlliHomePicture.jpg" />
                        <div class="carousel-item-description" style="padding-top:10px;">
                            <!--<a href="join" class="carousel-item-description-header btn join-btn" style="margin-top: 0; word-wrap: break-word;">
                                <p>
                                    <strong>Click here to Join OLLI at Auburn</strong>
                                </p>
                            </a>-->
                            <form action="join" style="height: 30px;">
                              <input type="submit" value="Click Here to Join OLLI at Auburn" style="width: 80%; height: 45px; background-color: Transparent; font-size: small; font-weight: bold; white-space: normal;">
                            </form>
                            <div class="carousel-item-description-body" style="margin-top: 10px;">
                                Become a member and get back into academia.<commit_msg>4/30 push to olli updated dev site<commit_after><!--All of the below html is put in index.html's BODY tag-->
<script src="assets/vendor.js"></script>
<script src="assets/jolli.js"></script>

<style>
  .nav {
  padding: 0 !important;
  }
  .nav li {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  }
  ul {
      margin-bottom: 10px !important;
      padding: 0 !important;
  }
  ul li {
    background: none !important;
    padding-top: 10px;
    display: flex !important;
  }
  ul li .event-date{
      background: url(https://www.auburn.edu/template/styles/images/css-sprite.png) -172px 0 no-repeat !important;
      display: inline-block;
      float: left;
      height: 50px;
      vertical-align: top;
      width: 38px;
      margin: 3px 5px;
      position: relative;
  }
  .event-details-name {
      font-weight: bold;
      color: black !important;
  }
  .event-date-month {
      font-size: smaller;
      font-weight: bold;
  }
  .event-details-time {
    color: #dd550c !important;
  }
  .event-details-location {
    color: #496e9c;
  }
  ul li .event-date .event-date-day {
        padding-right: 10px;
        text-align: center;
  }
  ul li .event-details{
      float: left;
      width: 60% !important;
  }

</style>

<div class="container">
  <!--div that contains the HEADER and NAVBAR-->
  <div id="top" class="row header-wrap">

    <!--Supposed to be a shortcut for the header. Don't worry about this.-->
    <a href="#nav-section" class="skip">Skip to Navigation</a>

    <!--HEADER (top of the page containing the auburn icon and the top-right search bar)-->
    <header role="banner">
      <div class="logo hidden-print" onclick="window.location='https://www.auburn.edu'" title="AU Homepage" aria-label="Auburn University Homepage">
        <img src="https://www.auburn.edu/outreach/template_files/headerLogo.png" alt="Auburn University Homepage"/>
      </div>
      <div class="menu-icon hidden-print" data-toggle="offcanvas">
        <i class="icon-reorder"></i>
      </div>
      <div class="header-title">
        <div class="top-links hidden-print">
          <a href="https://www.auburn.edu/main/sitemap.php">A-Z Index</a> | <a href="https://www.auburn.edu/map">Map</a> | <a href="https://www.auburn.edu/main/auweb_campus_directory.html" class="lastTopLink">People Finder</a>
        </div>
        <form action="https://search.auburn.edu" class="search-form form-group hidden-print" method="get">
          <div class="search-box">
            <input type="text" name="q" id="q" role="search" accesskey="q" tabindex="1" class="search-field form-control" placeholder="Search AU..." value=""/>
          </div>
          <input type="hidden" name="cx" value="006456623919840955604:pinevfah6qm"/>
          <input type="hidden" name="ie" value="utf-8"/>
          <label for="q" class="form-control" style="position: absolute; left: -9999px; visibility: hidden;">Enter your search terms</label>
        </form>
        <div class="title-area">
          <img class="visible-print" src="//cdn.auburn.edu/assets/img/header-logo-print.png" height="48" width="245" alt="Auburn University Logo"/>
          <div class="main-heading hidden-print">
            <a href="">Osher Lifelong Learning Institute</a>
          </div>
          <div class="sub-heading hidden-print">
            <a href="https://www.auburn.edu/outreach">University Outreach</a>
          </div>
        </div>
      </div>
    </header>

    <div id="customNav" class="navbar hidden-print" role="navigation">
    </div>

    <!--Supposed to be a shortcut for the navbar. Don't worry about this.-->
    <a href="#content" class="skip">Skip to Main Content</a>
  </div>

  <!--This all of the PAGE CONTENT containing the sidebar and main body -->
  <div id="content wrapper" class="row row-offcanvas row-offcanvas-left content-area" style="margin-top: 30px;">

     <!--This is the SIDEBAR. It doesn't function properly -->
        <div id="sidebar" class="hidden-print col-lg-3 sidebar sidebar-offcanvas">
            <div class="sidebar-content accordion">
                <a class="olli upLink" href="">OLLI</a>
                <a class="olli" href="about">About Us</a>
                <a class="olli" href="courses">Courses</a>
                <a class="olli" href="bulletinboard.pdf" onclick="urlencode(this); return false;">Newsletter</a>
                <a class="olli" href="calendar">Calendar</a>
                <a class="olli" href="donate">Donate</a>
                <a class="olli" href="contact">Contact Us</a>
                <a class="olli" href="contact">Social Media Links</a>
                <a class="olli" href="writingourlives">Writing Our Lives Sampler</a>
                <a href="http://nrc.northwestern.edu/" target="new">
                        <img class="img-responsive" src="ollilogo.png" alt="OLLI" />
                </a>
                <div class="orange-bar">&nbsp;</div>
                <a href="https://www.auburn.edu/outreach">University Outreach</a>
                <br />
                <br />
                <br />
            </div>
        </div>

        <!--This is the "MAIN" BODY for the index page -->
        <div class="content-division col-lg-9" id="wrapper" role="main">
            <div id="first">
                <h3>
                    <a href="calendar">Upcoming Events</a>
                </h3>
                <ul>
                    <li class="event">
                        <div class="event-date">
                            <div class="event-date-month" style="float: left;">MAY</div>
                            &nbsp;
                            <div class="event-date-day">6</div>
                        </div>
                        <div class="event-details">
                            
                            <a class="event-details-name" href="#" target="_blank" onclick="urlencode(this); return false;">
                              Brown Bag Lunch and Learn: VE Day with <NAME>
                            </a>
                            <div class="event-details-time">
                              <i class="icon-fixed-width"></i>
                              12:00 - 2:00 pm
                            </div>
                            <div class="event-details-location">
                              <i class="icon-fixed-width"></i>
                              Ballroom CD, Clarion Inn & Suites
                            </div>
                        </div>
                    </li>
                    <li class="event">
                        <div class="event-date">
                            <div class="event-date-month" style="float: left;">MAY</div>
                            &nbsp;
                        <div class="event-date-day">12</div>
                        </div>
                        <div class="event-details">
                            <a class="event-details-name" href="#" target="_blank" onclick="urlencode(this); return false;">
                              Brown Bag Lunch and Learn: American Theatre Recital with the OLLI Theatre students
                            </a>
                            <div class="event-details-time">
                              <i class="icon-fixed-width"></i>
                              11:45 am - 12:40 pm
                            </div>
                            <div class="event-details-location">
                              <i class="icon-fixed-width"></i>
                              Clarion Inn & Suites
                            </div>
                        </div>
                    </li>
                    <li class="event">
                        <div class="event-date">
                            <div class="event-date-month" style="float: left;">MAY</div>
                            &nbsp;
                            <div class="event-date-day">14</div>
                        </div>
                        <div class="event-details">
                            
                            <a class="event-details-name" href="#" target="_blank" onclick="urlencode(this); return false;">
                             OLLI Spring term classes end
                            </a>
                            <div class="event-details-time">
                              <i class="icon-fixed-width"></i>
                              8:30 am - 4:00 pm
                            </div>
                            <div class="event-details-location">
                              <i class="icon-fixed-width"></i>
                              Clarion Inn & Suites
                            </div>
                        </div>
                    </li>
                    <li class="event">
                        <div class="event-date">
                            <div class="event-date-month" style="float: left;">MAY</div>
                            &nbsp;
                        <div class="event-date-day">18</div>
                        </div>
                        <div class="event-details">
                            <a class="event-details-name" href="#" target="_blank" onclick="urlencode(this); return false;">
                              OLLI Annual Meeting and Spring Social
                            </a>
                            <div class="event-details-time">
                              <i class="icon-fixed-width"></i>
                              9:30 - 11:30 am
                            </div>
                            <div class="event-details-location">
                              <i class="icon-fixed-width"></i>
                              Dance Floor, Clarion Inn & Suites
                            </div>
                        </div>
                    </li>
                </ul>
                <br />
                <a class="events-more" href="calendar" style="float:left; padding-top: 15px;">More events</a>
            </div>

            <div class="col-md-6 carousel" id="second">
                <div class="carousel-wrap">
                    <div class="carousel-item">
                        <img class="carousel-item-img" src="OlliHomePicture.jpg" />
                        <div class="carousel-item-description" style="padding-top:10px;">
                            <!--<a href="join" class="carousel-item-description-header btn join-btn" style="margin-top: 0; word-wrap: break-word;">
                                <p>
                                    <strong>Click here to Join OLLI at Auburn</strong>
                                </p>
                            </a>-->
                            <form action="join" style="height: 30px;">
                              <input type="submit" value="Click Here to Join OLLI at Auburn" style="width: 80%; height: 45px; background-color: Transparent; font-size: small; font-weight: bold; white-space: normal;">
                            </form>
                            <div class="carousel-item-description-body" style="margin-top: 10px;">
                                Become a member and get back into academia.
{'fraction_non_alphanumeric': 0.14468153895893954, 'fraction_numerical': 0.00980709128138808, 'mean_word_length': 1.502562028047465, 'pattern_counts': {'":': 0, '<': 361, '<?xml version=': 0, '>': 361, 'https://': 17, 'lorem ipsum': 0, 'www.': 15, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 10, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3589437', 'n_tokens_mistral': 5341, 'n_tokens_neox': 5007, 'n_words': 1170}