switch to materialize carousel

.gitignore

@@ -25,8 +25,10 @@ build/Release
 # Dependency directory
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 node_modules
+bower_components
 
 #jekyll files
 _site
 .sass-cache
 .jekyll-metadata
+

_includes/head.html

@@ -10,7 +10,6 @@
     <!-- Optional theme -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
 
-    <!-- <link rel="stylesheet" href="/styles/style.css"> -->
     <link rel="stylesheet" href="/styles/style2.css">
 
 </head>

_includes/scripts.html

@@ -1,9 +1,12 @@
 <!-- JQUERY -->
-<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
+<script src="scripts/jquery.min.js"></script>
 <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 
 <!-- BOOTSTRAP -->
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
 
+<!-- Materialize Carousel-->
+<script src="scripts/carousel.js"></script>
+
 <!-- OUR SCRIPTS -->
 <script src="scripts/main.js"></script>

_includes/studentLife.html

@@ -1,6 +1,6 @@
 <div id="studentLifeText">
   <h1>engageCommunity();</h1>
-  
+
   <p>As an extension of learning our craft, NSS students are encouraged to participate in meetups, hackathons, technology conferences and other events outside the classroom that integrate us into the Nashville technology community at-large.</p>
 
   <p>Cohort 11 has taken that suggestion to heart.  We have volunteered at BarCamp, Music City Code and Republic Schools, attended Global Game Jam and joined Girl Geek Dinners, WomenGetIT, NashJS, Code for Nashville and Nashville PHP.</p>
@@ -9,54 +9,13 @@ <h1>engageCommunity();</h1>
 </div>
 
 <div id="studentLifePics">
-  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
-    <!-- Indicators -->
-    <ol class="carousel-indicators">
-      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
-      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
-      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
-      <li data-target="#carousel-example-generic" data-slide-to="3"></li>
-    </ol>
-
-    <!-- Wrapper for slides -->
-    <div class="carousel-inner" role="listbox">
-      <div class="item active">
-        <img src="/images/photo.jpg" alt="students">
-        <div class="carousel-caption">
-         <!-- captions go here -->
-        </div>
-      </div>
-
-      <div class="item">
-        <img src="/images/photo1.jpg" alt="other students">
-        <div class="carousel-caption">
-          <!-- captions go here -->
-        </div>
-      </div>
 
-      <div class="item">
-        <img src="/images/photo2.jpg" alt="NSS door">
-        <div class="carousel-caption">
-          <!-- captions go here -->
-        </div>
-      </div>
-
-      <div class="item">
-        <img src="/images/photo3.jpg" alt="more students">
-        <div class="carousel-caption">
-            <!-- captions go here -->
-        </div>
-      </div>
-    </div>
-
-    <!-- Controls -->
-    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
-      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-      <span class="sr-only">Previous</span>
-    </a>
-    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
-      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-      <span class="sr-only">Next</span>
-    </a>
+  <div class="carousel">
+    <a class="carousel-item" href="#one!"><img src="/images/photo.jpg"></a>
+    <a class="carousel-item" href="#two!"><img src="/images/photo2.jpg"></a>
+    <a class="carousel-item" href="#three!"><img src="/images/photo3.jpg"></a>
+    <a class="carousel-item" href="#four!"><img src="/images/photo3.jpg"></a>
+    <a class="carousel-item" href="#five!"><img src="/images/photo3.jpg"></a>
   </div>
+
 </div>