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

…f801e9ab73d7dc36bfb2dbdd216aed8f580d9a

opengisch-about-us/_assets/stylesheets/qfield-theme.css

@@ -4,37 +4,37 @@
 @import 'qfield-base-theme.css';
 
 :root {
-    --r-background-color: var(--opengisch-green);
-    --r-heading1-size: 200px;
-    --r-heading2-size: 150px;
-    --r-heading3-size: 100px;
-    --r-heading4-size: 75px;
-    --r-heading5-size: 60px;
-    --r-heading6-size: 25px;
+  --r-background-color: var(--opengisch-light);
+  --r-heading1-size: 200px;
+  --r-heading2-size: 150px;
+  --r-heading3-size: 100px;
+  --r-heading4-size: 75px;
+  --r-heading5-size: 60px;
+  --r-heading6-size: 25px;
 }
 
 
 h1, h2 {
-    color: var(--opengisch-light) !important;
-    -webkit-text-stroke: 3px var(--opengisch-green);
-    text-align: left !important;
+  color: var(--opengisch-dark) !important;
+  text-align: left !important;
+  -webkit-text-stroke: 0px var(--opengisch-green);
+
 }
 
 h3, h4, h5, h6 {
-    color: var(--opengisch-light) !important;
-    /* -webkit-text-stroke: 2px var(--opengisch-green); */
-    text-align: left !important;
+  color: var(--opengisch-dark) !important;
+  /* -webkit-text-stroke: 2px var(--opengisch-green); */
+  text-align: left !important;
 }
 
 p,
 ul,
 tr,
 td,
 div {
-  color: var(--opengisch-light) !important;
-  text-align: left !important;
+color: var(--opengisch-dark) !important;
+text-align: left !important;
 }
 li {
-  margin-top: 0.5em !important;
+margin-top: 0.5em !important;
 }
-

opengisch-about-us/_assets/stylesheets/slide1.css

