Tweak default presenter screen layout

- Make slides larger - Make timer/clock larger and place them at the bottom

Tweak default presenter screen layout
- Make slides larger - Make timer/clock larger and place them at the bottom
279846e2 · Aral Balkan · bfaf9341 · 279846e2 · 279846e2
Commit 279846e2 authored Mar 20, 2019 by Aral Balkan
Hide whitespace changes
Inline Side-by-side

Showing with 17 additions and 9 deletions

index.html index.html +1 -0

lib/reveal-plugins/notes/notes.html lib/reveal-plugins/notes/notes.html +16 -9

No files found.
--- a/index.html
+++ b/index.html
@@ -61,6 +61,7 @@
 }
 .reveal .progress span {
  background: #ff0000;
+  opacity: 0.8;
 }
 .reveal .progress {
  height: 2rem;

--- a/lib/reveal-plugins/notes/notes.html
+++ b/lib/reveal-plugins/notes/notes.html
@@ -9,6 +9,7 @@
 			body {
 				font-family: Helvetica;
 				font-size: 18px;
+				background-color: black;
 			}

 			#current-slide,
@@ -23,7 +24,7 @@
 			#upcoming-slide iframe {
 				width: 100%;
 				height: 100%;
-				border: 1px solid #ddd;
+				border: 1px solid #272727;
 			}

 			#current-slide .label,
@@ -67,7 +68,7 @@
 			#current-slide {
 				position: absolute;
 				width: 60%;
-				height: 100%;
+				height: 60%;
 				top: 0;
 				left: 0;
 				padding-right: 0;
@@ -76,7 +77,7 @@
 			#upcoming-slide {
 				position: absolute;
 				width: 40%;
-				height: 40%;
+				height: 60%;
 				right: 0;
 				top: 0;
 			}
@@ -84,10 +85,11 @@
 			/* Speaker controls */
 			#speaker-controls {
 				position: absolute;
-				top: 40%;
-				right: 0;
-				width: 40%;
-				height: 60%;
+				bottom: 0;
+				left: 0;
+				width: 100%;
+/*				height: 40%; */
+				text-align: center;
 				overflow: auto;
 				font-size: 18px;
 			}
@@ -108,7 +110,7 @@
 				}

 				.speaker-controls-time {
-					border-bottom: 1px solid rgba( 200, 200, 200, 0.5 );
+					/* border-bottom: 1px solid rgba( 200, 200, 200, 0.5 ); */
 					margin-bottom: 10px;
 					padding: 10px 16px;
 					padding-bottom: 20px;
@@ -128,17 +130,21 @@
 				.speaker-controls-time .timer,
 				.speaker-controls-time .clock {
 					width: 100%;
-					font-size: 1.9em;
+					font-size: 3em;
+					display: inline;
 				}

 				.speaker-controls-time .timer {
 					/*  float: left;  */
 					text-align: center;
+					color: white;
+					display: inline;
 				}

 				.speaker-controls-time .clock {
 					/* float: right;*/
 					text-align: center;
+					color: white;
 				}

 				.speaker-controls-time span.mute {
@@ -147,6 +153,7 @@

 				.speaker-controls-notes {
 					padding: 10px 16px;
+					display: none;
 				}

 				.speaker-controls-notes .value {