From 2e2468e2d89b275481dfd54992addabfdbdb8ad8 Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Fri, 10 Nov 2017 17:01:26 -0500
Subject: [PATCH] Slideshow now using the 'slideshows' plugin, and functions
 like on CSRYE; with a central slide-in description box

---
 parts/slide-show.php |  2 -
 scss/_slideshow.scss | 91 +++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 90 insertions(+), 3 deletions(-)

diff --git a/parts/slide-show.php b/parts/slide-show.php
index 6b8d771..0f06d98 100644
--- a/parts/slide-show.php
+++ b/parts/slide-show.php
@@ -1,10 +1,8 @@
 <?php if (is_front_page()) : ?>
 	<div id="slideshow">
-        <ul>
             <?php if ( is_active_sidebar( 'slideshow' ) ) : ?>
                 <?php dynamic_sidebar( 'slideshow' ); ?>
             <?php endif; ?>
-        </ul>
    	</div>
     <div id="slide-border"></div>
 <?php endif; ?>
diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 1bf98a5..6851b8d 100644
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -31,4 +31,93 @@ div#slide-border {
     width: 100%;
     background: url(../assets/repeating-color-bar.jpg) repeat-x;
     display: block;
-}
\ No newline at end of file
+}
+
+#slideshow {
+//    border-bottom: 5px solid $d-blue;
+    margin-top: -12px;
+//    min-width: 1600px;
+    width: 100%;
+    max-height: 665px;
+    position: relative;
+//    overflow: hidden;
+    z-index: 0;
+    #caption {
+        position: absolute;
+        background: rgba($white, 0);
+        color: $white;
+//        margin-top: -51px;
+        p {
+            padding: 10px 5px;
+            font-size: 12px;
+            margin: 0;
+            text-align: right;
+        }
+    }
+    li {
+        list-style: none;
+    }
+}
+#slideshow .slideshow_description_box div.slideshow_title{
+    display: none;
+    position: absolute;
+    right: 100px;
+    bottom: 0;
+    padding: 10px 20px;
+    background-color: rgba(0,0,0,0.8);
+}
+
+
+#slideshow .slideshow_description_box {
+    top: 0;
+    bottom: 0;
+}
+#slideshow .slideshow_slide {
+    position: relative;
+}
+@media#{$small-only}{
+    .slideshow_description{
+        display: none;
+    }
+}
+@media#{$medium-up}{
+    
+    #slideshow .slideshow_description_box div.slideshow_description {
+    background-color: rgba(0,0,0,0.8);
+    padding: 15px 40px;
+    position: absolute;
+    left: -100%;   
+    top: 50%;
+    right: 100%;
+    font-size: 40px;
+    font-family: "Damion";
+    width: 600px;
+//    line-height: 1;
+}
+    #slideshow .slideshow_view.slideshow_currentView .slideshow_description_box div.slideshow_description {
+        left: 0;
+        right: 0;
+        width: 600px;
+        margin: 0 auto;
+        transition: 1.4s all;
+        border-radius: 11px;
+        font-size: 40px;
+        font-family: "Damion";
+    }
+
+}
+
+#slideshow .slideshow_container_style-light .slideshow_description_box {
+    background: none;
+}
+#slideshow .slideshow_container_style-light .slideshow_transparent:hover,
+#slideshow .slideshow_container_style-light .slideshow_transparent {
+    opacity: 1;
+}
+#slideshow .slideshow_container_style-light .slideshow_description_box div.slideshow_title {
+    font-size: 14px;   
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    
+}    
+    
\ No newline at end of file
-- 
2.17.1