Fix display of the slides with two images

galaxyproject · May 29, 2024 · 7c2b23d · 7c2b23d
1 parent 09e13b3
commit 7c2b23d
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 32 deletions.
diff --git a/assets/css/slides.scss b/assets/css/slides.scss
@@ -102,6 +102,10 @@ body.remark-container {
 		width: 40%;
 	}
 
+	.image-45 img {
+		width: 45%;
+	}
+
 	.image-50 img {
 		width: 50%;
 	}
@@ -348,10 +352,15 @@ body.remark-container {
 	}
 
 	.pull-left-large {
-		/* this does not break compatibility with .pull-right */
+		/* this does break compatibility with .pull-right */
 		float: left;
 		margin-left: -3em;
-		width: 60%;
+		width: 66%;
+	}
+	.pull-right-small {
+		float: right;
+		width: 33%;
+
 	}
 
 	.pull-left {

diff --git a/topics/admin/tutorials/poll-ssa/slides.html b/topics/admin/tutorials/poll-ssa/slides.html
@@ -133,30 +133,20 @@
 ---
 
 
-### .pull-right[User Tool Dev & Planemo Usage]
+### User Tool Dev & Planemo Usage
 
-.pull-left[
-.image-50[![User Tool Dev Local](../../images/poll-ssa/08A-User-Tool-Dev-Local.png)]
-.image-50[![User Tool Dev Planemo](../../images/poll-ssa/08B-User-Tool-Dev-Planemo.png)]
+.pull-left-large[
+.image-45[![User Tool Dev Local](../../images/poll-ssa/08A-User-Tool-Dev-Local.png)]
+.image-45[![User Tool Dev Planemo](../../images/poll-ssa/08B-User-Tool-Dev-Planemo.png)]
 ]
 
 
-.pull-right[
-
- ⠀
-
- ⠀
-
- ⠀
-
+.pull-right-small[
 - Users developing their own tools is rare, and if they do, they rarely use Planemo, which I found surprising since I thought it was used to simplify tool dev.
 - It turns out tool creation is mostly done through copy/pasting XMLs
 - Planemo shines when it comes to tool testing, linting and publishing
 ]
 
-???
-Tried to find a vertical align CSS class, but .center did not work, nor did <div style="vertical-align:middle;"></div>
-So ended up putting an invisible braille character
 
 ---
 
@@ -303,29 +293,21 @@
 ---
 
 
-### .pull-right[Current Version & Upgrade Frequency]
+### Current Version & Upgrade Frequency
 
 
-.pull-left[
-.image-60[![Galaxy Upgrades Current Version](../../images/poll-ssa/19-Galaxy-Upgrades-Current-Version.jpg)]
-.image-60[![Galaxy Upgrades Frequency](../../images/poll-ssa/20-Galaxy-Upgrades-Frequency.jpg)]
+.pull-left-large[
+.image-45[![Galaxy Upgrades Current Version](../../images/poll-ssa/19-Galaxy-Upgrades-Current-Version.jpg)]
+.image-45[![Galaxy Upgrades Frequency](../../images/poll-ssa/20-Galaxy-Upgrades-Frequency.jpg)]
 ]
 
 
-.pull-right[
-
-⠀
-
-⠀
-
-⠀
-
-- Half the respondents are able to continue using a version that is 2-3 years old, which means yearly updating isn’t mandatory.
+.pull-right-small[
+- Half the respondents are able to continue using a version that is 2-3 years old
+- This is not recommended as versions older than a year do not receive security updates
 - But most update about once a year
 ]
 
-???
-See the User Tool Dev slide's comments
 
 ---