update stylesheet

templates/custom.css

@@ -2,11 +2,28 @@
 body {
     font-family: 'Arial', sans-serif;
     color: #333;
+    font-size: 36px; /* Base font size */
 }
 
 /* Style for headers */
-.reveal h1, .reveal h2, .reveal h3, .reveal h4 {
+.reveal h1 {
-    color: #00468B; /* Dark blue for headers */
+    font-size: 2.9em; /* Reduced from 3.77em */
+    color: #00468B;
+    font-weight: bold;
+}
+.reveal h2 {
+    font-size: 1.6em; /* Reduced from 2.11em */
+    color: #00468B;
+    font-weight: bold;
+}
+.reveal h3 {
+    font-size: 1.2em; /* Reduced from 1.55em */
+    color: #00468B;
+    font-weight: bold;
+}
+.reveal h4 {
+    font-size: 0.9em; /* Reduced from 1em */
+    color: #00468B;
     font-weight: bold;
 }
 
@@ -20,20 +37,20 @@ body {
 /* Style for code blocks */
 .reveal pre code {
     font-family: 'Courier New', Courier, monospace;
-    background-color: #f9f9f9; /* Light gray background */
+    background-color: #f9f9f9;
-    border: 1px solid #ddd; /* Light gray border */
+    border: 1px solid #ddd;
-    padding: 10px; /* Padding inside the code block */
+    padding: 10px;
-    border-radius: 5px; /* Rounded corners */
+    border-radius: 5px;
-    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
 }
 
 /* Style for inline code */
 .reveal code {
-    background-color: #f4f4f4; /* Slightly different background for inline code */
+    background-color: #f4f4f4;
-    /*border: 1px solid #ccc; */
+    padding: 1px;
-    padding: 1px; /* Padding inside the inline code block */
+    border-radius: 2px;
-    border-radius: 2px; /* Rounded corners */
 }
+
 /* Style for lists */
 .reveal ul, .reveal ol {
     margin-left: 2em;
@@ -52,14 +69,13 @@ body {
     color: #0056b3;
     text-decoration: none;
 }
-
 .reveal a:hover {
     text-decoration: underline;
 }
 
 /* Background color for slides */
 .reveal .slides {
-    background-color: #fcfcfc; /* White background */
+    background-color: #fcfcfc;
 }
 
 /* Style for footer (if used) */
@@ -77,7 +93,6 @@ body {
 .reveal .progress {
     background: #ccc;
 }
-
 .reveal .progress span {
     background: #0056b3;
 }

templates/template.revealjs

@@ -218,6 +218,9 @@ $endif$
         // Opens links in an iframe preview overlay
         previewLinks: $previewLinks$,
 
+         // Prints each fragment on a separate slide
+        pdfSeparateFragments: $pdfSeparateFragments$,
+
         // Transition style (none/fade/slide/convex/concave/zoom)
         transition: '$transition$',