[tor-commits] [community/slideshow] Update slideshow template with ordering for localization

Wed Mar 24 12:23:32 UTC 2021

commit 389e316cd596d3174e2cffc0d99984822cd257c1
Author: hiro <hiro at torproject.org>
Date:   Sun Mar 21 19:52:13 2021 +0100

    Update slideshow template with ordering for localization
---
 assets/static/revealjs/dist/theme/tor.css | 21 ++++++++++++++++++++
 templates/slideshow.html                  | 32 ++++++++++++++++---------------
 2 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/assets/static/revealjs/dist/theme/tor.css b/assets/static/revealjs/dist/theme/tor.css
index 0ff2e67..7dc1a42 100644
--- a/assets/static/revealjs/dist/theme/tor.css
+++ b/assets/static/revealjs/dist/theme/tor.css
@@ -313,6 +313,19 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
 
 .footer {
   background-color: #683086;
+  min-height: 10%;
+}
+
+.footer img {
+  position:relative;
+  min-height: 1.5em;
+  padding: 5px;
+}
+
+.footer a {
+  font-size: 1.5em !important;
+  padding: 5px;
+  top: 10px;
 }
 
 /*********************************************
@@ -329,3 +342,11 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
 hr.dark {
   border: 5px solid #683086;
 }
+
+.order-last {
+  text-align: left !important;
+}
+
+.order-first {
+  text-align: right !important;
+}
diff --git a/templates/slideshow.html b/templates/slideshow.html
index f1d6065..c6b330e 100644
--- a/templates/slideshow.html
+++ b/templates/slideshow.html
@@ -16,24 +16,26 @@
 	<body>
     <div class="reveal">
 			<!-- Any section element inside of this container is displayed as a slide -->
-			<div class="slides">
-				<section class="title" data-background-color="#683086" data-background-image="{{ this.image|asseturl }}" data-background-position="right bottom" data-background-size="3em">
-				  <h3>{{ this.title }}</h3>
-					<hr />
-				  <h4>{{ this.subtitle }}</h4>
-					<p>{{ this.author }}</p>
-				</section>
+			<div class="slides {{ bag('alternatives', this.alt, 'order') }}">
+				<section>
+					<section class="title" data-background-color="#683086" data-background-image="{{ this.image|asseturl }}" data-background-position="right bottom" data-background-size="3em">
+					  <h3>{{ this.title }}</h3>
+						<hr />
+					  <h4>{{ this.subtitle }}</h4>
+						<p>{{ this.author }}</p>
+					</section>
 
-        {{ this.slides }}
+	        {{ this.slides }}
 
-				<div class="footer">
-					<div class="left">
-						<a href="https://torproject.org">torproject.org</a>
-					</div>
-					<div class="right">
-						<img src="{{ '/static/images/tor-logo/White.png'|asseturl }}">
+					<div class="footer">
+						<div class="left">
+							<a href="https://torproject.org">torproject.org</a>
+						</div>
+						<div class="right">
+							<img src="{{ '/static/images/tor-logo/White.png'|asseturl }}">
+						</div>
 					</div>
-				</div>
+				</section>
       </div>
 
     </div>



