Difference between revisions of "Template:DiscoverSlideButtons"

Latest revision as of 14:21, 1 February 2023

What is Buddha-Nature?

Slide

The Questions

Slide

The History

Slide

The Texts

Slide

The Traditions

Slide

The People

Slide

@@ Line 1: / Line 1: @@
-<div class="d-none">
+<div id="SlidesSideNav" class="d-flex justify-content-center flex-wrap position-absolute py-2" style="bottom: 0; left: 0; right: 0; z-index:1020;background: rgba(0, 0, 0, 0.18);">
-<div id="SlidesSideNav" class="d-flex justify-content-center">
+	<div id="SlideOneButton" class="discover-slides-nav-button zoom-90 m-1 discover-nav-button link-no-border link-no-color depth-3" style="height: 85px;">
-	<div id="SlideOneButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">{{#widget:OverlayLink
-			|link=#OverviewSlides/BuddhaNature
-			|target=_self
-			|title=What is Buddha-Nature?
-			|classes=none
-		}}
 		<div class="float-left position-relative" style="width: 65px;">{{#widget:PersonPageRoundImage
-				|filepath=http://commons.tsadra.org/images-commons/e/ea/Buddha_statues_Sri_Lanka_1920x1080-faded.jpg
+				|filepath=https://commons.tsadra.org/images/thumb/e/ea/Buddha_statues_Sri_Lanka_1920x1080-faded.jpg/320px-Buddha_statues_Sri_Lanka_1920x1080-faded.jpg
 				|size=55px
+				|link=#
 				|depth=1
 				|linkclasses=hide
@@ Line 18: / Line 13: @@
 			<p class="clipped-3-lines m-0">What is Buddha-Nature?</p>
 		</div>
-		<div class="bottom-label" style="right: 9px;">Slide</div>
+		<div class="bottom-label" style="right: 9px;">Slide</div>{{#widget:OverlayLink
-	</div>
+			|link=#OverviewSlides/BuddhaNature
-	<div id="SlideTwoButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">{{#widget:OverlayLink
-			|link=#OverviewSlides/Texts
 			|target=_self
-			|title=The Texts
+			|title=What is Buddha-Nature?
 			|classes=none
 		}}
+	</div>
+	<div id="SlideTwoButton" class="discover-slides-nav-button zoom-90 m-1 discover-nav-button link-no-border link-no-color depth-3" style="height: 85px;">
 		<div class="float-left position-relative" style="width: 65px;">{{#widget:PersonPageRoundImage
-				|filepath=http://commons.tsadra.org/images-commons/0/0e/Pecha-pixabay-faded.jpg
+				|filepath=https://commons.tsadra.org/images/thumb/e/e6/Buddha_and_Disciples_-_Gradient_Overlay.jpg/320px-Buddha_and_Disciples_-_Gradient_Overlay.jpg
 				|size=55px
+				|link=#
 				|depth=1
 				|linkclasses=hide
@@ Line 35: / Line 31: @@
 		</div>
 		<div class="tile-content">
-			<p class="clipped-3-lines m-0">The Texts</p>
+			<p class="clipped-3-lines m-0">The Questions</p>
 		</div>
-		<div class="bottom-label" style="right: 9px;">Slide</div>
+		<div class="bottom-label" style="right: 9px;">Slide</div>{{#widget:OverlayLink
-	</div>
-	<div id="SlideThreeButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">{{#widget:OverlayLink
 			|link=#OverviewSlides/Questions
 			|target=_self
@@ Line 45: / Line 39: @@
 			|classes=none
 		}}
+	</div>
+	<div id="SlideThreeButton" class="discover-slides-nav-button zoom-90 m-1 discover-nav-button link-no-border link-no-color depth-3" style="height: 85px;">
 		<div class="float-left position-relative" style="width: 65px;">{{#widget:PersonPageRoundImage
-				|filepath=http://commons.tsadra.org/images-commons/e/e6/Buddha_and_Disciples_-_Gradient_Overlay.jpg
+				|filepath=https://commons.tsadra.org/images/thumb/0/05/Dewi-poedjawati-bci7HLxYZU0-unsplash.jpg/731px-Dewi-poedjawati-bci7HLxYZU0-unsplash.jpg
 				|size=55px
+				|link=#
 				|depth=1
 				|linkclasses=hide
@@ Line 54: / Line 51: @@
 		</div>
 		<div class="tile-content">
-			<p class="clipped-3-lines m-0">The Questions</p>
+			<p class="clipped-3-lines m-0">The History</p>
 		</div>
-		<div class="bottom-label" style="right: 9px;">Slide</div>
+		<div class="bottom-label" style="right: 9px;">Slide</div>{{#widget:OverlayLink
-	</div>
+			|link=#OverviewSlides/History
-	<div id="SlideFourButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">{{#widget:OverlayLink
-			|link=#OverviewSlides/Traditions
 			|target=_self
-			|title=The Traditions
+			|title=The History
 			|classes=none
 		}}
+	</div>
+	<div id="SlideFourButton" class="discover-slides-nav-button zoom-90 m-1 discover-nav-button link-no-border link-no-color depth-3" style="height: 85px;">
 		<div class="float-left position-relative" style="width: 65px;">{{#widget:PersonPageRoundImage
-				|filepath=http://commons.tsadra.org/images-commons/a/a7/Buddha-2.jpg
+				|filepath=https://commons.tsadra.org/images/thumb/0/0e/Pecha-pixabay-faded.jpg/320px-Pecha-pixabay-faded.jpg
 				|size=55px
+				|link=#
 				|depth=1
 				|linkclasses=hide
@@ Line 73: / Line 71: @@
 		</div>
 		<div class="tile-content">
-			<p class="clipped-3-lines m-0">The Traditions</p>
+			<p class="clipped-3-lines m-0">The Texts</p>
 		</div>
-		<div class="bottom-label" style="right: 9px;">Slide</div>
+		<div class="bottom-label" style="right: 9px;">Slide</div>{{#widget:OverlayLink
-	</div>
+			|link=#OverviewSlides/Texts
-	<div id="SlideFiveButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">{{#widget:OverlayLink
-			|link=#OverviewSlides/People
 			|target=_self
-			|title=The People
+			|title=The Texts
 			|classes=none
 		}}
+	</div>
+	<div id="SlideFiveButton" class="discover-slides-nav-button zoom-90 m-1 discover-nav-button link-no-border link-no-color depth-3" style="height: 85px;">
 		<div class="float-left position-relative" style="width: 65px;">{{#widget:PersonPageRoundImage
-				|filepath=http://commons.tsadra.org/images-commons/7/70/Buddha-statues-china-religion.jpg
+				|filepath=https://commons.tsadra.org/images/thumb/a/a7/Buddha-2.jpg/320px-Buddha-2.jpg
 				|size=55px
+				|link=#
 				|depth=1
 				|linkclasses=hide
@@ Line 92: / Line 91: @@
 		</div>
 		<div class="tile-content">
-			<p class="clipped-3-lines m-0">The People</p>
+			<p class="clipped-3-lines m-0">The Traditions</p>
 		</div>
-		<div class="bottom-label" style="right: 9px;">Slide</div>
+		<div class="bottom-label" style="right: 9px;">Slide</div>{{#widget:OverlayLink
-	</div>
+			|link=#OverviewSlides/Traditions
-	<div id="SlideSixButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">{{#widget:OverlayLink
-			|link=#OverviewSlides/History
 			|target=_self
-			|title=The History
+			|title=The Traditions
 			|classes=none
 		}}
+	</div>
+	<div id="SlideSixButton" class="discover-slides-nav-button zoom-90 m-1 discover-nav-button link-no-border link-no-color depth-3" style="height: 85px;">
 		<div class="float-left position-relative" style="width: 65px;">{{#widget:PersonPageRoundImage
-				|filepath=http://commons.tsadra.org/images-commons/8/83/Prambanan_Complex_1_reduced_opaque.png
+				|filepath=https://commons.tsadra.org/images/thumb/7/70/Buddha-statues-china-religion.jpg/320px-Buddha-statues-china-religion.jpg
 				|size=55px
+				|link=#
 				|depth=1
 				|linkclasses=hide
@@ Line 111: / Line 111: @@
 		</div>
 		<div class="tile-content">
-			<p class="clipped-3-lines m-0">The History</p>
+			<p class="clipped-3-lines m-0">The People</p>
 		</div>
-		<div class="bottom-label" style="right: 9px;">Slide</div>
+		<div class="bottom-label" style="right: 9px;">Slide</div>{{#widget:OverlayLink
+			|link=#OverviewSlides/People
+			|target=_self
+			|title=The People
+			|classes=none
+		}}
 	</div>
-</div>
 </div>