Added Slide for PPS

src/assets/styles/scss/_base.scss

@@ -62,7 +62,7 @@ p, div {
   }
 
   & > mark, & > em{
-    font-weight: var(--fw-medium);
+    font-weight: var(--fw-bold);
     background-color: transparent;
   }
 }
@@ -76,5 +76,3 @@ small{
   opacity: var(--op-medium);
   font-size: 80%;
 }
-
-

src/assets/styles/scss/_components.scss

@@ -51,6 +51,11 @@
   flex-direction: column;
 }
 
+.is-small{
+  font-size: var(--m) !important;
+  margin-bottom: var(--m) !important;
+}
+
 .js-fit-text {
   display: flex;
   height: 90%;

src/assets/styles/scss/_layouts.scss

@@ -246,11 +246,14 @@
   display: flex !important;
   align-items: center;
   justify-content: center;
+  padding-left: var(--xxl);
+  padding-right: var(--xxl);
 
   .title {
     font-size: var(--xxl);
     padding: 0;
     color: var(--lightest);
+    max-width: 80%;
 
     strong{
       font-weight: var(--fw-bold);
@@ -262,7 +265,9 @@
     font-family: var(--ff-normal);
     color: var(--darkest);
     opacity: var(--op-medium);
-
+    max-width: 80%;
+    font-size: calc(var(--xxl) * 0.8);
+
     strong{
       font-weight: var(--fw-bold);
     }

src/presentations/misc/pps-praesentieren/000-preludium.md

@@ -0,0 +1,11 @@
+---
+title: Präsentieren im Studium
+layout: presentation.11ty.js
+slideClasses: image
+img: supergirl
+transition: zoom
+---
+
+# &nbsp; Präsentieren<br>&nbsp; im Studium
+
+

src/presentations/misc/pps-praesentieren/005-intro.md

@@ -0,0 +1,15 @@
+---
+title: Pen & Paper
+layout: presentation.11ty.js
+slideClasses: intro
+transition: zoom
+---
+
+<div class="is-full-width">
+
+# Präsentieren …
+## … im Praxisprojekt aber auch darüber hinaus
+
+</div>
+
+

src/presentations/misc/pps-praesentieren/010-merksatz.md

@@ -0,0 +1,10 @@
+---
+title: Eine Präsentation empfinde ich als wertvoll, wenn …
+layout: presentation.11ty.js
+slideClasses: simple
+status: ok
+---
+
+Entwickeln Sie mit ihrer Sitznachbar:in **zwanzig** Formulierungen, die ausdrücken, wann **Sie persönlich** eine Präsentation oder einen Vortrag als wertvoll empfinden. Schreiben Sie jeden Satz auf einen Zettel. 
+
+**10 Minuten Zeit**

src/presentations/misc/pps-praesentieren/015-merksatz-2.md

@@ -0,0 +1,10 @@
+---
+title: Eine Präsentation empfinde ich als wertvoll, wenn …
+layout: presentation.11ty.js
+slideClasses: simple
+status: ok
+---
+
+Bringen Sie die Aussagen in eine Reihenfolge entlang der Wichtigkeit für Sie. Kleben Sie die Zettel in der entsprechenden Reihenfolge an die Wand.
+
+**5 Minuten Zeit**

src/presentations/misc/pps-praesentieren/020-interlude.md

@@ -0,0 +1,8 @@
+---
+title: Eine Präsentation empfinde ich als wertvoll, wenn …
+layout: presentation.11ty.js
+slideClasses: wrap
+status: ok
+---
+
+{% interlude "…"%}

src/presentations/misc/pps-praesentieren/030-titel.md

@@ -0,0 +1,23 @@
+---
+title: Was würde Sie interessieren …
+layout: presentation.11ty.js
+slideClasses: simple
+status: ok
+---
+
+… wenn Sie Vorträge zu folgenden Themen hören würden:
+
+
+{% fragment '<p class="is-small">Der fotorealistische Grad von 3D-Renderings - Einflussfaktoren und deren Bedeutung</p>' %}
+{% fragment '<p class="is-small">Bewertung der technischen Realisierung eines Virtual Reality Handschuhs mit haptischem Feedback</p>' %}
+{% fragment '<p class="is-small">Personalisierte audiovisuelle Werbeanzeigen im Web - audiovisuelle Werbeanzeigen zielgruppenorientiert generieren und ausspielen mit dem YouTube Director Mix und Google Ads</p>' %}
+{% fragment '<p class="is-small">Ymir – Eine Definitionssprache zum Generieren von Boilerplate-Code in der Webentwicklung</p>'%}
+{% fragment '<p class="is-small">Ausarbeitung der Grundlagen zur Entwicklung eines gamifizierten digitalen Lernmoduls zum Thema Aquaponik</p>'%}
+
+
+
+
+
+
+
+

src/presentations/misc/pps-praesentieren/040-interlude.md

@@ -0,0 +1,8 @@
+---
+title: Eine Präsentation empfinde ich als wertvoll, wenn …
+layout: presentation.11ty.js
+slideClasses: wrap
+status: ok
+---
+
+{% interlude "…"%}

src/presentations/misc/pps-praesentieren/050-titel-zerlegen-01.md

@@ -0,0 +1,8 @@
+---
+title: Konzeption und Umsetzung eines CSS-Frameworks auf Basis von Disneys Prinzipien der Animation
+layout: presentation.11ty.js
+slideClasses: simple
+status: ok
+---
+
+**bitte zerlegen Sie diesen Titel**

src/presentations/misc/pps-praesentieren/060-flughoehe-0.md

@@ -0,0 +1,10 @@
+---
+title: Flughöhe
+layout: presentation.11ty.js
+slideClasses: screenshot
+image: flughoehe.svg
+status: ok
+---
+
+{% interlude "Flughöhe" %}
+{% screenshot "./images/flughoehe.svg", '{"transition":"fade", "classes":"no-shadow", "width": "100%"}' %}

src/presentations/misc/pps-praesentieren/060-flughoehe-1.md

@@ -0,0 +1,18 @@
+---
+title: TOC
+layout: presentation.11ty.js
+slideClasses: simple
+status: ok
+transition: fade
+---
+
+**Einleitung**  
+Problemstellung // Forschungsfrage // Motivation
+
+**Die zwölf Prinzipien der Animation**  
+Squash and Stretch // Anticipation, Staging, Straight Ahead Action and Pose to Pose // Follow Through and Overlapping Action // Slow In and Slow Out // Arcs // Secondary Action // Timing // Exaggeration // Solid Drawing // Appeal  
+
+**Konzeption und Umsetzung des CSS-Frameworks**  
+Auswahl an UI-Elementen // Einteilung nach Atomic Design // Betrachtung bestehender CSS-Frameworks // Vorgehen bei der Konzeption // Verwendete Technologien und Setup // Storyboards und Implementierung // Erkenntnisse und Zusammenfassung der Prinzipien
+
+**Fazit**

src/presentations/misc/pps-praesentieren/060-flughoehe-2.md

@@ -0,0 +1,18 @@
+---
+title: TOC
+layout: presentation.11ty.js
+slideClasses: simple
+status: ok
+transition: fade
+---
+
+**Einleitung**  
+*Problemstellung* // *Forschungsfrage* // Motivation
+
+**Die zwölf Prinzipien der Animation**  
+*Squash and Stretch* // Anticipation, Staging, Straight Ahead Action and Pose to Pose // Follow Through and Overlapping Action // *Slow In and Slow Out* // Arcs // Secondary Action // Timing // Exaggeration // Solid Drawing // Appeal  
+
+**Konzeption und Umsetzung des CSS-Frameworks**  
+Auswahl an UI-Elementen // *Einteilung nach Atomic Design* // Betrachtung bestehender CSS-Frameworks // Vorgehen bei der Konzeption // Verwendete Technologien und Setup // Storyboards und Implementierung // *Erkenntnisse und Zusammenfassung der Prinzipien*
+
+**Fazit**

src/presentations/misc/pps-praesentieren/070-gehirn.md

@@ -0,0 +1,9 @@
+---
+title: Gehirn
+layout: presentation.11ty.js
+slideClasses: screenshot
+status: ok
+---
+
+{% interlude "…" %}
+{% screenshot "./images/brain.jpg", '{"transition":"fade", "classes":"no-shadow", "width": "100%"}' %}

src/presentations/misc/pps-praesentieren/080-situation-nutzen.md

@@ -0,0 +1,10 @@
+---
+title: Situation nutzen
+layout: presentation.11ty.js
+slideClasses: wrap
+status: ok
+---
+
+
+
+{% interlude "Nutzen Sie die Situation", "Alles, was Ihr Thema erfahrbar macht ist gut!"%}

src/presentations/misc/pps-praesentieren/100-probelauf.md

@@ -0,0 +1,19 @@
+---
+title: Los geht's
+layout: presentation.11ty.js
+slideClasses: simple
+status: ok
+---
+
+Entwickeln Sie 5 Minuten Ihres Vortrags, entweder zu Ihrem Praxisprojektthema oder zu Ihrem Entwicklungsprojekt.
+
+**Schritt 1: Storyline und Material**  
+Welche Dinge, Begriffe, Anekdoten wollen Sie unterbringen und wie machen Sie diese erfahrbar?  
+*20 Min Zeit, danach kurze Vorstellung*
+
+**Schritt 2: Material aufbauen**  
+Bauen Sie das Material auf und üben Sie Ihren Vortrag  
+*30 Min Zeit*
+
+**Schritt 3: Vortrag halten**
+:)

src/presentations/misc/pps-praesentieren/index.md

@@ -0,0 +1,6 @@
+---
+title: Präsentieren im Studium
+layout: presentation.11ty.js
+slideClasses: outro
+transition: convex
+---