Skip to content

Slide refactor #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Jun 27, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,4 @@ repository: qupath/qupath.github.io
collections:
slides:
_hide_content: true
sort_by: priority
1 change: 1 addition & 0 deletions _includes/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
18 changes: 11 additions & 7 deletions _includes/slideshow.html
Original file line number Diff line number Diff line change
@@ -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 }}">
Expand All @@ -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 -->
Expand All @@ -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>
2 changes: 1 addition & 1 deletion _sass/_base.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
3 changes: 2 additions & 1 deletion _slides/slide4.md → _slides/annotate-faster.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
---
4 changes: 3 additions & 1 deletion slide_archive/slide4.md → _slides/bioimage-book.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
---
3 changes: 2 additions & 1 deletion _slides/slide2.md → _slides/get-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
---
3 changes: 2 additions & 1 deletion _slides/slide3.md → _slides/learn-more.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
---
7 changes: 0 additions & 7 deletions _slides/slide1.md

This file was deleted.

8 changes: 8 additions & 0 deletions _slides/v0-6-0.md
Original file line number Diff line number Diff line change
@@ -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
---
3 changes: 2 additions & 1 deletion _slides/slide0.md → _slides/zero-to-hero.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
---
17 changes: 9 additions & 8 deletions index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@
qupath_github: https://github.com/qupath/qupath
qupath_java_docs: https://qupath.github.io/javadoc/docs/
qupath_releases: https://github.com/qupath/qupath/releases/
qupath_release_notes: https://github.com/qupath/qupath/releases/tag/v0.5.1
qupath_release_notes: https://github.com/qupath/qupath/releases/tag/v0.6.0
qupath_release_latest: https://github.com/qupath/qupath/releases/latest
qupath_download_msi: https://github.com/qupath/qupath/releases/download/v0.5.1/QuPath-v0.5.1-Windows.msi
qupath_download_zip: https://github.com/qupath/qupath/releases/download/v0.5.1/QuPath-v0.5.1-Windows.zip
qupath_download_pkg: https://github.com/qupath/qupath/releases/download/v0.5.1/QuPath-v0.5.1-Mac-x64.pkg
qupath_download_pkg_s: https://github.com/qupath/qupath/releases/download/v0.5.1/QuPath-v0.5.1-Mac-arm64.pkg
qupath_download_tar: https://github.com/qupath/qupath/releases/download/v0.5.1/QuPath-v0.5.1-Linux.tar.xz
qupath_download_msi: https://github.com/qupath/qupath/releases/download/v0.6.0/QuPath-v0.6.0-Windows.msi
qupath_download_zip: https://github.com/qupath/qupath/releases/download/v0.6.0/QuPath-v0.6.0-Windows.zip
qupath_download_pkg: https://github.com/qupath/qupath/releases/download/v0.6.0/QuPath-v0.6.0-Mac-x64.pkg
qupath_download_pkg_s: https://github.com/qupath/qupath/releases/download/v0.6.0/QuPath-v0.6.0-Mac-arm64.pkg
qupath_download_tar: https://github.com/qupath/qupath/releases/download/v0.6.0/QuPath-v0.6.0-Linux.tar.xz
qupath_documentation: https://qupath.readthedocs.io/en/stable/
qupath_installation: https://qupath.readthedocs.io/en/stable/docs/intro/installation.html
qupath_citation: https://qupath.readthedocs.io/en/stable/docs/intro/citing.html
Expand All @@ -26,7 +26,7 @@ description: QuPath is cross-platform, user-friendly open source software for di
logo: assets/images/favicon.ico

#Banner
banner: <a href="https://github.com/qupath/qupath/releases/tag/v0.6.0-rc5" target=blank>Early release candidate for v0.6.0-rc5 now available for testing!</a>
banner: <a href="https://github.com/qupath/qupath/releases/tag/v0.6.0" target=blank>Version 0.6.0 is here!</a>

#Hero content
hero-heading: QuPath
Expand Down Expand Up @@ -57,7 +57,7 @@ download_dropdown_tar_aria: follow this link to download qupath for Linux t a r
qupath_download_which: https://qupath.readthedocs.io/en/latest/docs/intro/installation.html#qupath-for-mac
download_dropdown_which: Not sure which version?

latest_release_notes: Release notes v0.5.1
latest_release_notes: Release notes v0.6.0
all_release_notes: Looking for another version? Find <a href="https://github.com/qupath/qupath/releases" target=blank>all releases</a>
install_troubleshooting: Trouble installing? Check out the <a href="https://qupath.readthedocs.io/en/stable/docs/intro/installation.html" target=blank>installation notes</a>

Expand All @@ -75,6 +75,7 @@ icon-3-aria: follow this link to the qupath github code base
#footer
footer-1: To reference QuPath in scientific publications, see <a href="https://qupath.readthedocs.io/en/stable/docs/intro/citing.html" target="_blank" rel=”noopener”>'How to cite QuPath'</a>
footer-2: QuPath is open source software, licensed under the <a href="https://github.com/qupath/qupath/blob/main/LICENSE" target="_blank" rel=”noopener”>GNU General Public License</a>
footer-3: QuPath is not intended for clinical, diagnostic or therapeutic purposes.
twitter_aria: follow this link to the qupath github twitter account
github_aria: follow this link to the qupath github code base
---