Merge pull request #66 from alanocallaghan/slide-refactor

Slide refactor

Author: alanocallaghan

_config.yml

@@ -9,3 +9,4 @@ repository: qupath/qupath.github.io
 collections:
   slides:
     _hide_content: true
+    sort_by: priority

_includes/footer.html

@@ -2,6 +2,7 @@
 <footer>
         <p class="footer-text">{{page.footer-1 }}
         <p class="footer-text">{{page.footer-2 }}
+        <p class="footer-text">{{page.footer-3 }}
         </p>
         <hr>
         </hr>

_includes/slideshow.html

@@ -1,7 +1,10 @@
 <!-- Slideshow component -->
 <div class="slideshow-container standard-component">
     <!-- Full-width images with number and caption text -->
-    {% for slide in site.slides %}
+
+    {% assign slides_list = site.slides | sort:"priority" %}
+    {% for slide in slides_list %}
+    {% unless slide.hide %}
     <div class="mySlides fade">
         <div class="slide">
             <div class="slide-text {{ slide.slide-text-class }}">
@@ -11,6 +14,7 @@ <h2>{{slide.slide-title }}</h2>
             <img src="{{ slide.slide-img }}" class="{{ slide.slide-img-class }}" alt="">
         </div>
     </div>
+    {% endunless %}
     {% endfor %}
 
     <!-- Next and previous buttons -->
@@ -22,9 +26,9 @@ <h2>{{slide.slide-title }}</h2>
 <br>
 <!-- The dots/circles -->
 <div style="text-align:center">
-    <span class="dot" onclick="currentSlide(1)" tabindex="0"></span>
-    <span class="dot" onclick="currentSlide(2)" tabindex="0"></span>
-    <span class="dot" onclick="currentSlide(3)" tabindex="0"></span>
-    <span class="dot" onclick="currentSlide(4)" tabindex="0"></span>
-    <span class="dot" onclick="currentSlide(5)" tabindex="0"></span>
-</div>
+    {% for slide in site.slides | sort:"priority" | reversed %}
+        {% unless slide.hide %}
+    <span class="dot" onclick="currentSlide({{ forloop.index }})" tabindex="0"></span>
+        {% endunless %}
+    {% endfor %}
+</div>

_sass/_base.scss

@@ -112,7 +112,7 @@
     min-width: 330px;
     margin-bottom: 50px;
     border-radius: 0px 0px 10px 10px;
-    background-color: var(--banner-red);
+    background-color: var(--banner-blue);
   }
 
   div.news-banner-text {

_slides/slide4.md _slides/annotate-faster.md_slides/slide4.md renamed to _slides/annotate-faster.md

@@ -3,4 +3,5 @@ slide-title: Annotate faster
 slide-content: QuPath has lots of tricks to annotate images quickly. See them in action in this <a href="https://twitter.com/petebankhead/status/1295965136646176768?s=20 t=ETG2R8JKrhtT-kSZdW-Cnw" target=blank >annotation tweetorial</a>.
 slide-img: /assets/images/slideshow/annotation-snapping.jpg
 slide-img-class: screenshot-img
----
+priority: 5
+---

slide_archive/slide4.md _slides/bioimage-book.mdslide_archive/slide4.md renamed to _slides/bioimage-book.md

@@ -2,4 +2,6 @@
 slide-title: Understand images
 slide-content: Learn the core ideas behind analyzing images from QuPath’s creator, in the new interactive handbook <a href="https://bioimagebook.github.io/README.html" target=blank>Introduction to Bioimage Analysis</a>.
 slide-img: /assets/images/slideshow/pete-teaching.png
----
+priority: 6
+hide: true
+---

_slides/slide2.md _slides/get-started.md_slides/slide2.md renamed to _slides/get-started.md

@@ -3,4 +3,5 @@ slide-title: Get started
 slide-content: See how QuPath can help visualize & analyze complex images with our step-by-step guides on <a href="https://qupath.readthedocs.io/en/stable/" target=blank>ReadTheDocs</a>.
 slide-img: /assets/images/slideshow/qupath-getting-started.png
 slide-img-class: screenshot-img
----
+priority: 3
+---

_slides/slide3.md _slides/learn-more.md_slides/slide3.md renamed to _slides/learn-more.md

@@ -4,4 +4,5 @@ slide-content: Dive deeper into what QuPath can do by checking out the tutorials
 slide-img: /assets/images/slideshow/qupath-youtube.png
 slide-img-class: inverse screenshot-img
 slide-text-class: inverse-text
----
+priority: 4
+---

_slides/slide1.md

@@ -0,0 +1,8 @@
+---
+slide-title: v0.6.0 has arrived!
+slide-content: <br> Learn about the many new features and improvements in the <a href="https://forum.image.sc/t/qupath-v0-6-0-now-available/114104"target=blank>detailed release notes</a>.
+slide-img: /assets/images/slideshow/qupath-jobs.png
+slide-img-class: inverse
+slide-text-class: inverse-text
+priority: 1
+---