Update from https://github.com/opengisch/teaching-and-talks/commit/208586d67cfda0bbbf5dcb6df2feb2adaba2e92c

Author: opengisch

opengisch-about-us/_assets/stylesheets/main-style.css

@@ -4,22 +4,24 @@
   --r-background-color: var(--opengisch-white);
 }
 
-/* hr {
-  margin-top: 20px;
-  padding: 0;
+#qf-logo { /* left corner qfield logo*/
+  position: fixed;
+  top: 500px;
+  z-index: 1000;
 }
 
-.v-separator {
-  margin-top: 20px;
-  padding: 0;
-} */
+#qf-logo img { /* left corner qfield logo*/
+  width: 120px;
+  opacity: 0.5;
+}
 
 h1 { /* main titles */
   color: var(--opengisch-dark);
   font-weight: bold;
   font-size: 50pt;
   line-height: 48pt;
-  text-align: left;
+  text-align: left;x
+  font-family: "bio-sans", sans-serif;
 }
 
 h1:nth-child(2) {
@@ -35,15 +37,31 @@ h2 { /* smaller main titles */
   font-size: 30pt;
   font-weight: bold;
   text-align: left;
-  margin-bottom: 20px;
+  font-family: "bio-sans", sans-serif;
+}
+
+h2:nth-child(2) {
+  color: var(--opengisch-green);
+}
+
+h2:last-of-type {
+  margin-bottom: 60px;
 }
 
 h3 { /* secondary titles */
   color: var(--opengisch-dark);
   text-align: left;
   font-weight: bolder;
   font-size: 20pt;
-  margin-bottom: 50px;
+  font-family: "bio-sans", sans-serif;
+}
+
+h3:nth-child(2) {
+  color: var(--opengisch-green);
+}
+
+h3:last-of-type {
+  margin-bottom: 35px;
 }
 
 h4 { /*text*/
@@ -52,12 +70,16 @@ h4 { /*text*/
   font-size: 15pt;
   font-weight: lighter;
   margin-bottom: 20px;
+  margin-top: 20px;
+  font-family: "bio-sans", sans-serif;
+  line-height: 18pt;
 }
 
 h5 { /*text*/
   color: var(--opengisch-dark);
   text-align: left;
-  font-size: 10pt;
+  font-size: 12pt;
+  font-family: "bio-sans", sans-serif;
 }
 
 /* for lists (ul, li) */
@@ -102,8 +124,8 @@ section.present video {
 section.present img {
   border-radius: 7px;
   border: 0.5px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  max-width: 600px;
+  box-shadow: none;
+  max-width: 900px;
 }
 
 /* LOGO */
@@ -115,7 +137,7 @@ section.present.styled-logo img {
   box-shadow: none;
 }
 
-/* IMG / PNG (NOT LOGO) */
+/* IMG / PNG (TRANSPARENT – NO LOGO) */
 section.present.custom-center-pic img {
   max-width: 100%;
   margin-top: 40px;
@@ -142,6 +164,7 @@ section.present.custom-right-pic img {
 }
 
 
+
 /* –– OTHER –– */
 
 /* COLORED TEXT */
@@ -186,9 +209,9 @@ section.present.custom-right-pic img {
   border-radius: 0 !important;
   box-shadow: none !important;
   position: absolute;
-  top: 17px;
-  right: -10px;
-  width: 20px;
+  top: 12px;
+  right: -9px;
+  width: 13px;
   height: auto;
 }
 
@@ -200,5 +223,30 @@ section.present.custom-right-pic img {
   height: 100vh;
   margin-top: 100px;
   opacity: 0.2;
+  z-index: -1
+}
+
+/* UNDERLINE ANIMATION */
+
+.highlight-animate {
+  position: relative;
+  display: inline-block;
+}
+
+.highlight-animate::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 0%; /* Start with no width */
+  height: 2px; /* Thin underline effect */
+  background-color: #80cc28;
+  animation: slide-highlight 3s ease-out forwards;
   z-index: -1;
 }
+
+@keyframes slide-highlight {
+  to {
+    width: 100%; /* Expand to full width of the text */
+  }
+}

opengisch-about-us/assets/OG_switzerland_map.png

@@ -35,106 +35,124 @@
 
 ---
 
-# WHAT DO
-# WE DO?
+## WHAT DO
+## WE DO?
 
 <!-- .slide: class="custom-center-pic" -->
-![whatdowedo](assets/whatdowedo.png)
+<img src="assets/whatdowedo1.png" style="width: 85%; margin-top: 80px;" alt="whatdowedo">
 
 ---
 
-# WHAT DO
-# WE DO?
+## WHAT DO
+## WE DO?
+
+<!-- .slide: class="custom-left-pic" -->
+<img src="assets/whatdowedo2.png" style="width: 77%; margin-top: 18px; margin-right: 33px;" alt="whatdowedo">
 
-<!-- .slide: class="custom-center-pic" -->
-![whatdowedo](assets/whatdowedo2.png)
 
 ---
 
-# WHAT DO
-# WE DO?
+## CONNECTING
+## THE DOTS
 
 <!-- .slide: class="custom-left-pic" -->
-![whatdowedo](assets/whatdowedo_3.png)
+<img src="assets/connectingthedots.png" style="width: 45%; height: auto; display: block; margin-top: 130px;" alt="10ynumbers">
+
 
 ---
 
-# SOME
-# NUMBERS?
+## SOME
+## NUMBERS?
 
 <!-- .slide: class="custom-left-pic" -->
-<img src="assets/10y-numbers.png" style="width: 50%; height: auto; justify-content: center; display: block;" alt="10ynumbers">
+<img src="assets/somenumbers.png" style="width: 50%; height: auto; display: block;" alt="10ynumbers">
 
 ---
 
-# OUR
-# HISTORY?
+## OUR
+## HISTORY?
 
 <!-- .slide: class="custom-left-pic" -->
-![whatdowedo](assets/history.png)
+<img src="assets/history.png" style="width: 90%; margin-top: 100px; height: auto; display: block;" alt="history">
 
 ---
 
-# WHY
-# WE DO THIS?
+## WHY DO WE
+## DO THIS?
 
-<!-- .slide: class="custom-left-pic" -->
-![whatdowedo](assets/vision.png)
+<img src="assets/vision.png" style="width: 100%; margin-top: 100px; height: auto; display: block;" alt="vision">
 
 ---
 
-# WHY
-# WE DO THIS?
+## WHY DO WE
+## DO THIS?
 
-<!-- .slide: class="custom-left-pic" -->
-![whatdowedo](assets/values.png)
+<img src="assets/values.png" style="width: 100%; margin-top: 15px; height: auto; display: block;" alt="values">
 
 ---
 
-# WHERE
-# ARE WE?
+## WHERE
+## ARE WE?
 
-### Everywhere and anywhere.
+<h4 style="font-weight: bold;">
+  Everywhere and <span class="highlight-animate">anywhere.</span>
+</h4>
 
-<!-- .slide: class="custom-left-pic" -->
-![whatdowedo](assets/wherearewe_map2.png)
+<img src="assets/OG_world_map.png" style="width: 73%; height: auto; margin-left: 150px; display: block;" alt="wherearewe">
+
+---
+
+## WHERE
+## ARE WE?
 
+<h4 style="font-weight: bold;">
+  Everywhere and <span class="highlight-animate">anywhere.</span>
+</h4>
+
+<img src="assets/OG_switzerland_map.png" style="width: 60%; height: auto; margin-left: 150px; display: block;" alt="wherearewe">
 
 ---
 
-# WHAT MAKES
-# US SPECIAL?✨
+## WHAT MAKES
+## US SPECIAL?✨
 
-<!-- .slide: class="custom-center-pic" -->
-![whatmakesusspecial](assets/whatmakesusspecial.png)
+<img src="assets/whatmakesusspecial.png" style="width: 100%; height: auto; display: block; margin: 120px 0px 0px 0px;" alt="whatmakesusspecial">
 
 ---
 
-# WHAT MAKES
-# US SPECIAL?✨
+## WHAT MAKES
+## US SPECIAL?✨
+
+<img src="assets/whatmakesusspecial2.png" style="width: 100%; height: auto; display: block; margin: 123px 0px 0px 22px;" alt="whatmakesusspecial">
 
-<!-- .slide: class="custom-center-pic" -->
-![whatmakesusspecial](assets/whatmakesusspecial2.png)
 
 ---
 
-# WHO WORKS
-# WITH US?
+## WHO WORKS
+## WITH US?
 
 <!-- .slide: class="custom-center-pic" -->
 ![whatmakesusspecial](assets/OG_clients.png)
 
 ---
 
-# WE ARE
-# SOCIAL ✍️
+## WHAT'S <span style="color: #80cc28;">NEXT? 🚀</span>
+
+<h4 style="font-weight: bold;">
+  Let’s build something great <span class="highlight-animate">together!</span>
+</h4>
+
+<img src="assets/team_2025.jpg" style="width: 60%; height: auto; display: block;" alt="team">
 
-- @OPENGISch
-- @QFieldForQGIS
-- <a href="https://opengis.ch/blog" style="color: var(--opengisch-green); font-weight: bold; text-decoration: none;">opengis.ch/blog</a>
 
+<div style="display: flex; gap: 100px; margin-top: 40px;">
+<span>@OPENGISch</span>
+  <span>@QFieldForQGIS</span>
+  <a href="https://opengis.ch/blog" style="color: #80cc28; text-decoration: none;">opengis.ch/blog</a>
+</div>
 
-[def]: assets/10y-numbers.png
+<!--
+[def]: assets/10y-numbers.png -->
 
           </textarea>
         </section>