Changes for page Presentation Test Page
Last modified by Erik Bakker on 2024/07/30 14:39
From version 49.1
edited by Erik Bakker
on 2024/07/30 14:34
on 2024/07/30 14:34
Change comment:
There is no comment for this version
To version 32.1
edited by Erik Bakker
on 2024/07/30 12:14
on 2024/07/30 12:14
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -43,40 +43,44 @@ 43 43 == Current slide == 44 44 45 45 {{html}} 46 -<!-- Slideshow container --> 47 -<div class="slideshow-container"> 46 +<html xmlns:v="urn:schemas-microsoft-com:vml" 47 +xmlns:o="urn:schemas-microsoft-com:office:office" 48 +xmlns:w="urn:schemas-microsoft-com:office:word" 49 +xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" 50 +xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" 51 +xmlns="http://www.w3.org/TR/REC-html40"> 48 48 49 - <!-- Full-width images with number and caption text --> 50 - <div class="mySlides fade"> 51 - <div class="numbertext">1 / 3</div> 52 - <img src="/bin/download/Main/Images/Store/WebHome/Datasink.svg" style="width:100%"> 53 - <div class="text">Caption Text</div> 54 - </div> 53 +<head> 54 +<meta http-equiv=Content-Type content="text/html; charset=windows-1252"> 55 +<meta name=ProgId content=Word.Document> 56 +<meta name=Generator content="Microsoft Word 15"> 57 +<meta name=Originator content="Microsoft Word 15"> 58 +<link rel=File-List href="Test%20Slide%20-%20HTML_files/filelist.xml"> 59 +<link rel=Edit-Time-Data href="Test%20Slide%20-%20HTML_files/editdata.mso"> 60 +<link rel=themeData href="Test%20Slide%20-%20HTML_files/themedata.thmx"> 61 +<link rel=colorSchemeMapping 62 +href="Test%20Slide%20-%20HTML_files/colorschememapping.xml"> 55 55 56 - <div class="mySlides fade"> 57 - <div class="numbertext">2 / 3</div> 58 - <img src="/bin/download/Main/Images/Store/WebHome/Transformation.svg" style="width:100%"> 59 - <div class="text">Caption Two</div> 60 - </div> 64 +<style> 61 61 62 - <div class="mySlides fade"> 63 - <div class="numbertext">3 / 3</div> 64 - <img src="/bin/download/Main/Images/Store/WebHome/SpEl%20expressies.svg" style="width:100%"> 65 - <div class="text">Caption Three</div> 66 - </div> 66 +</style> 67 67 68 - <!-- Next and previous buttons --> 69 - <a class="prev" onclick="plusSlides(-1)">❮</a> 70 - <a class="next" onclick="plusSlides(1)">❯</a> 71 -</div> 72 -<br> 68 +</head> 73 73 74 -<!-- The dots/circles --> 75 -<div style="text-align:center"> 76 - <span class="dot" onclick="currentSlide(1)"></span> 77 - <span class="dot" onclick="currentSlide(2)"></span> 78 - <span class="dot" onclick="currentSlide(3)"></span> 70 +<body lang=NL style='tab-interval:35.4pt;word-wrap:break-word'> 71 + 72 +<div class=WordSection1> 73 + <label> 74 + 226 - Alerting Alchemy 75 + 76 +<p class=MsoNormal><span style='mso-no-proof:yes'><img width=605 height=341 77 +src=/bin/download/Main/Images/General/WebHome/main-background-slide-emagiz.png v:shapes="Graphic_x0020_1"><![endif]></span></p> 78 + 79 + </label> 79 79 </div> 80 80 81 - {{/html}}82 +</body> 82 82 84 +</html> 85 + 86 +{{/html}}
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,87 +1,0 @@ 1 -* {box-sizing:border-box} 2 - 3 -/* Slideshow container */ 4 -.slideshow-container { 5 - max-width: 1000px; 6 - position: relative; 7 - margin: auto; 8 -} 9 - 10 -/* Hide the images by default */ 11 -.mySlides { 12 - display: none; 13 -} 14 - 15 -/* Next & previous buttons */ 16 -.prev, .next { 17 - cursor: pointer; 18 - position: absolute; 19 - top: 50%; 20 - width: auto; 21 - margin-top: -22px; 22 - padding: 16px; 23 - color: white; 24 - font-weight: bold; 25 - font-size: 18px; 26 - transition: 0.6s ease; 27 - border-radius: 0 3px 3px 0; 28 - user-select: none; 29 -} 30 - 31 -/* Position the "next button" to the right */ 32 -.next { 33 - right: 0; 34 - border-radius: 3px 0 0 3px; 35 -} 36 - 37 -/* On hover, add a black background color with a little bit see-through */ 38 -.prev:hover, .next:hover { 39 - background-color: rgba(0,0,0,0.8); 40 -} 41 - 42 -/* Caption text */ 43 -.text { 44 - color: #f2f2f2; 45 - font-size: 15px; 46 - padding: 8px 12px; 47 - position: absolute; 48 - bottom: 8px; 49 - width: 100%; 50 - text-align: center; 51 -} 52 - 53 -/* Number text (1/3 etc) */ 54 -.numbertext { 55 - color: #f2f2f2; 56 - font-size: 12px; 57 - padding: 8px 12px; 58 - position: absolute; 59 - top: 0; 60 -} 61 - 62 -/* The dots/bullets/indicators */ 63 -.dot { 64 - cursor: pointer; 65 - height: 15px; 66 - width: 15px; 67 - margin: 0 2px; 68 - background-color: #bbb; 69 - border-radius: 50%; 70 - display: inline-block; 71 - transition: background-color 0.6s ease; 72 -} 73 - 74 -.active, .dot:hover { 75 - background-color: #717171; 76 -} 77 - 78 -/* Fading animation */ 79 -.fade { 80 - animation-name: fade; 81 - animation-duration: 1.5s; 82 -} 83 - 84 -@keyframes fade { 85 - from {opacity: .4} 86 - to {opacity: 1} 87 -}