<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>String Band Archives</title>

  <!-- Styles -->
  <link href="https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/litera/bootstrap.min.css" rel="stylesheet" integrity="sha384-D/7uAka7uwterkSxa2LwZR7RJqH2X6jfmhkJ0vFPGUtPyBMF2WMq9S+f9Ik5jJu1" crossorigin="anonymous">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto%7CDroid+Serif">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href='styles.css' rel='stylesheet' type='text/css'>
</head>

<body>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-primary static-top">
    <div class="container">
      <a class="navbar-brand" href="index.html">String Band Archives 2.0</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="audio.html">Audio</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="photos.html">Photos</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="video.html">Video</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="http://stringbanddatabase.com">Database</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="contact.html">Contact Us</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div class="container">
    <div class="row">
      <div class="col-lg-12 card">
        <h1 id="results-header"> Results</h1>
        <div class="table-responsive">
          <table id="bands" class="table tablesorter">
            <thead>
              <tr>
                <th title="Sort results by band prize">Band<br>Prize <i class="fa fa-sort fa-fw" aria-hidden="true"></i></th>
                <th title="Sort results by band name">Band <i class="fa fa-sort fa-fw" aria-hidden="true"></i></th>
                <th title="Sort results by theme title">Theme Title <i class="fa fa-sort fa-fw" aria-hidden="true"></i></th>
                <th title="Sort results by captain first name">Captain <i class="fa fa-sort fa-fw" aria-hidden="true"></i></th>
                <th title="Sort results by captain prize">Captain<br>Prize <i class="fa fa-sort fa-fw" aria-hidden="true"></i></th>
                <th title="Sort results by marching order">Marching<br>Order <i class="fa fa-sort fa-fw" aria-hidden="true"></i></th>
                <th title="Sort results by band score">Band<br>Score <i class="fa fa-sort fa-fw" aria-hidden="true"></i></th>
                <th></th>
                <th class="note">Note</th>
              </tr>
            </thead>
            <script id="bands-template" type="text/x-handlebars-template">
              {{#if num}}
                <tr>
                  <td><span>{{cellsArray.[1]}}</span></td>
                  <td>{{cellsArray.[2]}}</td>
                  <td>
                    {{#if cellsArray.[8]}}
                      <a href="{{cellsArray.[8]}}" title="Watch {{cellsArray.[2]}}'s {{cellsArray.[0]}} video" target="_blank"><i class="fa fa-youtube-play"></i> {{cellsArray.[3]}}</a>
                    {{else}}
                      {{cellsArray.[3]}}
                    {{/if}}
                  </td>
                  <td>{{cellsArray.[4]}}</td>
                  <td><span>{{cellsArray.[5]}}</span></td>
                  <td>{{cellsArray.[6]}}</td>
                  <td>{{cellsArray.[7]}}</td>
                  <td class="note">{{cellsArray.[9]}}</td>
                </tr>
              {{/if}}
            </script>
          </table>
          <div class="footnotes">
            <div class="note dqNote">DQ: Disqualified.</div>
          </div>
          <h5 class="text-center database">Visit the <a href="http://stringbanddatabase.com">String Band Database</a> for more prize results and parade information.</h5>
          </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-4">
        <h5 class="text-center">Featured Album Of The Month</h5>
        <p class="text-center">
        <a href="audio-database.html?album=struttin"><img src="img/featured-album.png" alt="Struttin'" width="200" height="200" class="rounded"></a></p>
        <br>
        <p class="text-center"><a class="btn btn-primary" href="audio.html" role="button">View More Audio ยป</a></p>
      </div>
      <div class="col-lg-4">
        <h5 class="text-center">Welcome Back Mum Freaks!</h5>
        <img src="img/Mummy_Turtle.gif" alt="turtle" class="turtle">
     </div>
      <div class="col-lg-4">
        <h5 class="text-center">Random From The Archive</h5>
        <div class="embed-responsive embed-responsive-16by9">
          <table id="themes" class="table tablesorter themes"></table>
          <div id="video"></div>
        </div>
      </div>
    </div>

    <footer class="footer">
      <hr>
      <p>Thanks to: Russ Coleman, Joe Marchesa, Brian Reed, John Wernega, Joe Fink,  Michael Osowiecki, Amanda Ettinger,
      Terry McDonald, John Gilbert, Scott Ratzke, Mike Weick, Eric Leso,
      Marty Rotindo Jr., Shawn Decky, Paul Gawlinski, and Dan Mizner to whom without their generous contributions this site would not be possible!</p>
      <p>Operated by <a href="https://tjferry.com">TJ Ferry</a>. Previously operated by Russ Coleman and Joe Marchesa.</p>
    </footer>

  </div><!-- /.container -->

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/chance/1.0.4/chance.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.21.4/js/jquery.tablesorter.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sheetrock/1.1.4/dist/sheetrock.min.js"></script>

  <script src="js/home.js"></script>

</body>

</html>