Get the slider working

Author: ejsmith

content/_includes/carousel.html

@@ -23,8 +23,7 @@
 <!--                            class="btn btn-large btn-primary" style="visibility: hidden;">Sign up for FREE!</a></div>-->
 <!--                <div style="clear: both; visibility: hidden;"></div>-->
 <!--            </div>-->
-            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide"
-                 style="position: absolute; top: 0px; left: 0px; z-index: 100; opacity: 0; display: none;">
+            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide">
                 <div class="span6">
                     <div class="thumb thumb-left"><img src="/assets/img/dashboard-2-1024x594.png"></div>
                 </div>
@@ -35,19 +34,17 @@
                             class="btn btn-large btn-primary">Sign up for FREE!</a></div>
                 <div style="clear:both;"></div>
             </div>
-            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide cycle-slide-active"
-                 style="position: absolute; top: 0px; left: 0px; z-index: 119; display: block; opacity: 1;">
+            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide cycle-slide-active">
                 <div class="span6"><h2>Exceptionless makes error reporting a breeze</h2>
                     <p>Simply install the client and begin collecting unhandled exceptions right away. Use our fluent
                         API to send additional details about critical errors and be notified immediately.</p><a
                             href="tour/" class="btn btn-large btn-primary">Take the Tour</a></div>
                 <div class="span6">
-                    <div class="thumb thumb-right"><img src="assets/toexceptionless.png"></div>
+                    <div class="thumb thumb-right"><img src="/assets/img/toexceptionless.png"></div>
                 </div>
                 <div style="clear:both;"></div>
             </div>
-            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide"
-                 style="position: absolute; top: 0px; left: 0px; z-index: 97; display: none; opacity: 0;">
+            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide">
                 <div class="span6">
                     <div class="thumb thumb-left"><img src="/assets/img/logs-2.jpg"></div>
                 </div>
@@ -58,19 +55,18 @@
                         FREE!</a></div>
                 <div style="clear:both;"></div>
             </div>
-            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide"
-                 style="position: absolute; top: 0px; left: 0px; z-index: 96; display: none; opacity: 0;">
+            <div class="cycloneslider-slide cycloneslider-slide-custom cycle-slide">
                 <div class="span6"><h2>Fork Us! Exceptionless is Open Source</h2>
                     <p>Join the community and help us make the software world a better place. Collaborate, give
                         feedback, report bugs, and host Exceptionless yourself - for free.</p><a
                             href="https://github.com/exceptionless/Exceptionless" target="_blank"
                             class="btn btn-large btn-primary">Fork Us on GitHub!</a></div>
                 <div class="span6">
-                    <div class="thumb thumb-right"><img src="assets/slider-github.jpg"></div>
+                    <div class="thumb thumb-right"><img src="/assets/img/slider-github.jpg"></div>
                 </div>
                 <div style="clear:both;"></div>
             </div>
         </div>
-        <a href="#" class="cycloneslider-prev" style="top: 250px;"> <span></span> </a> <a href="#" class="cycloneslider-next" style="top: 250px;"> <span></span>
+        <a href="#" class="cycloneslider-prev"> <span></span> </a> <a href="#" class="cycloneslider-next"> <span></span>
     </a></div>
 </div>

content/assets/css/theme.css

@@ -6254,7 +6254,7 @@ h4 {
 .cycloneslider-prev, .cycloneslider-next {
     cursor: pointer;
     position: absolute;
-    top: 250px;
+    top: 150px;
     height: 36px;
     width: 30px;
     z-index: 160;

content/assets/cyclone-slider-pro/templates/standard/style.css

@@ -59,7 +59,7 @@
 .cycloneslider-template-standard .cycloneslider-prev,
 .cycloneslider-template-standard .cycloneslider-next{
 	position: absolute;
-	top: 250px;
+	top: 150px;
 	height: 36px;
 	width: 30px;
 	background: #555;
@@ -194,6 +194,7 @@
 }
 
 #sliderRow {
+	margin-top: 30px;
 	background:#F1F1F1;
 	border-bottom:1px solid #ddd;
 	min-height:320px;

content/assets/img/news/logs-2.jpg renamed to content/assets/img/logs-2.jpg

@@ -106,8 +106,8 @@ <h2>What Our Customers Say</h2>
     </div><!-- /#content -->
 </div><!-- /#wrap -->
 
-<script defer src="/assets/cyclone-slider-pro/jquery.easing.1.3.js" id="jquery-easing-js"></script>
-<script defer src="/assets/cyclone-slider-pro/libs/cycle2/jquery.cycle2.min.js" id="jquery-cycle2-js"></script>
-<script defer src="/assets/cyclone-slider-pro/libs/cycle2/jquery.cycle2.swipe.min.js" id="jquery-cycle2-swipe-js"></script>
-<script defer src="/assets/cyclone-slider-pro/templates/standard/script.js" id="cyclone-template-script-standard-js"></script>
-<script defer src="/assets/cyclone-slider-pro/js/client.js" id="cyclone-client-js"></script>
+<script src="/assets/cyclone-slider-pro/jquery.easing.1.3.js" id="jquery-easing-js"></script>
+<script src="/assets/cyclone-slider-pro/libs/cycle2/jquery.cycle2.min.js" id="jquery-cycle2-js"></script>
+<script src="/assets/cyclone-slider-pro/libs/cycle2/jquery.cycle2.swipe.min.js" id="jquery-cycle2-swipe-js"></script>
+<script src="/assets/cyclone-slider-pro/templates/standard/script.js" id="cyclone-template-script-standard-js"></script>
+<script src="/assets/cyclone-slider-pro/js/client.js" id="cyclone-client-js"></script>