From bc1ed41599c64e3767edaf8b8dcedfa3036d1350 Mon Sep 17 00:00:00 2001 From: Michele Calgaro Date: Sat, 22 Apr 2023 15:14:56 +0900 Subject: Revamp screenshot page and add horizontal file before the page footer. Code inspired by https://www.w3schools.com/howto/howto_js_slideshow.asp Signed-off-by: Michele Calgaro --- footer.php | 22 ---- mainstyle.css | 2 + .../screenshots/large/Blu256-deKorator-autumn.png | Bin 0 -> 1607465 bytes media/screenshots/large/Nikolaus_Klepp_6.jpg | Bin 0 -> 453850 bytes .../large/R14-0-13-full-screenshot-BSD.png | Bin 0 -> 1343476 bytes media/screenshots/large/R14-1-0-michele2-TDE.png | Bin 0 -> 2043560 bytes media/screenshots/large/R14-1-0-philippe.png | Bin 0 -> 1180462 bytes media/screenshots/large/TDE-screen1.png | Bin 0 -> 1122695 bytes media/screenshots/large/TDE-screen2.jpg | Bin 0 -> 151933 bytes media/screenshots/large/Thierry_de_Coulon_2.jpg | Bin 0 -> 874311 bytes media/screenshots/large/tde1.png | Bin 365971 -> 0 bytes media/screenshots/large/tde2.png | Bin 536084 -> 0 bytes media/screenshots/large/tde4.png | Bin 407491 -> 0 bytes media/screenshots/large/tde4_mainpage.png | Bin 72858 -> 0 bytes media/screenshots/large/tde5.png | Bin 266201 -> 0 bytes screenshots.css | 82 ++++++++++++-- screenshots.js | 50 ++++++--- screenshots.php | 123 ++++++++++++--------- tde-head-and-foot.php | 1 + 19 files changed, 183 insertions(+), 97 deletions(-) delete mode 100644 footer.php create mode 100644 media/screenshots/large/Blu256-deKorator-autumn.png create mode 100644 media/screenshots/large/Nikolaus_Klepp_6.jpg create mode 100644 media/screenshots/large/R14-0-13-full-screenshot-BSD.png create mode 100644 media/screenshots/large/R14-1-0-michele2-TDE.png create mode 100644 media/screenshots/large/R14-1-0-philippe.png create mode 100644 media/screenshots/large/TDE-screen1.png create mode 100644 media/screenshots/large/TDE-screen2.jpg create mode 100644 media/screenshots/large/Thierry_de_Coulon_2.jpg delete mode 100644 media/screenshots/large/tde1.png delete mode 100644 media/screenshots/large/tde2.png delete mode 100644 media/screenshots/large/tde4.png delete mode 100644 media/screenshots/large/tde4_mainpage.png delete mode 100644 media/screenshots/large/tde5.png diff --git a/footer.php b/footer.php deleted file mode 100644 index 7f9c351..0000000 --- a/footer.php +++ /dev/null @@ -1,22 +0,0 @@ -'); - date_default_timezone_set('UTC'); #else the interpreter whines - echo('
', - position: 'top right', - fade: 2 // fading the semi-transparent overlay looks bad in IE - }); +let slideIndex = 1; +showSlides(slideIndex); - hs.wrapperClassName = 'borderless'; - hs.graphicsDir = 'highslide/graphics/'; - hs.align = 'center'; - hs.transitions = ['expand', 'crossfade']; - hs.outlineType = 'rounded-white'; - hs.fadeInOut = true; - hs.showCredits = false; - hs.numberPosition = 'caption'; - hs.dimmingOpacity = 0.75; +function plusSlides(n) +{ + showSlides(slideIndex += n); +} + +function currentSlide(n) +{ + showSlides(slideIndex = n); +} + +function showSlides(n) +{ + let i; + let slides = document.getElementsByClassName("mySlides"); + let dots = document.getElementsByClassName("dot"); + if (n > slides.length) + { + slideIndex = 1 + } + if (n < 1) + { + slideIndex = slides.length + } + for (i = 0; i < slides.length; i++) + { + slides[i].style.display = "none"; + } + for (i = 0; i < dots.length; i++) + { + dots[i].className = dots[i].className.replace(" active", ""); + } + slides[slideIndex-1].style.display = "block"; + dots[slideIndex-1].className += " active"; +} diff --git a/screenshots.php b/screenshots.php index 373683c..a7a2e94 100644 --- a/screenshots.php +++ b/screenshots.php @@ -7,63 +7,78 @@ include("tde-head-and-foot.php"); doHeader("TDE Screenshots", "Main", "Screenshots"); ?> -

This page contains screenshots of the Trinity running under various Linux -distributions. If you have a particularly interesting Trinity desktop and -would like to see it displayed here, please contact us.

+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + +
+
+ + +
+ + + + + + + + + + +
-

- -

-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
-
-
-

- -

More screenshots from members of our community can be found in the community section -of our wiki.

+ +
+

See more screenshots from our community members on the Wiki.

+ +

If you would like to submit a screenshot, please reach out on our mailing lists.

+
'."\n"); + echo('
'."\n"); date_default_timezone_set('UTC'); #else the interpreter whines echo(' '."\n"); -- cgit v1.2.3