Merge branch 'improvements' into 'master'

A lot of reworks

See merge request Syndamia/syndamiadotcom!10

1 files changed, 8 insertions, 13 deletions

diff --git a/src/presentation.css b/src/presentation.css
index 2aba6e1..f22d419 100644
--- a/src/presentation.css
+++ b/src/presentation.css
@@ -6,6 +6,8 @@
     padding: 1em;
     width: 297mm; /* Size of landscape A4 paper */
     font-size: 30px;
+    transform-origin: 0 0;
+    margin-bottom: 1em;
   }
 .absolute-slide {
     border: none !important;
@@ -15,6 +17,7 @@
     right: 0;
     top: 50%;
     transform: translate(-50%, -50%);
+    transform-origin: center center;
     visibility: visible;
   }
   .absolute-slide .clicked-image {
@@ -25,14 +28,12 @@
 
 /* Stylesheet override */
 
-article { max-width: calc(297mm + 2em); }
-
 ul, ol { padding-inline-start: 30px; }
 
 /* Presentation controller */
 
 #presentCont { margin: 0.5em 0.5em 0.5em 0; }
-  #presentCont > img { height: 1.4em; }
+  #presentCont > span { font-size: 1.4em; }
   /* Presenting mode */
   #presentCont { display: initial; }
 
@@ -45,6 +46,7 @@ ul, ol { padding-inline-start: 30px; }
       max-width: 100%;
       /* width: auto; */
     }
+  .slide:not(.absolute-slide) img { pointer-events: none; }
   .slide td { font: inherit; }
   .slide > *:first-child, .slide > div:only-child > *:first-child,
   .slide > ul:first-child > li:first-child > *:first-child,
@@ -65,9 +67,6 @@ ul, ol { padding-inline-start: 30px; }
     .clide > * { flex: 1; }
 
   .centered { text-align: center; }
-    .centered h1::after, .centered h2::after, .centered h3::after {
-        content: " \2550"
-      }
   .fright { float: right; text-align: right; }
   * + .fright { margin-left: 1em; }
 
@@ -120,18 +119,13 @@ absolute-slide {...} */
     visibility: visible;
     z-index: 10;
   }
-  #slideIndex {
-      border: none;
-      font-size: 1.4em;
-      vertical-align: middle;
-    }
+  #slideIndex { border: none; font-size: 1.6em; }
 
 /* Media specific stylings */
 
 @media screen {
   .slide {
       border: 1px solid var(--fg-color);
-      margin-bottom: 1em;
     }
 }
 
@@ -139,7 +133,7 @@ absolute-slide {...} */
   article, body {
       border: none !important;
       margin: 0;
-      max-width: auto;
+      max-width: none;
       padding: 0;
     }
     nav, article > :not(.slide), #pagenav {
@@ -148,6 +142,7 @@ absolute-slide {...} */
     .slide {
         height: 210mm;
         width: 297mm;
+        margin: 0;
       }
 }