@@ -0,0 +1,123 @@
+/* qfield-theme.css */
+/* @theme qfield-theme*/
+
+/*@import 'qfield-base-theme.css';*/
+
+:root {
+    --r-background-color: var(--opengisch-light);
+    /* --r-heading1-size: 200px;
+    --r-heading2-size: 150px;
+    --r-heading3-size: 100px;
+    --r-heading4-size: 70px;
+    --r-heading5-size: 60px;
+    --r-heading6-size: 25px; */
+    --r-block-margin: 20pt;
+}
+
+h1 {
+  position: absolute;
+  top: 50px;
+  left: 50px;
+  color: var(--opengisch-dark) !important;
+  font-weight: bold !important;
+  font-size: 50pt !important;
+  line-height: 48pt !important;
+  text-align: left !important;
+  /* margin: -15pt !important; */
+}
+
+h2 {
+  color: var(--opengisch-green) !important;
+  /* -webkit-text-stroke: 2px var(--opengisch-green); */
+  font-weight: bold !important;
+  font-size: 50pt !important;
+  text-align: left !important;
+  margin: -15pt !important;
+}
+
+h3 {
+  color: var(--opengisch-green) !important;
+  -webkit-text-stroke: 3px var(--opengisch-green);
+  text-align: left !important;
+  font-size: 35pt !important;
+}
+
+
+h4 {
+  color: var(--opengisch-green) !important;
+  text-align: left !important;
+  font-size: 30pt !important;
+  font-variant: small-caps !important;
+}
+
+h5 {
+  color: var(--opengisch-dark) !important;
+  text-align: left !important;
+  font-weight: bold !important;
+  font-size: 25pt !important;
+  /* margin-left: -15pt !important; */
+  /*margin-top: 40pt !important;*/
+}
+
+h6 {
+  color: var(--opengisch-green) !important;
+  text-align: left !important;
+  font-size: 20pt !important;
+}
+
+p,
+ul,
+tr,
+td,
+div {
+  color: var(--opengisch-dark) !important;
+  text-align: left !important;
+}
+li {
+  /*margin-top: 0.5em !important;*/
+  font-weight: lighter !important;
+  font-size: 25pt !important;
+  margin-bottom: -45px !important;
+  /* font-variant: small-caps !important; */
+}
+
+.styled-video {
+  border-radius: 12px; /* Rounded corners */
+  /* border: 25px; */
+  /* border-color: var(--opengisch-green) !important; */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for depth */
+}
+
+.styled-image {
+  border-radius: 15px;
+  border: 0.5px;
+  /*border-color: var(--opengisch-green) !important;*/
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+/*.styled-gif {
+  border-radius: 15px;
+  border: 0.5px !important;
+  border-color: var(--opengisch-green) !important;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}*/
+
+/*.reveal .slides::after {
+  content: "";
+  position: fixed;
+  bottom: 0px;
+  right: 0px;
+  background-image: url('assets/logo-bg-cut-l');
+  background-size: 100px;
+  background-repeat: no-repeat;
+  opacity: 0.2;
+  width: 00px;
+  height: 300px;
+  pointer-events: none;
+  z-index: 1;
+}*/
+
+.stack {
+  padding-top: 10px;
+  padding-left: 60px;
+}

opengisch-about-us/intro.html

@@ -23,46 +23,98 @@
 
 ---
 
-<!-- .slide: data-background="assets/whatwedo.jpg" -->
+<link rel="stylesheet" href="./stylesheets/slide1.css">
+
+<style>
+.reveal .slides::after {
+    content: "";
+    position: fixed;
+    bottom: 10px;
+    right: 10px;
+    background-image: url('assets/logo-bg-cut-l.png');
+    background-size: 100px;
+    background-repeat: no-repeat;
+    opacity: 0.2;
+    width: 100px;
+    height: 100px;
+    pointer-events: none;
+    z-index: 1;
+}
+</style>
+
+<!-- .slide: class="stack" -->
+
+# WHAT DO<br><span style="color: var(--opengisch-green); margin-bottom: 60px; display: block;">WE DO?</span>
+
+<img src="assets/whatdowedo.png" alt="platforms" style="width: 100%; height: auto; margin-top: 305px; display: block;"/>
 
-# What do we do?{.r-fit-text}
 
 ---
 
-<!-- .slide: data-background="assets/qgis-stats.jpg" -->
-<ul style="color: var(--opengisch-green) !important; font-weight: bold;">
-<li>QGIS → Core developers, QGIS.org chair, QGIS.ch president</li>
-<li>QGIS Plugins → Core developers and mantainers of many plugins<br/> Swisslocator, S[o|h]Locator, Model baker, QFieldSync, Teksi wastewater, Document Management System, Linking Relation Editor, Autocurve, ...
-<li>QField (mobile QGIS) → Creators and maintainers
-<li>PostGIS → Experts
-<li>GeoData Infrastructure → Planning and deployment experts
-<li>INTERLIS → contributors
-</ul>
+<!-- .slide: class="stack" -->
+
+# WHAT DO<br><span style="color: var(--opengisch-green); margin-bottom: 60px; display: block;">WE DO?</span>
+
+<img src="assets/whatdowedo2.png" alt="platforms" style="width: 100%; height: auto; margin-top: 300px; display: block;"/>
 
 ---
 
-<!-- .slide: data-background="assets/special.jpg" -->
+<!-- .slide: class="stack" -->
 
-# What makes us special?{.r-fit-text}
+# WHAT DO<br><span style="color: var(--opengisch-green); display: block;">WE DO?</span>
+
+<img src="assets/whatdowedo_b.png" alt="platforms" style="width: 63%; height: auto; margin-top: 230px; margin-left: -10px; display: block;"/>
 
 ---
 
-<!-- .slide: data-background="assets/locations.jpg" -->
-# Where are we?{.r-fit-text}
+<!-- .slide: class="stack" -->
+
+# WHERE<br><span style="color: var(--opengisch-green); display: block;">ARE WE?</span>
+
+##### <span style="display: block; margin-top: 300px; margin-left: -8px; font-variant: small-caps;">Everywhere<br>and anywhere.</span>
+
+<img src="assets/wherearewe_map2.png" alt="map" style="width: 75%; height: auto; margin-left: 300px; margin-top: -220px;"/>
 
 ---
 
-<!-- .slide: data-background="assets/clients.jpg" -->
-# Who works with us?{.r-fit-text}
+
+<!-- .slide: class="stack" -->
+
+# WHAT MAKES<br><span style="color: var(--opengisch-green); margin-bottom: 60px; display: block;">US SPECIAL?</span>
+
+<img src="assets/whatmakesusspecial.png" alt="special" style="width: 100%; height: auto; margin-top: 300px; display: block;"/>
 
 ---
 
-<!-- .slide: data-background="assets/team.jpg" -->
-# Follow us
+<!-- .slide: class="stack" -->
+
+# WHAT MAKES<br><span style="color: var(--opengisch-green); margin-bottom: 60px; display: block;">US SPECIAL?</span>
+
+<img src="assets/whatmakesusspecial2.png" alt="special" style="width: 100%; height: auto; margin-top: 301px; margin-left: 19px; display: block;"/>
+
+---
+
+<!-- .slide: class="stack" -->
+
+# WHO WORKS<br><span style="color: var(--opengisch-green); margin-bottom: 60px; display: block;">WITH US?</span>
+
+<img src="assets/OG_clients.png" alt="clients" style="width: 100%; height: auto; margin-top: 270px;"/>
+
+---
+
+<!-- .slide: class="stack" -->
+
+# WE ARE<br><span style="color: var(--opengisch-green); margin-bottom: 60px; display: block;">SOCIAL</span>
+
+<ul style="margin-left: -10px; margin-top: 270px">
+  <li style="list-style: none;"><img src="assets/arrow_.png" alt="bullet" style="width: 35px; vertical-align: middle;"> @OPENGISch</li>
+  <li style="list-style: none;"><img src="assets/arrow_.png" alt="bullet" style="width: 35px; vertical-align: middle;"> @QFieldForQGIS</li>
+  <li style="list-style: none;">
+  <img src="assets/arrow_.png" alt="bullet" style="width: 35px; vertical-align: middle; margin-right: 10px;">
+  <span style="font-weight: bold;">opengis.ch/blog</span>
+  </li>
+</ul>
 
-#### @OPENGISch
-#### @QFieldForQGIS
-#### opengis.ch/blog
           </textarea>
         </section>
       </div>

talk-qfield-presentation/_assets/stylesheets/qfield-base-theme.css

@@ -64,7 +64,6 @@ body:after {
 .reveal h4,
 .reveal h5,
 .reveal h6 {
-  text-transform: none;
   font-family: "futura-pt", 'Helvetica';
 }
 
@@ -74,4 +73,4 @@ body:after {
 .reveal iframe {
     max-width: 100%;
     max-height: 100%;
-}
+}

talk-qfield-presentation/_assets/stylesheets/qfield-base-white-theme.css

@@ -361,4 +361,4 @@ section.has-dark-background h6 {
     .backgrounds {
         background-color: var(--r-background-color);
     }
-}
+}

talk-qfield-presentation/_assets/stylesheets/qfield-theme.css

@@ -4,7 +4,7 @@
 @import 'qfield-base-theme.css';
 
 :root {
-    --r-background-color: var(--opengisch-green);
+    --r-background-color: var(--opengisch-light);
     --r-heading1-size: 200px;
     --r-heading2-size: 150px;
     --r-heading3-size: 100px;
@@ -15,13 +15,14 @@
 
 
 h1, h2 {
-    color: var(--opengisch-light) !important;
-    -webkit-text-stroke: 3px var(--opengisch-green);
+    color: var(--opengisch-dark) !important;
     text-align: left !important;
+    -webkit-text-stroke: 0px var(--opengisch-green);
+
 }
 
 h3, h4, h5, h6 {
-    color: var(--opengisch-light) !important;
+    color: var(--opengisch-dark) !important;
     /* -webkit-text-stroke: 2px var(--opengisch-green); */
     text-align: left !important;
 }
@@ -31,10 +32,9 @@ ul,
 tr,
 td,
 div {
-  color: var(--opengisch-light) !important;
+  color: var(--opengisch-dark) !important;
   text-align: left !important;
 }
 li {
   margin-top: 0.5em !important;
 }
-