Skip to content

Commit

Permalink
deploy: 314cc62
Browse files Browse the repository at this point in the history
  • Loading branch information
@cnoss
cnoss committed Apr 18, 2024
1 parent 07092f9 commit 97ef448
Show file tree
Hide file tree
Showing 139 changed files with 223 additions and 127 deletions.
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang="de"><head><title>Slides</title><meta name="robots" content="noindex"><meta name="googlebot" content="noindex"><meta name="googlebot-news" content="noindex"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel="stylesheet" href="/slides/assets/main.css"><link rel="icon" type="image/svg" href="/slides/assets/images/preview_black_24dp.svg"></head><body class="document"><main><h1>Slides</h1><h2>Screendesign</h2><ul><li><a href="/slides/presentations/screendesign/about-screendesign/">About Screendesign</a></li><li><a href="/slides/presentations/screendesign/ausrichtung-von-designprojekten/">Ausrichten von Designprojekten</a></li><li><a href="/slides/presentations/screendesign/design-in-der-medieninformatik/">Design in der Medieninformatik</a></li><li><a href="/slides/presentations/screendesign/eindeutigkeit/">Eindeutigkeit</a></li><li><a href="/slides/presentations/screendesign/farben/">Farbe</a></li><li><a href="/slides/presentations/screendesign/figur-und-grund/">Figur &amp; Grund</a></li><li><a href="/slides/presentations/screendesign/flaeche-und-form/">Fläche &amp; Form</a></li><li><a href="/slides/presentations/screendesign/flow-and-transition/">Flow &amp; Transistion</a></li><li><a href="/slides/presentations/screendesign/gestaltgesetze/">Gestaltgesetze</a></li><li><a href="/slides/presentations/screendesign/interface-inventar/">Interface Inventar aufbauen und dokumentieren</a></li><li><a href="/slides/presentations/screendesign/layout/">Layout</a></li><li><a href="/slides/presentations/screendesign/linie/">Linie</a></li><li><a href="/slides/presentations/screendesign/proportionen-und-abstaende/">Proportionen und Abstände</a></li><li><a href="/slides/presentations/screendesign/punkt/">Punkt</a></li><li><a href="/slides/presentations/screendesign/raeumlichkeit/">Räumlichkeit</a></li><li><a href="/slides/presentations/screendesign/semantisches-diff-axis-maps-moodboards/">Semantisches Differential, Axis Maps und Moodboards</a></li><li><a href="/slides/presentations/screendesign/semiotik/">Semiotik</a></li><li><a href="/slides/presentations/screendesign/textsatz/">Textsatz</a></li><li><a href="/slides/presentations/screendesign/typographie/">Typographie</a></li><li><a href="/slides/presentations/screendesign/visuelle-wahrnehmung/">Visuelle Wahrnehmung</a></li><li><a href="/slides/presentations/screendesign/wahrnehmungsarbeit/">Wahrnehmungsarbeit</a></li></ul><h2>Others</h2><ul><li><a href="/slides/presentations/misc/demo/">Demo</a></li><li><a href="/slides/presentations/misc/pen-and-paper/">Pen &amp; Paper</a></li><li><a href="/slides/presentations/misc/pps-praesentieren/">Präsentieren im Studium</a></li></ul></main></body></html>
<!doctype html><html lang="de"><head><title>Slides</title><meta name="robots" content="noindex"><meta name="googlebot" content="noindex"><meta name="googlebot-news" content="noindex"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel="stylesheet" href="/slides/assets/main.css"><link rel="icon" type="image/svg" href="/slides/assets/images/preview_black_24dp.svg"></head><body class="document"><main><h1>Slides</h1><h2>Screendesign</h2><ul><li><a href="/slides/presentations/screendesign/about-screendesign/">About Screendesign</a></li><li><a href="/slides/presentations/screendesign/ausrichtung-von-designprojekten/">Ausrichten von Designprojekten</a></li><li><a href="/slides/presentations/screendesign/design-in-der-medieninformatik/">Design in der Medieninformatik</a></li><li><a href="/slides/presentations/screendesign/eindeutigkeit/">Eindeutigkeit</a></li><li><a href="/slides/presentations/screendesign/farben/">Farbe</a></li><li><a href="/slides/presentations/screendesign/figur-und-grund/">Figur &amp; Grund</a></li><li><a href="/slides/presentations/screendesign/flaeche-und-form/">Fläche &amp; Form</a></li><li><a href="/slides/presentations/screendesign/flow-and-transition/">Flow &amp; Transistion</a></li><li><a href="/slides/presentations/screendesign/gestaltgesetze/">Gestaltgesetze</a></li><li><a href="/slides/presentations/screendesign/interface-inventar/">Interface Inventar aufbauen und dokumentieren</a></li><li><a href="/slides/presentations/screendesign/layout/">Layout</a></li><li><a href="/slides/presentations/screendesign/linie/">Linie</a></li><li><a href="/slides/presentations/screendesign/proportionen-und-abstaende/">Proportionen und Abstände</a></li><li><a href="/slides/presentations/screendesign/punkt/">Punkt</a></li><li><a href="/slides/presentations/screendesign/raeumlichkeit/">Räumlichkeit</a></li><li><a href="/slides/presentations/screendesign/semantisches-diff-axis-maps-moodboards/">Semantisches Differential, Axis Maps und Moodboards</a></li><li><a href="/slides/presentations/screendesign/semiotik/">Semiotik</a></li><li><a href="/slides/presentations/screendesign/textsatz/">Textsatz</a></li><li><a href="/slides/presentations/screendesign/typographie/">Typographie</a></li><li><a href="/slides/presentations/screendesign/visuelle-wahrnehmung/">Visuelle Wahrnehmung</a></li><li><a href="/slides/presentations/screendesign/wahrnehmungsarbeit/">Wahrnehmungsarbeit</a></li></ul><h2>Others</h2><ul><li><a href="/slides/presentations/misc/demo/">Demo</a></li><li><a href="/slides/presentations/misc/pen-and-paper/">Pen &amp; Paper</a></li><li><a href="/slides/presentations/misc/pps-praesentieren/">Präsentieren im Studium</a></li><li><a href="/slides/presentations/misc/the-web-warmup/">Das Web // Warmup</a></li></ul></main></body></html>
2 changes: 1 addition & 1 deletion presentations/misc/demo/000-intro/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!doctype html><html lang="de"><head><title>Demo // Christian Noss</title><meta name="robots" content="noindex"><meta name="googlebot" content="noindex"><meta name="googlebot-news" content="noindex"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel="stylesheet" href="/slides/reveal/dist/reset.css"><link rel="stylesheet" href="/slides/reveal/dist/reveal.css"><link rel="stylesheet" href="/slides/assets/main.css"><link rel="icon" type="image/svg" href="/slides/assets/images/preview_black_24dp.svg"><link rel="stylesheet" href="/slides/reveal/plugin/highlight/monokai.css"></head><body><div class="reveal"><div class="slides"><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Demo Präsentation</h1><h2>Hier sieht man die verschiedenen Slidetypen und Shotcodes im Einsatz</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>About Screendesign</h1><h2>Worum geht es in diesem Modul?</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Ausrichtung von Designprojekten</h1><h2>Wie schaffen wir ein gemeinsames Zielbild?</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Design in der Medieninformatik</h1><h2>---</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Eindeutigkeit</h1><h2>Ordnen Sie Elemente so eindeutig wie möglich an.</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Farbe</h1><h2>Ich nehm immer blau … das finden alle gut.</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Figur und Grund</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Fläche und Form</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Flow and Transition</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Gestaltgesetze</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Interface Inventar aufbauen und dokumentieren</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Layout</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Linie</h1><h2>zusammenhängendes, eindimensionales geometrisches Gebilde ohne Querausdehnung 😀</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Systematische Proportionen und Abstände</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Der Punkt</h1><h2>Das kleinste und einfachste Gestaltungselement</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Räumlichkeit</h1><h2>Wie funktioniert visuelle Tiefenstaffelung?</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Semantischen Differential, Axis Maps und Moodboards</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Semiotik</h1><h2>Lehre von Zeichen und Zeichensystemen</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Textsatz</h1><h2>--</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Typographie</h1><h2>--</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Visuelle Wahrnehmung</h1><h2>Ein paar Basics</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Wahrnehmungsarbeit</h1></div></section></div></div><script src="/slides/reveal/dist/reveal.js"></script><script src="/slides/assets/scripts/libs/fittext.js"></script><script src="/slides/assets/scripts/main.js"></script><script src="/slides/reveal/plugin/notes/notes.js"></script><script src="/slides/reveal/plugin/markdown/markdown.js"></script><script src="/slides/reveal/plugin/highlight/highlight.js"></script><script src="/slides/reveal/plugin/zoom/zoom.js"></script><script>// More info about initialization & config:
<!doctype html><html lang="de"><head><title>Demo // Christian Noss</title><meta name="robots" content="noindex"><meta name="googlebot" content="noindex"><meta name="googlebot-news" content="noindex"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel="stylesheet" href="/slides/reveal/dist/reset.css"><link rel="stylesheet" href="/slides/reveal/dist/reveal.css"><link rel="stylesheet" href="/slides/assets/main.css"><link rel="icon" type="image/svg" href="/slides/assets/images/preview_black_24dp.svg"><link rel="stylesheet" href="/slides/reveal/plugin/highlight/monokai.css"></head><body><div class="reveal"><div class="slides"><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Demo Präsentation</h1><h2>Hier sieht man die verschiedenen Slidetypen und Shotcodes im Einsatz</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>The Web // Warmup</h1><h2>Kleiner Rundflug um das WWW</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>About Screendesign</h1><h2>Worum geht es in diesem Modul?</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Ausrichtung von Designprojekten</h1><h2>Wie schaffen wir ein gemeinsames Zielbild?</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Design in der Medieninformatik</h1><h2>---</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Eindeutigkeit</h1><h2>Ordnen Sie Elemente so eindeutig wie möglich an.</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Farbe</h1><h2>Ich nehm immer blau … das finden alle gut.</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Figur und Grund</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Fläche und Form</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Flow and Transition</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Gestaltgesetze</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Interface Inventar aufbauen und dokumentieren</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Layout</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Linie</h1><h2>zusammenhängendes, eindimensionales geometrisches Gebilde ohne Querausdehnung 😀</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Systematische Proportionen und Abstände</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Der Punkt</h1><h2>Das kleinste und einfachste Gestaltungselement</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Räumlichkeit</h1><h2>Wie funktioniert visuelle Tiefenstaffelung?</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Semantischen Differential, Axis Maps und Moodboards</h1></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Semiotik</h1><h2>Lehre von Zeichen und Zeichensystemen</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Textsatz</h1><h2>--</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Typographie</h1><h2>--</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Visuelle Wahrnehmung</h1><h2>Ein paar Basics</h2></div></section><section data-slide-class="intro" class="intro mi-slide" data-background-color="#9313ce" data-transition="zoom"><div class="is-full-width"><h1>Wahrnehmungsarbeit</h1></div></section></div></div><script src="/slides/reveal/dist/reveal.js"></script><script src="/slides/assets/scripts/libs/fittext.js"></script><script src="/slides/assets/scripts/main.js"></script><script src="/slides/reveal/plugin/notes/notes.js"></script><script src="/slides/reveal/plugin/markdown/markdown.js"></script><script src="/slides/reveal/plugin/highlight/highlight.js"></script><script src="/slides/reveal/plugin/zoom/zoom.js"></script><script>// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
Expand Down
Loading

0 comments on commit 97ef448

Please sign in to comment.