Rename slides and sort by priority

Author: alanocallaghan

_config.yml

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

_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>

_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/slide0.md _slides/v0-6-0.md_slides/slide0.md renamed to _slides/v0-6-0.md

@@ -4,4 +4,5 @@ slide-content: <br> QuPath v0.6.0 is out now — featuring new tools and a bunch
 slide-img: /assets/images/slideshow/qupath-jobs.png
 slide-img-class: inverse
 slide-text-class: inverse-text
----
+priority: 1
+---

_slides/slide1.md _slides/zero-to-hero.md_slides/slide1.md renamed to _slides/zero-to-hero.md

@@ -2,4 +2,5 @@
 slide-title: From Zero to QuPath Hero!
 slide-content: <br> Join Laura on her epic journey from humble beginnings to QuPath mastery in her new <a href="https://www.youtube.com/watch?v=MBrAVUsUdio&list=PLSCpSsEmyRpANBGQXB_oGslW9NIJz4A12&ab_channel=LauraNicolas-Saenz"target=blank>YouTube series</a>. 
 slide-img: /assets/images/slideshow/zero-hero-thumbnail.gif
----
+priority: 2
+---