docs: further css tweaks

Author: james

docs/language/ql-training-rst/_static-training/semmle-template.svg

@@ -1412,6 +1412,25 @@ slide {
 .agenda-slide h1 {
   padding:0;
 }
+
+/* Title slide styles */
+
+.semmle-logo sup {
+  vertical-align: super;
+  font-size: 0.4em;
+}
+
+.title-slide .semmle-logo {
+  color: white;
+  font-size: 1.2em;
+  position: absolute;
+  top: 125px;
+}
+
+.title-slide p {
+  color: white;
+  font-size: 1.2em;
+}
 /* James column experiments */
 
 .column-left {
@@ -1426,12 +1445,10 @@ slide {
   padding: 0px;
   width: 45%;
   line-height: 1.2em;
-  height: 500px;
 }
 
 .column-right img,  .column-left img {
-  max-height: -webkit-fill-available;
-  padding-bottom: 15%;
+  max-height: 60vh;
   display: block;
   margin-left: auto;
   margin-right: auto;
@@ -1479,14 +1496,18 @@ p.first.admonition-title {
   margin-bottom: 10px;
 }
 
-.admonition.note .highlight-ql.notranslate {
+.admonition.note .notranslate {
   width: 100%;
 }
 
 .admonition.note > p {
   width: inherit;
 }
 
+.admonition.note  ul {
+  width: inherit;
+}
+
 /* scale and centre images*/
 
 .image-box {
@@ -1578,9 +1599,29 @@ img {
   pre, code {
     font-family: monospace !important;
   }
+
+  /* make notes appear on slides for print view*/
+
+  .note {
+    position: unset;
+  }
+  
+  /* make fonts smaller */
+
+  html {
+    font-size: 45%;
+    height: 100%;
+    width: 100%;
+  }
+  
+  /* don't display slide number */
+  slides > slide:not(.nobackground):after {
+    display: none;
+  }
+  
 }
 
-@media (max-width: 480px) { 
+@media screen and (max-width: 480px) { 
   html {
     height: 100%;
     overflow: auto;
@@ -1599,18 +1640,15 @@ img {
     height: auto;
   }
 
-  /*img {
-    transform: scale(0.6) translate(-20%, 0);
-  }*/
-
   article {
     top: 20%;
     left: 10%;
     right: 10%; 
   }
 }
 
-@media (min-width: 481px) and (max-width: 1024px) { 
+
+@media screen and (min-width: 481px) and (max-width: 1024px) { 
   html {
     height: 100%;
     overflow: auto;
@@ -1629,12 +1667,9 @@ img {
     height: auto;
   }
 
-  img {
-    transform: scale(0.75)
-  }
 }
 
-@media (min-width: 1025px) and (max-width: 1800px) { 
+@media screen and (min-width: 1025px) and (max-width: 1800px) { 
   html {
     height: 100%;
     overflow: auto;

docs/language/ql-training-rst/_static-training/slides-semmle-2/static/theme/css/default.css

@@ -1,6 +1,10 @@
 Analyzing control flow for C/C++
 ================================
 
+.. container:: semmle-logo
+
+   Semmle :sup:`TM`
+   
 Getting started and setting up
 ==============================
 

docs/language/ql-training-rst/cpp/control-flow-cpp.rst

@@ -1,6 +1,10 @@
 Introduction to data flow
 =========================
 
+.. container:: semmle-logo
+
+   Semmle :sup:`TM`
+
 Finding string formatting vulnerabilities in C/C++
 
 Getting started and setting up

docs/language/ql-training-rst/cpp/data-flow-cpp.rst

@@ -1,6 +1,10 @@
 Introduction to global data flow
 ================================
 
+.. container:: semmle-logo
+
+   Semmle :sup:`TM`
+   
 Getting started and setting up
 ==============================
 

docs/language/ql-training-rst/cpp/global-data-flow-cpp.rst

@@ -3,6 +3,10 @@ QL for C/C++
 
 Program representation
 
+.. container:: semmle-logo
+
+   Semmle :sup:`TM`
+
 Agenda
 ======
 

docs/language/ql-training-rst/cpp/program-representation-cpp.rst

@@ -1,6 +1,10 @@
 Exercise: ``snprintf`` overflow
 ===============================
 
+.. container:: semmle-logo
+
+   Semmle :sup:`TM`
+
 Getting started and setting up
 ==============================
 

docs/language/ql-training-rst/cpp/snprintf.rst

@@ -4,6 +4,10 @@
 Introduction to variant analysis for C/C++
 ==========================================
 
+.. container:: semmle-logo
+
+   Semmle :sup:`TM`
+
 Information
 ===========
 

docs/language/ql-training-rst/intro-to-ql/intro-ql-cpp.rst

@@ -4,6 +4,10 @@
 Introduction to variant analysis for Java
 =========================================
 
+.. container:: semmle-logo
+
+   Semmle :sup:`TM`
+
 Information
 ===========