feat: slides optimizations

Author: toddeTV

content/3d-on-the-web.md

@@ -8,7 +8,7 @@ layout: two-cols
 
 <div class="w-full h-23"></div>
 
-<div class="flex flex-col gap-2 mt-3">
+<div class="flex flex-col gap-2 -mt-5">
 
   <div
     class="flex flex-row justify-center gap-7"

content/cms.md

@@ -2,11 +2,15 @@
 layout: basic
 ---
 
-# CMS
+# CMS\*
+
+<div class="text-sm absolute bottom-3 left-15">
+  * Content Management System
+</div>
 
 <VClicks depth="2">
 
-For changing **static & dynamic content** with an editor-like approach. There are different Types:
+For changing **static & dynamic content** with an editor-like approach - there are different Types:
 
 </VClicks>
 

content/in-this-talk.md

@@ -5,7 +5,7 @@ layout: basic
 # In this Talk
 
 <div class="w-full flex flex-col justify-center items-center gap-8 h-full pb-20">
-    <span class="text-2xl" v-click>Base 101 <span class="underline">concepts</span> with the example of a Portfolio.</span>
+    <span class="text-2xl" v-click>Basic <span class="underline">concepts</span> with the example of a Portfolio.</span>
     <img
         v-click
         class="h-60"

content/need-for-portfolio.md

@@ -11,10 +11,11 @@ layout: basic
 - Server (Recommendation: _Cloud Hosting_)
 - GIT for resources (e.g. images, models, code, etc.)
 - New Code
-  - Program yourself: Do not code anymore in plain HTML or PHP from scratch, use Metaframeworks instead
+  - Program yourself: Do not code anymore in plain HTML or PHP from scratch, use Metaframeworks instead<br />
+    (e.g. Vue, Nuxt, Svelte, Angular, React, etc.)
   - CMS can do it for you
 - add Integrations (e.g. outsource your search, add a shop, etc.)
-- SEO
+- SEO (Search engine optimization)
 - Consider a USP: not only infos about you (e.g. tools, stunning experience, etc.)
 
 </VClicks>

content/osi-layers.md

@@ -2,10 +2,14 @@
 layout: basic
 ---
 
-# The 7 Layers of OSI
+# The 7 Layers of OSI\*
 
-<div class="w-full h-full flex justify-center items-center">
-  <OsiLayersSvg class="w-full" />
+<div class="text-sm absolute bottom-3 left-15">
+  * Open Systems Interconnection
+</div>
+
+<div class="w-full h-full flex justify-center items-center mt-0">
+  <OsiLayersSvg class="w-[70%]" />
 </div>
 
 <!-- dummy only to force the click count on this slide manually -->