Update from https://github.com/opengisch/teaching-and-talks/commit/dd…

…dc5dc2d3382941e9fe0edc1615a27ae21f5886

index.html

@@ -54,6 +54,7 @@
         <a class="list-group-item list-group-item-action" title="Qfield Presentation" href="&#x2F;talk-qfield-presentation">Qfield Presentation</a>
 
         <a href="#" class="list-group-item disabled list-group-item-action h3 m-0">Teaching</a>
+        <a class="list-group-item list-group-item-action" title="Qfield Miniworkshop" href="&#x2F;teaching-qfield-miniworkshop">Qfield Miniworkshop</a>
         <a class="list-group-item list-group-item-action" title="Qgis Basic Course" href="&#x2F;teaching-qgis-basic-course">Qgis Basic Course</a>
 
       </div>

teaching-qfield-miniworkshop/_assets/stylesheets/qfield-base-theme.css

@@ -0,0 +1,86 @@
+/* base-theme.css */
+/* @theme base-theme */
+
+@import "qfield-base-white-theme.css";
+@import url(https://use.typekit.net/kve4lwn.css);
+
+:root {
+    --opengisch-green: hsl(88, 67%, 48%);
+    --opengisch-blue: #2880cc;
+    --opengisch-dark: #313131;
+    --opengisch-light: #ffffff;
+
+    --r-main-font: "futura-pt", Helvetica, Arial, sans-serif;
+    --r-heading-font: "futura-pt", Helvetica, Arial, sans-serif;
+}
+
+/* assign the r-heading size to h5 because it's not done by current reveal.js theme */
+h5 {
+    font-size: var(--r-heading5-size);
+}
+
+/* color classes used for texts */
+
+.blue {
+    color: var(--opengisch-blue) !important;
+}
+
+.green {
+    color: var(--opengisch-green) !important;
+}
+
+.light {
+    color: var(--opengisch-light) !important;
+}
+
+.dark {
+    color: var(--opengisch-dark) !important;
+}
+
+/* opengisch logo */
+
+body:before {
+    content: url(./qfield-icon.png);
+    position: fixed;
+    top: -6em;
+    left: -6em;
+    z-index: -1;
+  }
+
+body:after {
+    content: url(./logo_white.png);
+    position: fixed;
+    bottom: -6em;
+    right: -6em;
+    z-index: -1;
+}
+
+
+/* classes used for multiple columns */
+
+.container {
+    display: flex;
+}
+
+
+.col {
+    flex: 1;
+}
+
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  text-transform: none;
+  font-family: "futura-pt", 'Helvetica';
+}
+
+/* Ensure certain elements are never larger than the slide itself */
+.reveal img,
+.reveal video,
+.reveal iframe {
+    max-width: 100%;
+    max-height: 100%;
+}