From b522cc899bf84aa6a326451ec47a78807f0876d7 Mon Sep 17 00:00:00 2001 From: Christian Noss Date: Mon, 22 Apr 2024 22:04:30 +0200 Subject: [PATCH] Added infos to shift 2024 --- _sass/_components.scss | 21 ++++--- _sass/_pages.scss | 23 +++++++ _site/artefacts.html | 21 +++++-- _site/assets/css/style.css | 2 +- _site/assets/css/style.css.map | 2 +- _site/types-of-work.html | 106 ++++++++++++++++++++++++++++++++- artefacts.html | 21 +++++-- types-of-work.html | 39 +++++++++++- 8 files changed, 213 insertions(+), 22 deletions(-) diff --git a/_sass/_components.scss b/_sass/_components.scss index babed82..aaff244 100755 --- a/_sass/_components.scss +++ b/_sass/_components.scss @@ -2,7 +2,7 @@ .header, .page, .footer { - padding: $s; + padding: $m; } } @@ -228,26 +228,31 @@ .artefact-list{ - display: flex; - gap: 1ch; + display: grid; + grid-template-columns: repeat(auto-fill,minmax(12em,1fr)); + gap: 1em; margin-top: 1em; margin-bottom: 1em; li{ - flex: 1; - + vertical-align: middle; text-align: center; font-weight: $fw-medium; transition: all $tr-fast; overflow: hidden; - + a{ - display: block; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; text-decoration: none; + hyphens: auto; border: none; padding: 2em; + aspect-ratio: 3/2; border: solid 1px $darken; border-radius: $radius-s; height: 100%; @@ -271,6 +276,6 @@ margin-top: 1ch !important; margin-bottom: 0.5ch !important; } - } + } \ No newline at end of file diff --git a/_sass/_pages.scss b/_sass/_pages.scss index 1e13a98..49b9587 100755 --- a/_sass/_pages.scss +++ b/_sass/_pages.scss @@ -12,4 +12,27 @@ p{ margin-bottom: $m; } +} + + +// Simple +// ------------------------------------------------------------------------- // + +.simple{ + + table{ + margin-top: $l; + margin-bottom: $xl; + + th{ + text-align: left; + font-weight: $fw-medium; + padding-bottom: $s; + } + + tr td{ + border-top: solid 1px $green; + padding: $s $s $s 0; + } + } } \ No newline at end of file diff --git a/_site/artefacts.html b/_site/artefacts.html index 47a7ad8..8cd0338 100644 --- a/_site/artefacts.html +++ b/_site/artefacts.html @@ -38,16 +38,27 @@

bei Christian Noss

Artefakte

-

Werk

+

Hier finden Sie eine Übersicht der Artefakte, die im Rahmen der Arbeit erstellt werden müssen.

-

Ausarbeitung

+

Werk

-

Research Diary

+

Das Werk ist das zentrale Artefakt, das im Rahmen der Arbeit entsteht. Es kann sich um eine Software, eine Website, ein Video, ein Buch, eine Ausstellung, eine Installation oder ein anderes Artefakt handeln. Das Werk sollte in einem öffentlichen Repository verfügbar sein, welches in der Ausarbeitung verlinkt wird. Zusätzlich muss eine Kurzbeschreibung als Readme-Datei im Repository hinterlegt werden.

-

Abschlussvideo

+

Ausarbeitung

-

Bilddokumentation

+

Die Ausarbeitung soll den Prozess, den methodischen Rahmen, die wichtigsten Ergebnisse, Implikationen und mögliche Richtungen für zukünftige Arbeiten dokumentieren. Die Ausarbeitung kann in deutsch oder englisch verfasst werden.

+

Research Diary

+ +

Das Research Diary ist ein Kurzvideo von maximal 5 Minuten Länge, welches in einem definierten Intervall den aktellen Stand der Arbeit dokumentiert. Die Diary Videos werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Das Material muss veröffentlichungsfähig sein. Nutzen sie keine fertigen Tools/ Templates und KI Voiceovers. Das Research Diary ist ein persönliches Dokument und sollte so authentisch wie möglich sein.

+ +

Abschlussvideo

+ +

Das Abschlussvideo ist ein Clip, welcher das Werk und die wichtigsten Ergebnisse der Arbeit einer fachlichen Öffentlichkeit vorstellt. Das Video wird nach Abschluss der Arbeit veröffentlicht. Hier gilt das gleiche wie für das Research Diary.

+ +

Bilddokumentation

+ +

Die Bilddokumentation umfasst Bilder, Grafiken und Animationen, die das Werk und den Prozess dokumentieren. Die Bilder werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Die Bilder müssen veröffentlichungsfähig sein. Zu jedem Bild sind Bildunterschriften zu verfassen, die den Inhalt beschreiben und in den Kontext der Arbeit einordnen. Diese sind im IPTC-Format in den jeweiligen Bilddaten zu speichern.

diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css index 3593545..4cca84b 100755 --- a/_site/assets/css/style.css +++ b/_site/assets/css/style.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,textarea{margin:0;padding:0;background-color:rgba(0,0,0,0);border:none}button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{box-shadow:none;border:solid 1px rgba(0,0,0,0);outline-color:rgba(0,0,0,0);outline-style:none}@font-face{font-family:Barlow;font-style:normal;font-weight:300;src:url(../fonts/Barlow/Barlow-Light.ttf)}@font-face{font-family:Barlow;font-style:normal;font-weight:400;src:url(../fonts/Barlow/Barlow-Regular.ttf)}@font-face{font-family:Barlow;font-style:normal;font-weight:500;src:url(../fonts/Barlow/Barlow-Medium.ttf)}@font-face{font-family:Barlow;font-style:normal;font-weight:600;src:url(../fonts/Barlow/Barlow-Bold.ttf)}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url("../fonts/MaterialIcons/MaterialIcons-Regular.eot");src:local("Material Icons"),local("MaterialIcons-Regular"),url("../fonts/MaterialIcons/MaterialIcons-Regular.woff2") format("woff2"),url("../fonts/MaterialIcons/MaterialIcons-Regular.woff") format("woff"),url("../fonts/MaterialIcons/MaterialIcons-Regular.ttf") format("truetype")}:root{--tileColor: #8C775E}.icon,a:not(.wrap).extern::before{height:auto;width:auto;font-family:"Material Icons";vertical-align:middle;font-weight:normal;font-style:normal;display:inline-block;line-height:inherit;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";margin-right:4.4px}.icon--s{font-size:12.1px;line-height:12.1px}.icon--m{font-size:19.8px;line-height:19.8px}.icon--l{font-size:31.9px;line-height:31.9px}.icon--xl{font-size:51.7px;line-height:51.7px}.icon.md-dark,a.md-dark.extern:not(.wrap)::before{color:#57544f}.icon.md-light,a.md-light.extern:not(.wrap)::before{color:#e6ded1}.icon:before,a.extern:not(.wrap):before{content:attr(data-icon)}.icon.red,a.red.extern:not(.wrap)::before{color:red}.icon,a:not(.wrap).extern::before{font-family:"Material Icons";text-transform:none}.icon--inline{margin-right:.4em;font-size:19.8px}[class^=icofont-],[class^=material-],[class*=" icofont-"],.icon,a:not(.wrap).extern::before{color:#28c0de}[class^=icofont-].is-large,[class^=material-].is-large,[class*=" icofont-"].is-large,.icon.is-large,a.is-large.extern:not(.wrap)::before{font-size:31.9px;margin-top:31.9px;margin-bottom:51.7px}*{box-sizing:border-box}html,body{font-family:Barlow;font-size:19.8px;line-height:130%;font-weight:300;hyphens:auto;color:#000;scroll-behavior:smooth}body{background-color:#fff;display:flex;flex-direction:column;align-items:stretch;min-height:100vh}blockquote{background-color:rgba(20,20,0,.05);padding:19.8px;border-left:solid 2px #decc28}h1,h2,h3,h4{line-height:110%;font-weight:600;color:#57544f;hyphens:none}h2{font-weight:500}h3{font-weight:500;color:#28c0de}h1,h2,h3,h4,p,blockquote{margin-bottom:19.8px}h1{font-size:31.9px;font-weight:600}@media only screen and (min-width: 800px){h1{font-size:51.7px;font-weight:400}}h2{font-size:19.8px;font-weight:500;color:#000}@media only screen and (min-width: 800px){h2{font-size:31.9px}}h3{font-size:19.8px}h2+h3{margin-top:31.9px}p{margin-bottom:7.7px}p+h2{margin-top:31.9px}p+h3{margin-top:31.9px}img{width:100%}em{font-weight:400}ul:not([class]){margin-bottom:31.9px}ul:not([class]) li{display:block;margin-bottom:4.4px;margin-left:19.8px}ul:not([class]) li::before{content:"»";margin-left:-19.8px;padding-right:12.1px;color:#28c0de;font-weight:600}dl{margin-bottom:31.9px}dl dt{font-weight:500;display:block;float:left;margin-right:7.7px}dl dt:after{content:":"}dl dd{display:block;margin-bottom:7.7px}.title{font-weight:600}@media only screen and (min-width: 800px){.title{font-weight:400}}.subtitle{font-weight:500;line-height:130%;margin-top:-12.1px}@media only screen and (min-width: 800px){.subtitle{font-weight:400}}strong{font-weight:500}a{color:#57544f;text-decoration:none}a:not(.wrap){text-decoration:none;transition:all .3s;font-weight:500;border-bottom:solid 2px #d16}a:not(.wrap).extern::before{content:"open_in_new";color:#57544f}a:not(.wrap):hover{background-color:#d16;color:#fff !important}._layout-wrap{display:grid;grid-template-columns:0 1fr;transition:all .3s}@media only screen and (min-width: 1100px){._layout-wrap{grid-template-columns:200px 1fr}}@media only screen and (min-width: 1400px){._layout-wrap{grid-template-columns:400px 1fr}}@media only screen and (max-width: 50rem){.header,.page,.footer{padding:12.1px}}@media only screen and (min-width: 50rem){.header,.page{flex:0 1 auto;margin-left:51.7px}.header>*,.page>*{padding-right:51.7px}.header>*>*:not(.is-full-width),.page>*>*:not(.is-full-width){max-width:50rem}.footer{padding-left:51.7px}}.home-button{margin-top:51.7px;margin-bottom:31.9px}.home-button>a{text-decoration:none;border:none;transition:transform .6s}.home-button>a:hover{background-color:rgba(0,0,0,0);transform:rotate(60deg)}.page{padding-bottom:51.7px;flex:1 1 auto}.header{text-align:center;padding-bottom:51.7px}@media only screen and (min-width: 800px){.header{text-align:left}}.header .title{font-size:31.9px;font-weight:500;color:#d16;margin-bottom:19.8px}.header .subtitle,.header .subtitle a{font-size:19.8px;color:#57544f}@media only screen and (min-width: 800px){.header .title{font-size:51.7px}.header .subtitle,.header .subtitle a{font-size:31.9px}}.section.has-seperator{border-top:dotted 2px #c4c6c3;margin-top:51.7px;padding-top:31.9px}.toc__item{padding-top:7.7px;padding-bottom:7.7px;border-top:solid 1px #e6ded1;max-width:800px}.footer{padding-top:19.8px;background-color:#57544f;color:#fff;padding-bottom:51.7px}.footer a{color:#fff}.herotext{font-size:19.8px;font-weight:400;line-height:130%}@media only screen and (min-width: 800px){.herotext{font-size:31.9px;font-weight:400}}.taglist--linear li{display:inline-block}.taglist__item::before{content:"#";color:#d16}.avatar{border-radius:50%;width:100%;max-width:300px}.topic-overview{margin-top:51.7px;display:grid;gap:12.1px;grid-template-columns:repeat(auto-fill, minmax(16em, 1fr))}.topic-overview .topic-item{height:100%;display:flex;flex-direction:column;justify-items:center;margin-left:0;padding-bottom:19.8px;border-bottom:solid 3px #d16}.topic-overview .topic-item>*{padding-right:2em}.topic-overview .topic-item::before{content:none}.topic-overview .topic-item h3{padding-top:19.8px;margin-bottom:12.1px}.topic-overview .topic-item p{line-height:110%}.metadata dt,.metadata dd{padding-top:7.7px;border-top:solid 2px #10cfa3}.keywords li{display:inline}.keywords li+li::before{content:","}.artefact-list{display:flex;gap:1ch;margin-top:1em;margin-bottom:1em}.artefact-list li{flex:1;vertical-align:middle;text-align:center;font-weight:500;transition:all .2s;overflow:hidden}.artefact-list li a{display:block;text-decoration:none;border:none;padding:2em;border:solid 1px rgba(0,0,0,.2);border-radius:.5rem;height:100%;line-height:110%;background-color:rgba(0,0,0,.03)}.artefact-list li a:hover{background-color:#57544f;color:#fff}.artefact-list li a:hover i{color:#fff}.artefact-list li i{display:block;text-align:center;color:#d16;margin-top:1ch !important;margin-bottom:.5ch !important}.work hr{margin:0;margin-top:31.9px;margin-bottom:31.9px}.work p{margin-bottom:19.8px}.grow{flex-grow:1}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,textarea{margin:0;padding:0;background-color:rgba(0,0,0,0);border:none}button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{box-shadow:none;border:solid 1px rgba(0,0,0,0);outline-color:rgba(0,0,0,0);outline-style:none}@font-face{font-family:Barlow;font-style:normal;font-weight:300;src:url(../fonts/Barlow/Barlow-Light.ttf)}@font-face{font-family:Barlow;font-style:normal;font-weight:400;src:url(../fonts/Barlow/Barlow-Regular.ttf)}@font-face{font-family:Barlow;font-style:normal;font-weight:500;src:url(../fonts/Barlow/Barlow-Medium.ttf)}@font-face{font-family:Barlow;font-style:normal;font-weight:600;src:url(../fonts/Barlow/Barlow-Bold.ttf)}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url("../fonts/MaterialIcons/MaterialIcons-Regular.eot");src:local("Material Icons"),local("MaterialIcons-Regular"),url("../fonts/MaterialIcons/MaterialIcons-Regular.woff2") format("woff2"),url("../fonts/MaterialIcons/MaterialIcons-Regular.woff") format("woff"),url("../fonts/MaterialIcons/MaterialIcons-Regular.ttf") format("truetype")}:root{--tileColor: #8C775E}.icon,a:not(.wrap).extern::before{height:auto;width:auto;font-family:"Material Icons";vertical-align:middle;font-weight:normal;font-style:normal;display:inline-block;line-height:inherit;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";margin-right:4.4px}.icon--s{font-size:12.1px;line-height:12.1px}.icon--m{font-size:19.8px;line-height:19.8px}.icon--l{font-size:31.9px;line-height:31.9px}.icon--xl{font-size:51.7px;line-height:51.7px}.icon.md-dark,a.md-dark.extern:not(.wrap)::before{color:#57544f}.icon.md-light,a.md-light.extern:not(.wrap)::before{color:#e6ded1}.icon:before,a.extern:not(.wrap):before{content:attr(data-icon)}.icon.red,a.red.extern:not(.wrap)::before{color:red}.icon,a:not(.wrap).extern::before{font-family:"Material Icons";text-transform:none}.icon--inline{margin-right:.4em;font-size:19.8px}[class^=icofont-],[class^=material-],[class*=" icofont-"],.icon,a:not(.wrap).extern::before{color:#28c0de}[class^=icofont-].is-large,[class^=material-].is-large,[class*=" icofont-"].is-large,.icon.is-large,a.is-large.extern:not(.wrap)::before{font-size:31.9px;margin-top:31.9px;margin-bottom:51.7px}*{box-sizing:border-box}html,body{font-family:Barlow;font-size:19.8px;line-height:130%;font-weight:300;hyphens:auto;color:#000;scroll-behavior:smooth}body{background-color:#fff;display:flex;flex-direction:column;align-items:stretch;min-height:100vh}blockquote{background-color:rgba(20,20,0,.05);padding:19.8px;border-left:solid 2px #decc28}h1,h2,h3,h4{line-height:110%;font-weight:600;color:#57544f;hyphens:none}h2{font-weight:500}h3{font-weight:500;color:#28c0de}h1,h2,h3,h4,p,blockquote{margin-bottom:19.8px}h1{font-size:31.9px;font-weight:600}@media only screen and (min-width: 800px){h1{font-size:51.7px;font-weight:400}}h2{font-size:19.8px;font-weight:500;color:#000}@media only screen and (min-width: 800px){h2{font-size:31.9px}}h3{font-size:19.8px}h2+h3{margin-top:31.9px}p{margin-bottom:7.7px}p+h2{margin-top:31.9px}p+h3{margin-top:31.9px}img{width:100%}em{font-weight:400}ul:not([class]){margin-bottom:31.9px}ul:not([class]) li{display:block;margin-bottom:4.4px;margin-left:19.8px}ul:not([class]) li::before{content:"»";margin-left:-19.8px;padding-right:12.1px;color:#28c0de;font-weight:600}dl{margin-bottom:31.9px}dl dt{font-weight:500;display:block;float:left;margin-right:7.7px}dl dt:after{content:":"}dl dd{display:block;margin-bottom:7.7px}.title{font-weight:600}@media only screen and (min-width: 800px){.title{font-weight:400}}.subtitle{font-weight:500;line-height:130%;margin-top:-12.1px}@media only screen and (min-width: 800px){.subtitle{font-weight:400}}strong{font-weight:500}a{color:#57544f;text-decoration:none}a:not(.wrap){text-decoration:none;transition:all .3s;font-weight:500;border-bottom:solid 2px #d16}a:not(.wrap).extern::before{content:"open_in_new";color:#57544f}a:not(.wrap):hover{background-color:#d16;color:#fff !important}._layout-wrap{display:grid;grid-template-columns:0 1fr;transition:all .3s}@media only screen and (min-width: 1100px){._layout-wrap{grid-template-columns:200px 1fr}}@media only screen and (min-width: 1400px){._layout-wrap{grid-template-columns:400px 1fr}}@media only screen and (max-width: 50rem){.header,.page,.footer{padding:19.8px}}@media only screen and (min-width: 50rem){.header,.page{flex:0 1 auto;margin-left:51.7px}.header>*,.page>*{padding-right:51.7px}.header>*>*:not(.is-full-width),.page>*>*:not(.is-full-width){max-width:50rem}.footer{padding-left:51.7px}}.home-button{margin-top:51.7px;margin-bottom:31.9px}.home-button>a{text-decoration:none;border:none;transition:transform .6s}.home-button>a:hover{background-color:rgba(0,0,0,0);transform:rotate(60deg)}.page{padding-bottom:51.7px;flex:1 1 auto}.header{text-align:center;padding-bottom:51.7px}@media only screen and (min-width: 800px){.header{text-align:left}}.header .title{font-size:31.9px;font-weight:500;color:#d16;margin-bottom:19.8px}.header .subtitle,.header .subtitle a{font-size:19.8px;color:#57544f}@media only screen and (min-width: 800px){.header .title{font-size:51.7px}.header .subtitle,.header .subtitle a{font-size:31.9px}}.section.has-seperator{border-top:dotted 2px #c4c6c3;margin-top:51.7px;padding-top:31.9px}.toc__item{padding-top:7.7px;padding-bottom:7.7px;border-top:solid 1px #e6ded1;max-width:800px}.footer{padding-top:19.8px;background-color:#57544f;color:#fff;padding-bottom:51.7px}.footer a{color:#fff}.herotext{font-size:19.8px;font-weight:400;line-height:130%}@media only screen and (min-width: 800px){.herotext{font-size:31.9px;font-weight:400}}.taglist--linear li{display:inline-block}.taglist__item::before{content:"#";color:#d16}.avatar{border-radius:50%;width:100%;max-width:300px}.topic-overview{margin-top:51.7px;display:grid;gap:12.1px;grid-template-columns:repeat(auto-fill, minmax(16em, 1fr))}.topic-overview .topic-item{height:100%;display:flex;flex-direction:column;justify-items:center;margin-left:0;padding-bottom:19.8px;border-bottom:solid 3px #d16}.topic-overview .topic-item>*{padding-right:2em}.topic-overview .topic-item::before{content:none}.topic-overview .topic-item h3{padding-top:19.8px;margin-bottom:12.1px}.topic-overview .topic-item p{line-height:110%}.metadata dt,.metadata dd{padding-top:7.7px;border-top:solid 2px #10cfa3}.keywords li{display:inline}.keywords li+li::before{content:","}.artefact-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(12em, 1fr));gap:1em;margin-top:1em;margin-bottom:1em}.artefact-list li{vertical-align:middle;text-align:center;font-weight:500;transition:all .2s;overflow:hidden}.artefact-list li a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;hyphens:auto;border:none;padding:2em;aspect-ratio:3/2;border:solid 1px rgba(0,0,0,.2);border-radius:.5rem;height:100%;line-height:110%;background-color:rgba(0,0,0,.03)}.artefact-list li a:hover{background-color:#57544f;color:#fff}.artefact-list li a:hover i{color:#fff}.artefact-list li i{display:block;text-align:center;color:#d16;margin-top:1ch !important;margin-bottom:.5ch !important}.work hr{margin:0;margin-top:31.9px;margin-bottom:31.9px}.work p{margin-bottom:19.8px}.simple table{margin-top:31.9px;margin-bottom:51.7px}.simple table th{text-align:left;font-weight:500;padding-bottom:12.1px}.simple table tr td{border-top:solid 1px #10cfa3;padding:12.1px 12.1px 12.1px 0}.grow{flex-grow:1}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/_site/assets/css/style.css.map b/_site/assets/css/style.css.map index 8e2f50a..23de64a 100644 --- a/_site/assets/css/style.css.map +++ b/_site/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../_sass/_reset.scss","../../_sass/_fonts.scss","../../_sass/_variables.scss","../../_sass/_icons.scss","../../_sass/_base.scss","../../_sass/_components.scss","../../_sass/_pages.scss","../../_sass/_utilities.scss"],"names":[],"mappings":"CAKA,2ZAaC,SACA,UACA,SACA,eACA,aACA,wBAGD,8EAEC,cAED,KACC,cAED,MACC,gBAED,aACC,YAED,oDAEC,WACA,aAED,MACC,yBACA,iBAGD,sBACE,SACA,UACA,+BACA,YAEA,mFACE,gBACA,+BACA,4BACA,mBC3DJ,WACE,mBACA,kBACA,gBACA,0CAGF,WACE,mBACA,kBACA,gBACA,4CAGF,WACE,mBACA,kBACA,gBACA,2CAGF,WACE,mBACA,kBACA,gBACA,yCAIF,WACE,6BACA,kBACA,gBACA,4DACA,wRCUF,MACE,qBC5CF,kCACE,YACA,WACA,YDeW,iBCdX,sBACA,mBACA,kBACA,qBACA,oBACA,oBACA,sBACA,iBACA,mBACA,cACA,mCACA,kCACA,kCACA,6BACA,aDdI,MCoBJ,mBDlBE,OCkBoB,YDlBpB,OCmBF,mBDlBE,OCkBoB,YDlBpB,OCmBF,mBDlBE,OCkBoB,YDlBpB,OCmBF,oBDlBG,OCkBqB,YDlBrB,OCsBH,wDD4BK,QC3BL,0DDwBM,QCpBR,wCACG,wBAID,oDAIF,kCACE,YD5BW,iBC6BX,oBAOA,cACE,kBACA,UDjDA,OCsDJ,4FACE,MDTK,QCaL,yIACE,UD3DA,OC4DA,WD5DA,OC6DA,cD5DC,OEVL,EACE,sBAGF,UACE,YFYiB,OEXjB,UFEE,OEDF,YFyBW,KExBX,YFeS,IEdT,aACA,MFmDO,KElDP,uBAIF,KACE,iBF0CQ,KEzCR,aACA,sBACA,oBACA,iBAGF,WACE,iBFuCa,kBEtCb,QFjBE,OEkBF,8BAIF,YACE,iBACA,YFNQ,IEOR,MF2BK,QE1BL,aAGF,GACE,YFbU,IEgBZ,GACE,YFjBU,IEkBV,MFWK,QERP,yBACE,cFvCE,OE0CJ,GACE,UF1CE,OE2CF,YF1BQ,IE2BR,0CAHF,GAII,UF5CC,OE6CD,YF/BQ,KEmCZ,GACE,UFpDE,OEqDF,YFpCU,IEqCV,MFDO,KEEP,0CAJF,GAKI,UFvDA,QE2DJ,GACE,UF7DE,OEgEJ,MACE,WFhEE,OEmEJ,EACE,cFvEG,ME0EL,KACE,WFxEE,OE2EJ,KACE,WF5EE,OE+EJ,IACE,WAGF,GACE,YFrEU,IEwEZ,gBACE,cFxFE,OEyFF,mBACE,cACA,cF/FE,MEgGF,YF7FA,OE+FA,2BACE,YACA,oBACA,cFnGF,OEoGE,MFrDC,QEsDD,YFlFI,IEuFV,GACE,cFzGE,OE2GF,MACE,YF5FQ,IE6FR,cACA,WACA,aFlHC,MEmHD,YACE,YAIJ,MACE,cACA,cF1HC,ME8HL,OACE,YF3GQ,IE4GR,0CAFF,OAGI,YF/GQ,KEmHZ,UACE,YFnHU,IEoHV,YF7GW,KE8GX,mBACA,0CAJF,UAKI,YFxHQ,KE4HZ,OACE,YF5HU,IE+HZ,EACE,MF7FK,QE8FL,qBAGF,aACE,qBACA,mBACA,YFvIU,IEwIV,6BAEA,4BAEE,sBACA,MF1GG,QE6GL,mBACE,iBFtHG,KEuHH,sBAIJ,cACE,aAEA,4BACA,mBAEA,2CANF,cAOI,iCAGF,2CAVF,cAWI,iCC1LJ,0CACE,sBAGE,QHGA,QGCJ,0CACE,cAEE,cACA,YHFC,OGID,kBACE,cHLD,OGQD,8DACE,UHuEc,MGnElB,QACE,aHdC,QGqBL,aACE,WHtBG,OGuBH,cHxBE,OG0BF,eACE,qBACA,YACA,yBAEA,qBACE,+BACA,wBAON,MACE,eHxCG,OGyCH,cAKF,QACE,kBACA,eHhDG,OGkDH,0CAJF,QAKI,iBAGF,eACE,UHxDA,OGyDA,YHzCQ,IG0CR,MHfG,KGgBH,cH5DA,OG8DF,sCAEE,UHhEA,OGiEA,MHbG,QGgBL,0CACE,eACE,UHpED,OGsED,sCACE,UHxEF,QGkFF,uBACE,8BACA,WHnFC,OGoFD,YHrFA,OGgGF,WACE,YHpGC,MGqGD,eHrGC,MGsGD,6BACA,UHVQ,MGgBZ,QACE,YH5GE,OG6GF,iBHzDK,QG0DL,MH5DQ,KG6DR,eH7GG,OG8GH,UACE,MH/DM,KGsEV,UACE,UHzHE,OG0HF,YH1GU,IG2GV,YHnGW,KGoGX,0CAJF,UAKI,UH5HA,OG6HA,YH9GQ,KGsHV,oBACE,qBAGA,uBACE,YACA,MHhGC,KGuGP,QACE,kBACA,WACA,gBAMF,gBACE,WH3JG,OG4JH,aACA,IHhKE,OGiKF,2DAEA,4BACE,YACA,aACA,sBACA,qBAUA,cACA,eHjLA,OGmLA,6BAXA,8BACE,kBAGF,oCACE,aAQF,+BACE,YHtLF,OGuLE,cHxLF,OG2LA,8BACE,YHpKK,KG+KT,0BACE,YHzMC,MG0MD,6BAQF,aACE,eAGF,wBACE,YAOJ,eAEE,aACA,QACA,eACA,kBAEA,kBACE,OAEA,sBACA,kBACA,YHvNQ,IGwNR,mBACA,gBAGA,oBACE,cACA,qBACA,YACA,YACA,gCACA,cH9JK,MG+JL,YACA,YH9NK,KG+NL,iCAEA,0BACE,iBHrMD,QGsMC,MHxME,KG0MF,4BACE,MH3MA,KGgNN,oBACE,cACA,kBACA,MHzNC,KG0ND,0BACA,8BC1QJ,SACE,SACA,WJEA,OIDA,cJCA,OIEF,QACE,cJJA,OKRJ,MACE","sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed, \nfigure, figcaption, footer, header, hgroup, \nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section {\n\tdisplay: block;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\nbutton, input, textarea{\n margin: 0;\n padding: 0;\n background-color: transparent;\n border: none;\n\n &:active, &:focus{\n box-shadow: none;\n border: solid 1px transparent;\n outline-color: transparent;\n outline-style: none;\n }\n}","@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 300;\n src: url(../fonts/Barlow/Barlow-Light.ttf);\n}\n\n@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 400;\n src: url(../fonts/Barlow/Barlow-Regular.ttf);\n}\n\n@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 500;\n src: url(../fonts/Barlow/Barlow-Medium.ttf);\n}\n\n@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 600;\n src: url(../fonts/Barlow/Barlow-Bold.ttf);\n}\n\n\n@font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url('../fonts/MaterialIcons/MaterialIcons-Regular.eot'); /* For IE6-8 */\n src: local('Material Icons'),\n local('MaterialIcons-Regular'),\n url('../fonts/MaterialIcons/MaterialIcons-Regular.woff2') format('woff2'),\n url('../fonts/MaterialIcons/MaterialIcons-Regular.woff') format('woff'),\n url('../fonts/MaterialIcons/MaterialIcons-Regular.ttf') format('truetype');\n}","\n/* Sizes\nUsing Lucas Numbers 1, 3, 4, 7, 11, 18, 29, 47, 76, \n---------------------------------------------------------------------------- */\n$faktor: 1.1;\n$xxs: 4px * $faktor;\n$xs: 7px * $faktor;\n$s: 11px * $faktor;\n$m: 18px * $faktor;\n$l: 29px * $faktor;\n$xl: 47px * $faktor;\n$xxl: 76px * $faktor;\n\n\n/* Font Properties\n---------------------------------------------------------------------------- */\n$font-family-serif: PTserif;\n$font-family-sans: Barlow;\n$base-font-size: $m;\n$font-icons: 'Material Icons';\n\n/* Font Weights\n---------------------------------------------------------------------------- */\n$fw-light: 300;\n$fw-normal: 400;\n$fw-medium: 500;\n$fw-bold: 600;\n\n\n/* Line Heights\n---------------------------------------------------------------------------- */\n$lh-tight: 110%;\n$lh-default: 130%;\n$lh-loose: 150%;\n\n\n\n/* Opacity\n---------------------------------------------------------------------------- */\n$op-medium:0.6;\n\n\n/* Base Colors\n---------------------------------------------------------------------------- */\n:root{\n --tileColor: #8C775E;\n}\n\n$steingrau: hsla(42, 3%, 55%, 0.6);\n$lichtgrau: hsla(100, 3%, 77%, 1);\n$hellgrau: #BBBAB7;\n$blaugrau: #82899A;\n$pink: #dd1166;\n$green: #10CFA3;\n$blue: #28C0DE;\n$darkblue: #047A91;\n$yellow: #DECC28;\n$light: #E6DED1;\n$lighter: #fff;\n$lighten: rgba(255,255,255,0.2);\n$dark: #57544F;\n$darker: #000;\n$darken: rgba(0,0,0,0.2);\n$darken-light: rgba(20,20,0,0.05);\n\n\n/* Functional Colors\n---------------------------------------------------------------------------- */\n$interaction-color: $dark;\n$decoration-color: $pink;\n$icon-color: $blue;\n$text-color: $darker;\n$headline-color: $dark;\n$headline-color-light: $steingrau;\n$aside-color: $lichtgrau;\n$border-color: $lichtgrau;\n$seperator-color: $light;\n$background-color: $lighter;\n\n\n/* Transitions\n---------------------------------------------------------------------------- */\n$tr-fast: 0.2s;\n$tr-medium: 0.6s;\n$tr-slow: 1s;\n\n/* Misc\n---------------------------------------------------------------------------- */\n$bw: 2px;\n$text-shadow: 0 0 20px rgba(0,0,0,0.9);\n$max-width-content: 50rem;\n$aside-width: 20rem;\n$border-width: 2px;\n$radius-s: 0.5rem;\n\n\n/* Viewports\n---------------------------------------------------------------------------- */\n$vp-small: 688px;\n$vp-medium: 800px;\n$vp-large: 1100px;\n$vp-xlarge: 1400px;\n$shadow-m: 0 0 10px rgba(0, 0, 0, 0.2);","// Icons\n.icon {\n height: auto;\n width: auto;\n font-family: $font-icons;\n vertical-align: middle;\n font-weight: normal;\n font-style: normal;\n display: inline-block;\n line-height: inherit;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap; \n direction: ltr;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'liga';\n margin-right: $xxs;\n}\n\n\n// Sizes\n.icon {\n &--s { font-size: $s; line-height: $s; }\n &--m { font-size: $m; line-height: $m;}\n &--l { font-size: $l; line-height: $l;}\n &--xl { font-size: $xl; line-height: $xl;}\n}\n\n.icon {\n &.md-dark { color: $dark; }\n &.md-light { color: $light; }\n\n}\n\n.icon:before {\n content: attr(data-icon);\n}\n\n.icon {\n &.red {color: red;}\n}\n\n//.icon Font Awesome Extend\n.icon {\n font-family: $font-icons;\n text-transform: none;\n}\n\n\n// Modifiers\n.icon{\n\n &--inline{\n margin-right: 0.4em;\n font-size: $m;\n }\n\n}\n\n[class^=\"icofont-\"], [class^=\"material-\"], [class*=\" icofont-\"], .icon{\n color: $icon-color;\n}\n\n[class^=\"icofont-\"], [class^=\"material-\"], [class*=\" icofont-\"], .icon{\n &.is-large{\n font-size: $l;\n margin-top: $l;\n margin-bottom: $xl;\n }\n}\n","*{\n box-sizing: border-box;\n}\n\nhtml, body{\n font-family: $font-family-sans;\n font-size: $base-font-size;\n line-height: $lh-default;\n font-weight: $fw-light; \n hyphens: auto;\n color:$text-color;\n scroll-behavior: smooth;\n\n}\n\nbody{\n background-color:$background-color;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n min-height: 100vh;\n}\n\nblockquote{\n background-color: $darken-light;\n padding: $m;\n border-left: solid $border-width $yellow;\n}\n\n\nh1, h2, h3, h4{\n line-height: $lh-tight;\n font-weight: $fw-bold;\n color: $headline-color;\n hyphens: none;\n}\n\nh2{\n font-weight: $fw-medium;\n}\n\nh3{\n font-weight: $fw-medium;\n color: $blue;\n}\n\nh1, h2, h3, h4, p, blockquote{\n margin-bottom: $m;\n}\n\nh1{\n font-size: $l;\n font-weight: $fw-bold;\n @media only screen and (min-width: $vp-medium) {\n font-size: $xl;\n font-weight: $fw-normal;\n }\n}\n\nh2{\n font-size: $m;\n font-weight: $fw-medium;\n color: $darker;\n @media only screen and (min-width: $vp-medium) {\n font-size: $l;\n }\n}\n\nh3{\n font-size: $m;\n}\n\nh2 + h3{\n margin-top: $l;\n}\n\np{\n margin-bottom: $xs;\n}\n\np + h2{\n margin-top: $l;\n}\n\np + h3{\n margin-top: $l;\n}\n\nimg{\n width: 100%;\n}\n\nem{\n font-weight: $fw-normal;\n}\n\nul:not([class]){\n margin-bottom: $l;\n li{\n display: block;\n margin-bottom: $xxs;\n margin-left: $m;\n\n &::before{\n content:\"»\";\n margin-left: -$m;\n padding-right: $s;\n color: $icon-color;\n font-weight: $fw-bold;\n }\n }\n}\n\ndl{\n margin-bottom: $l;\n\n dt{\n font-weight: $fw-medium;\n display: block;\n float: left;\n margin-right: $xs;\n &:after{\n content: \":\";\n }\n }\n\n dd{\n display: block;\n margin-bottom: $xs;;\n }\n}\n\n.title{\n font-weight: $fw-bold;\n @media only screen and (min-width: $vp-medium) {\n font-weight: $fw-normal;\n }\n}\n\n.subtitle{\n font-weight: $fw-medium;\n line-height: $lh-default;\n margin-top: $s * -1;\n @media only screen and (min-width: $vp-medium) {\n font-weight: $fw-normal;\n }\n}\n\nstrong{\n font-weight: $fw-medium;\n}\n\na{\n color: $interaction-color;\n text-decoration: none;\n}\n\na:not(.wrap){\n text-decoration: none;\n transition: all 0.3s;\n font-weight: $fw-medium;\n border-bottom: solid 2px $decoration-color; \n\n &.extern::before{\n @extend .icon;\n content: \"open_in_new\";\n color: $interaction-color;\n }\n\n &:hover{\n background-color: $decoration-color;\n color: $lighter !important;\n }\n}\n\n._layout-wrap{\n display: grid;\n\n grid-template-columns: 0 1fr;\n transition: all 0.3s;\n\n @media only screen and (min-width: $vp-large) {\n grid-template-columns: 200px 1fr;\n }\n\n @media only screen and (min-width: $vp-xlarge) {\n grid-template-columns: 400px 1fr;\n }\n}\n\n","@media only screen and (max-width: $max-width-content) {\n .header,\n .page,\n .footer {\n padding: $s;\n }\n}\n\n@media only screen and (min-width: $max-width-content) {\n .header,\n .page{\n flex: 0 1 auto;\n margin-left: $xl;\n\n & > * {\n padding-right: $xl;\n }\n\n & > * > *:not(.is-full-width){\n max-width: $max-width-content;\n }\n }\n\n .footer{\n padding-left: $xl;\n }\n}\n\n\n// Home Button\n// ------------------------------------------------------------------------- //\n.home-button {\n margin-top: $xl;\n margin-bottom: $l;\n\n & > a{\n text-decoration: none;\n border: none;\n transition: transform $tr-medium;\n\n &:hover{\n background-color: transparent;\n transform: rotate(60deg);\n }\n }\n}\n\n// Page\n// ------------------------------------------------------------------------- //\n.page {\n padding-bottom: $xl;\n flex: 1 1 auto;\n}\n\n// Header\n// ------------------------------------------------------------------------- //\n.header {\n text-align: center;\n padding-bottom: $xl;\n \n @media only screen and (min-width: $vp-medium) {\n text-align: left;\n }\n\n .title {\n font-size: $l;\n font-weight: $fw-medium;\n color: $decoration-color;\n margin-bottom: $m;\n }\n .subtitle,\n .subtitle a {\n font-size: $m;\n color: $dark;\n }\n\n @media only screen and (min-width: $vp-medium) {\n .title{\n font-size: $xl;\n }\n .subtitle, .subtitle a{\n font-size: $l;\n }\n }\n\n}\n\n// Section\n// ------------------------------------------------------------------------- //\n.section {\n\n &.has-seperator{\n border-top: dotted $border-width $border-color;\n margin-top: $xl;\n padding-top: $l;\n }\n}\n\n// Contact\n// ------------------------------------------------------------------------- //\n.contact {}\n\n// Toc\n// ------------------------------------------------------------------------- //\n.toc {\n &__item {\n padding-top: $xs;\n padding-bottom: $xs;\n border-top: solid 1px $seperator-color;\n max-width: $vp-medium;\n }\n}\n\n// Footer\n// ------------------------------------------------------------------------- //\n.footer {\n padding-top: $m;\n background-color: $dark;\n color: $lighter;\n padding-bottom: $xl;\n a {\n color: $lighter;\n }\n}\n\n\n// Herotext\n// ------------------------------------------------------------------------- //\n.herotext {\n font-size: $m;\n font-weight: $fw-normal;\n line-height: $lh-default;\n @media only screen and (min-width: $vp-medium) {\n font-size: $l;\n font-weight: $fw-normal;\n }\n}\n\n\n// Taglist\n// ------------------------------------------------------------------------- //\n.taglist {\n &--linear li {\n display: inline-block;\n }\n &__item {\n &::before {\n content: '#';\n color: $decoration-color;\n }\n }\n}\n\n// Avatar\n// ------------------------------------------------------------------------- //\n.avatar {\n border-radius: 50%;\n width: 100%;\n max-width: 300px;\n}\n\n\n// Topic Overview\n// ------------------------------------------------------------------------- //\n.topic-overview {\n margin-top:$xl;\n display: grid;\n gap: $s;\n grid-template-columns: repeat(auto-fill,minmax(16em,1fr));\n \n .topic-item{\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-items: center;\n\n & > * {\n padding-right: 2em;\n }\n\n &::before{\n content: none;\n }\n\n margin-left: 0;\n padding-bottom: $m;\n \n border-bottom: solid 3px $pink;\n \n h3{\n padding-top: $m;\n margin-bottom: $s;\n }\n\n p{\n line-height: $lh-tight;\n }\n\n }\n}\n\n\n// Metadata\n// ------------------------------------------------------------------------- //\n\n.metadata{\n dt, dd{\n padding-top: $xs;\n border-top: solid $border-width $green;\n }\n}\n\n// Keywords\n// ------------------------------------------------------------------------- //\n\n.keywords{\n li{\n display: inline;\n }\n\n li + li::before{\n content:\",\";\n }\n}\n\n// Artefact list\n// ------------------------------------------------------------------------- //\n\n.artefact-list{\n\n display: flex;\n gap: 1ch;\n margin-top: 1em;\n margin-bottom: 1em;\n\n li{\n flex: 1; \n\n vertical-align: middle;\n text-align: center;\n font-weight: $fw-medium;\n transition: all $tr-fast;\n overflow: hidden;\n\n \n a{\n display: block;\n text-decoration: none;\n border: none;\n padding: 2em;\n border: solid 1px $darken;\n border-radius: $radius-s;\n height: 100%;\n line-height: $lh-tight;\n background-color: rgba(0,0,0,0.03);\n \n &:hover{\n background-color: $interaction-color;\n color: $lighter;\n\n i{\n color: $lighter;\n }\n }\n }\n\n i{\n display: block;\n text-align: center;\n color: $pink;\n margin-top: 1ch !important;\n margin-bottom: 0.5ch !important;\n }\n\n }\n}","\n// Work\n// ------------------------------------------------------------------------- //\n\n.work{\n hr{\n margin: 0;\n margin-top: $l;\n margin-bottom: $l;\n }\n\n p{\n margin-bottom: $m;\n }\n}",".grow{\n flex-grow: 1;\n}"],"file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../_sass/_reset.scss","../../_sass/_fonts.scss","../../_sass/_variables.scss","../../_sass/_icons.scss","../../_sass/_base.scss","../../_sass/_components.scss","../../_sass/_pages.scss","../../_sass/_utilities.scss"],"names":[],"mappings":"CAKA,2ZAaC,SACA,UACA,SACA,eACA,aACA,wBAGD,8EAEC,cAED,KACC,cAED,MACC,gBAED,aACC,YAED,oDAEC,WACA,aAED,MACC,yBACA,iBAGD,sBACE,SACA,UACA,+BACA,YAEA,mFACE,gBACA,+BACA,4BACA,mBC3DJ,WACE,mBACA,kBACA,gBACA,0CAGF,WACE,mBACA,kBACA,gBACA,4CAGF,WACE,mBACA,kBACA,gBACA,2CAGF,WACE,mBACA,kBACA,gBACA,yCAIF,WACE,6BACA,kBACA,gBACA,4DACA,wRCUF,MACE,qBC5CF,kCACE,YACA,WACA,YDeW,iBCdX,sBACA,mBACA,kBACA,qBACA,oBACA,oBACA,sBACA,iBACA,mBACA,cACA,mCACA,kCACA,kCACA,6BACA,aDdI,MCoBJ,mBDlBE,OCkBoB,YDlBpB,OCmBF,mBDlBE,OCkBoB,YDlBpB,OCmBF,mBDlBE,OCkBoB,YDlBpB,OCmBF,oBDlBG,OCkBqB,YDlBrB,OCsBH,wDD4BK,QC3BL,0DDwBM,QCpBR,wCACG,wBAID,oDAIF,kCACE,YD5BW,iBC6BX,oBAOA,cACE,kBACA,UDjDA,OCsDJ,4FACE,MDTK,QCaL,yIACE,UD3DA,OC4DA,WD5DA,OC6DA,cD5DC,OEVL,EACE,sBAGF,UACE,YFYiB,OEXjB,UFEE,OEDF,YFyBW,KExBX,YFeS,IEdT,aACA,MFmDO,KElDP,uBAIF,KACE,iBF0CQ,KEzCR,aACA,sBACA,oBACA,iBAGF,WACE,iBFuCa,kBEtCb,QFjBE,OEkBF,8BAIF,YACE,iBACA,YFNQ,IEOR,MF2BK,QE1BL,aAGF,GACE,YFbU,IEgBZ,GACE,YFjBU,IEkBV,MFWK,QERP,yBACE,cFvCE,OE0CJ,GACE,UF1CE,OE2CF,YF1BQ,IE2BR,0CAHF,GAII,UF5CC,OE6CD,YF/BQ,KEmCZ,GACE,UFpDE,OEqDF,YFpCU,IEqCV,MFDO,KEEP,0CAJF,GAKI,UFvDA,QE2DJ,GACE,UF7DE,OEgEJ,MACE,WFhEE,OEmEJ,EACE,cFvEG,ME0EL,KACE,WFxEE,OE2EJ,KACE,WF5EE,OE+EJ,IACE,WAGF,GACE,YFrEU,IEwEZ,gBACE,cFxFE,OEyFF,mBACE,cACA,cF/FE,MEgGF,YF7FA,OE+FA,2BACE,YACA,oBACA,cFnGF,OEoGE,MFrDC,QEsDD,YFlFI,IEuFV,GACE,cFzGE,OE2GF,MACE,YF5FQ,IE6FR,cACA,WACA,aFlHC,MEmHD,YACE,YAIJ,MACE,cACA,cF1HC,ME8HL,OACE,YF3GQ,IE4GR,0CAFF,OAGI,YF/GQ,KEmHZ,UACE,YFnHU,IEoHV,YF7GW,KE8GX,mBACA,0CAJF,UAKI,YFxHQ,KE4HZ,OACE,YF5HU,IE+HZ,EACE,MF7FK,QE8FL,qBAGF,aACE,qBACA,mBACA,YFvIU,IEwIV,6BAEA,4BAEE,sBACA,MF1GG,QE6GL,mBACE,iBFtHG,KEuHH,sBAIJ,cACE,aAEA,4BACA,mBAEA,2CANF,cAOI,iCAGF,2CAVF,cAWI,iCC1LJ,0CACE,sBAGE,QHIA,kDGCF,cAEE,cACA,YHFC,OGID,kBACE,cHLD,OGQD,8DACE,UHuEc,MGnElB,QACE,aHdC,QGqBL,aACE,WHtBG,OGuBH,cHxBE,OG0BF,eACE,qBACA,YACA,yBAEA,qBACE,+BACA,wBAON,MACE,eHxCG,OGyCH,cAKF,QACE,kBACA,eHhDG,OGkDH,0CAJF,QAKI,iBAGF,eACE,UHxDA,OGyDA,YHzCQ,IG0CR,MHfG,KGgBH,cH5DA,OG8DF,sCAEE,UHhEA,OGiEA,MHbG,QGgBL,0CACE,eACE,UHpED,OGsED,sCACE,UHxEF,QGkFF,uBACE,8BACA,WHnFC,OGoFD,YHrFA,OGgGF,WACE,YHpGC,MGqGD,eHrGC,MGsGD,6BACA,UHVQ,MGgBZ,QACE,YH5GE,OG6GF,iBHzDK,QG0DL,MH5DQ,KG6DR,eH7GG,OG8GH,UACE,MH/DM,KGsEV,UACE,UHzHE,OG0HF,YH1GU,IG2GV,YHnGW,KGoGX,0CAJF,UAKI,UH5HA,OG6HA,YH9GQ,KGsHV,oBACE,qBAGA,uBACE,YACA,MHhGC,KGuGP,QACE,kBACA,WACA,gBAMF,gBACE,WH3JG,OG4JH,aACA,IHhKE,OGiKF,2DAEA,4BACE,YACA,aACA,sBACA,qBAUA,cACA,eHjLA,OGmLA,6BAXA,8BACE,kBAGF,oCACE,aAQF,+BACE,YHtLF,OGuLE,cHxLF,OG2LA,8BACE,YHpKK,KG+KT,0BACE,YHzMC,MG0MD,6BAQF,aACE,eAGF,wBACE,YAOJ,eAEE,aACA,2DACA,QACA,eACA,kBAEA,kBAEE,sBACA,kBACA,YHvNQ,IGwNR,mBACA,gBAGA,oBACE,aACA,sBACA,mBACA,uBACA,qBACA,aACA,YACA,YACA,iBACA,gCACA,cHnKK,MGoKL,YACA,YHnOK,KGoOL,iCAEA,0BACE,iBH1MD,QG2MC,MH7ME,KG+MF,4BACE,MHhNA,KGqNN,oBACE,cACA,kBACA,MH9NC,KG+ND,0BACA,8BC/QJ,SACE,SACA,WJEA,OIDA,cJCA,OIEF,QACE,cJJA,OIcF,cACE,WJdA,OIeA,cJdC,OIgBD,iBACE,gBACA,YJHM,IIIN,eJtBF,OIyBA,oBACE,6BACA,+BClCN,MACE","sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/ \n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed, \nfigure, figcaption, footer, header, hgroup, \nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section {\n\tdisplay: block;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\nbutton, input, textarea{\n margin: 0;\n padding: 0;\n background-color: transparent;\n border: none;\n\n &:active, &:focus{\n box-shadow: none;\n border: solid 1px transparent;\n outline-color: transparent;\n outline-style: none;\n }\n}","@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 300;\n src: url(../fonts/Barlow/Barlow-Light.ttf);\n}\n\n@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 400;\n src: url(../fonts/Barlow/Barlow-Regular.ttf);\n}\n\n@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 500;\n src: url(../fonts/Barlow/Barlow-Medium.ttf);\n}\n\n@font-face {\n font-family: Barlow;\n font-style: normal;\n font-weight: 600;\n src: url(../fonts/Barlow/Barlow-Bold.ttf);\n}\n\n\n@font-face {\n font-family: 'Material Icons';\n font-style: normal;\n font-weight: 400;\n src: url('../fonts/MaterialIcons/MaterialIcons-Regular.eot'); /* For IE6-8 */\n src: local('Material Icons'),\n local('MaterialIcons-Regular'),\n url('../fonts/MaterialIcons/MaterialIcons-Regular.woff2') format('woff2'),\n url('../fonts/MaterialIcons/MaterialIcons-Regular.woff') format('woff'),\n url('../fonts/MaterialIcons/MaterialIcons-Regular.ttf') format('truetype');\n}","\n/* Sizes\nUsing Lucas Numbers 1, 3, 4, 7, 11, 18, 29, 47, 76, \n---------------------------------------------------------------------------- */\n$faktor: 1.1;\n$xxs: 4px * $faktor;\n$xs: 7px * $faktor;\n$s: 11px * $faktor;\n$m: 18px * $faktor;\n$l: 29px * $faktor;\n$xl: 47px * $faktor;\n$xxl: 76px * $faktor;\n\n\n/* Font Properties\n---------------------------------------------------------------------------- */\n$font-family-serif: PTserif;\n$font-family-sans: Barlow;\n$base-font-size: $m;\n$font-icons: 'Material Icons';\n\n/* Font Weights\n---------------------------------------------------------------------------- */\n$fw-light: 300;\n$fw-normal: 400;\n$fw-medium: 500;\n$fw-bold: 600;\n\n\n/* Line Heights\n---------------------------------------------------------------------------- */\n$lh-tight: 110%;\n$lh-default: 130%;\n$lh-loose: 150%;\n\n\n\n/* Opacity\n---------------------------------------------------------------------------- */\n$op-medium:0.6;\n\n\n/* Base Colors\n---------------------------------------------------------------------------- */\n:root{\n --tileColor: #8C775E;\n}\n\n$steingrau: hsla(42, 3%, 55%, 0.6);\n$lichtgrau: hsla(100, 3%, 77%, 1);\n$hellgrau: #BBBAB7;\n$blaugrau: #82899A;\n$pink: #dd1166;\n$green: #10CFA3;\n$blue: #28C0DE;\n$darkblue: #047A91;\n$yellow: #DECC28;\n$light: #E6DED1;\n$lighter: #fff;\n$lighten: rgba(255,255,255,0.2);\n$dark: #57544F;\n$darker: #000;\n$darken: rgba(0,0,0,0.2);\n$darken-light: rgba(20,20,0,0.05);\n\n\n/* Functional Colors\n---------------------------------------------------------------------------- */\n$interaction-color: $dark;\n$decoration-color: $pink;\n$icon-color: $blue;\n$text-color: $darker;\n$headline-color: $dark;\n$headline-color-light: $steingrau;\n$aside-color: $lichtgrau;\n$border-color: $lichtgrau;\n$seperator-color: $light;\n$background-color: $lighter;\n\n\n/* Transitions\n---------------------------------------------------------------------------- */\n$tr-fast: 0.2s;\n$tr-medium: 0.6s;\n$tr-slow: 1s;\n\n/* Misc\n---------------------------------------------------------------------------- */\n$bw: 2px;\n$text-shadow: 0 0 20px rgba(0,0,0,0.9);\n$max-width-content: 50rem;\n$aside-width: 20rem;\n$border-width: 2px;\n$radius-s: 0.5rem;\n\n\n/* Viewports\n---------------------------------------------------------------------------- */\n$vp-small: 688px;\n$vp-medium: 800px;\n$vp-large: 1100px;\n$vp-xlarge: 1400px;\n$shadow-m: 0 0 10px rgba(0, 0, 0, 0.2);","// Icons\n.icon {\n height: auto;\n width: auto;\n font-family: $font-icons;\n vertical-align: middle;\n font-weight: normal;\n font-style: normal;\n display: inline-block;\n line-height: inherit;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap; \n direction: ltr;\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n -moz-osx-font-smoothing: grayscale;\n font-feature-settings: 'liga';\n margin-right: $xxs;\n}\n\n\n// Sizes\n.icon {\n &--s { font-size: $s; line-height: $s; }\n &--m { font-size: $m; line-height: $m;}\n &--l { font-size: $l; line-height: $l;}\n &--xl { font-size: $xl; line-height: $xl;}\n}\n\n.icon {\n &.md-dark { color: $dark; }\n &.md-light { color: $light; }\n\n}\n\n.icon:before {\n content: attr(data-icon);\n}\n\n.icon {\n &.red {color: red;}\n}\n\n//.icon Font Awesome Extend\n.icon {\n font-family: $font-icons;\n text-transform: none;\n}\n\n\n// Modifiers\n.icon{\n\n &--inline{\n margin-right: 0.4em;\n font-size: $m;\n }\n\n}\n\n[class^=\"icofont-\"], [class^=\"material-\"], [class*=\" icofont-\"], .icon{\n color: $icon-color;\n}\n\n[class^=\"icofont-\"], [class^=\"material-\"], [class*=\" icofont-\"], .icon{\n &.is-large{\n font-size: $l;\n margin-top: $l;\n margin-bottom: $xl;\n }\n}\n","*{\n box-sizing: border-box;\n}\n\nhtml, body{\n font-family: $font-family-sans;\n font-size: $base-font-size;\n line-height: $lh-default;\n font-weight: $fw-light; \n hyphens: auto;\n color:$text-color;\n scroll-behavior: smooth;\n\n}\n\nbody{\n background-color:$background-color;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n min-height: 100vh;\n}\n\nblockquote{\n background-color: $darken-light;\n padding: $m;\n border-left: solid $border-width $yellow;\n}\n\n\nh1, h2, h3, h4{\n line-height: $lh-tight;\n font-weight: $fw-bold;\n color: $headline-color;\n hyphens: none;\n}\n\nh2{\n font-weight: $fw-medium;\n}\n\nh3{\n font-weight: $fw-medium;\n color: $blue;\n}\n\nh1, h2, h3, h4, p, blockquote{\n margin-bottom: $m;\n}\n\nh1{\n font-size: $l;\n font-weight: $fw-bold;\n @media only screen and (min-width: $vp-medium) {\n font-size: $xl;\n font-weight: $fw-normal;\n }\n}\n\nh2{\n font-size: $m;\n font-weight: $fw-medium;\n color: $darker;\n @media only screen and (min-width: $vp-medium) {\n font-size: $l;\n }\n}\n\nh3{\n font-size: $m;\n}\n\nh2 + h3{\n margin-top: $l;\n}\n\np{\n margin-bottom: $xs;\n}\n\np + h2{\n margin-top: $l;\n}\n\np + h3{\n margin-top: $l;\n}\n\nimg{\n width: 100%;\n}\n\nem{\n font-weight: $fw-normal;\n}\n\nul:not([class]){\n margin-bottom: $l;\n li{\n display: block;\n margin-bottom: $xxs;\n margin-left: $m;\n\n &::before{\n content:\"»\";\n margin-left: -$m;\n padding-right: $s;\n color: $icon-color;\n font-weight: $fw-bold;\n }\n }\n}\n\ndl{\n margin-bottom: $l;\n\n dt{\n font-weight: $fw-medium;\n display: block;\n float: left;\n margin-right: $xs;\n &:after{\n content: \":\";\n }\n }\n\n dd{\n display: block;\n margin-bottom: $xs;;\n }\n}\n\n.title{\n font-weight: $fw-bold;\n @media only screen and (min-width: $vp-medium) {\n font-weight: $fw-normal;\n }\n}\n\n.subtitle{\n font-weight: $fw-medium;\n line-height: $lh-default;\n margin-top: $s * -1;\n @media only screen and (min-width: $vp-medium) {\n font-weight: $fw-normal;\n }\n}\n\nstrong{\n font-weight: $fw-medium;\n}\n\na{\n color: $interaction-color;\n text-decoration: none;\n}\n\na:not(.wrap){\n text-decoration: none;\n transition: all 0.3s;\n font-weight: $fw-medium;\n border-bottom: solid 2px $decoration-color; \n\n &.extern::before{\n @extend .icon;\n content: \"open_in_new\";\n color: $interaction-color;\n }\n\n &:hover{\n background-color: $decoration-color;\n color: $lighter !important;\n }\n}\n\n._layout-wrap{\n display: grid;\n\n grid-template-columns: 0 1fr;\n transition: all 0.3s;\n\n @media only screen and (min-width: $vp-large) {\n grid-template-columns: 200px 1fr;\n }\n\n @media only screen and (min-width: $vp-xlarge) {\n grid-template-columns: 400px 1fr;\n }\n}\n\n","@media only screen and (max-width: $max-width-content) {\n .header,\n .page,\n .footer {\n padding: $m;\n }\n}\n\n@media only screen and (min-width: $max-width-content) {\n .header,\n .page{\n flex: 0 1 auto;\n margin-left: $xl;\n\n & > * {\n padding-right: $xl;\n }\n\n & > * > *:not(.is-full-width){\n max-width: $max-width-content;\n }\n }\n\n .footer{\n padding-left: $xl;\n }\n}\n\n\n// Home Button\n// ------------------------------------------------------------------------- //\n.home-button {\n margin-top: $xl;\n margin-bottom: $l;\n\n & > a{\n text-decoration: none;\n border: none;\n transition: transform $tr-medium;\n\n &:hover{\n background-color: transparent;\n transform: rotate(60deg);\n }\n }\n}\n\n// Page\n// ------------------------------------------------------------------------- //\n.page {\n padding-bottom: $xl;\n flex: 1 1 auto;\n}\n\n// Header\n// ------------------------------------------------------------------------- //\n.header {\n text-align: center;\n padding-bottom: $xl;\n \n @media only screen and (min-width: $vp-medium) {\n text-align: left;\n }\n\n .title {\n font-size: $l;\n font-weight: $fw-medium;\n color: $decoration-color;\n margin-bottom: $m;\n }\n .subtitle,\n .subtitle a {\n font-size: $m;\n color: $dark;\n }\n\n @media only screen and (min-width: $vp-medium) {\n .title{\n font-size: $xl;\n }\n .subtitle, .subtitle a{\n font-size: $l;\n }\n }\n\n}\n\n// Section\n// ------------------------------------------------------------------------- //\n.section {\n\n &.has-seperator{\n border-top: dotted $border-width $border-color;\n margin-top: $xl;\n padding-top: $l;\n }\n}\n\n// Contact\n// ------------------------------------------------------------------------- //\n.contact {}\n\n// Toc\n// ------------------------------------------------------------------------- //\n.toc {\n &__item {\n padding-top: $xs;\n padding-bottom: $xs;\n border-top: solid 1px $seperator-color;\n max-width: $vp-medium;\n }\n}\n\n// Footer\n// ------------------------------------------------------------------------- //\n.footer {\n padding-top: $m;\n background-color: $dark;\n color: $lighter;\n padding-bottom: $xl;\n a {\n color: $lighter;\n }\n}\n\n\n// Herotext\n// ------------------------------------------------------------------------- //\n.herotext {\n font-size: $m;\n font-weight: $fw-normal;\n line-height: $lh-default;\n @media only screen and (min-width: $vp-medium) {\n font-size: $l;\n font-weight: $fw-normal;\n }\n}\n\n\n// Taglist\n// ------------------------------------------------------------------------- //\n.taglist {\n &--linear li {\n display: inline-block;\n }\n &__item {\n &::before {\n content: '#';\n color: $decoration-color;\n }\n }\n}\n\n// Avatar\n// ------------------------------------------------------------------------- //\n.avatar {\n border-radius: 50%;\n width: 100%;\n max-width: 300px;\n}\n\n\n// Topic Overview\n// ------------------------------------------------------------------------- //\n.topic-overview {\n margin-top:$xl;\n display: grid;\n gap: $s;\n grid-template-columns: repeat(auto-fill,minmax(16em,1fr));\n \n .topic-item{\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-items: center;\n\n & > * {\n padding-right: 2em;\n }\n\n &::before{\n content: none;\n }\n\n margin-left: 0;\n padding-bottom: $m;\n \n border-bottom: solid 3px $pink;\n \n h3{\n padding-top: $m;\n margin-bottom: $s;\n }\n\n p{\n line-height: $lh-tight;\n }\n\n }\n}\n\n\n// Metadata\n// ------------------------------------------------------------------------- //\n\n.metadata{\n dt, dd{\n padding-top: $xs;\n border-top: solid $border-width $green;\n }\n}\n\n// Keywords\n// ------------------------------------------------------------------------- //\n\n.keywords{\n li{\n display: inline;\n }\n\n li + li::before{\n content:\",\";\n }\n}\n\n// Artefact list\n// ------------------------------------------------------------------------- //\n\n.artefact-list{\n\n display: grid;\n grid-template-columns: repeat(auto-fill,minmax(12em,1fr));\n gap: 1em;\n margin-top: 1em;\n margin-bottom: 1em;\n\n li{\n \n vertical-align: middle;\n text-align: center;\n font-weight: $fw-medium;\n transition: all $tr-fast;\n overflow: hidden;\n \n \n a{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n hyphens: auto;\n border: none;\n padding: 2em;\n aspect-ratio: 3/2;\n border: solid 1px $darken;\n border-radius: $radius-s;\n height: 100%;\n line-height: $lh-tight;\n background-color: rgba(0,0,0,0.03);\n \n &:hover{\n background-color: $interaction-color;\n color: $lighter;\n\n i{\n color: $lighter;\n }\n }\n }\n\n i{\n display: block;\n text-align: center;\n color: $pink;\n margin-top: 1ch !important;\n margin-bottom: 0.5ch !important;\n }\n }\n\n}","\n// Work\n// ------------------------------------------------------------------------- //\n\n.work{\n hr{\n margin: 0;\n margin-top: $l;\n margin-bottom: $l;\n }\n\n p{\n margin-bottom: $m;\n }\n}\n\n\n// Simple\n// ------------------------------------------------------------------------- //\n\n.simple{\n\n table{\n margin-top: $l;\n margin-bottom: $xl;\n\n th{\n text-align: left;\n font-weight: $fw-medium;\n padding-bottom: $s;\n }\n\n tr td{\n border-top: solid 1px $green;\n padding: $s $s $s 0;\n }\n }\n}",".grow{\n flex-grow: 1;\n}"],"file":"style.css"} \ No newline at end of file diff --git a/_site/types-of-work.html b/_site/types-of-work.html index 9308e5a..19bc0eb 100644 --- a/_site/types-of-work.html +++ b/_site/types-of-work.html @@ -38,8 +38,112 @@

bei Christian Noss

Art der Arbeit

-

tbd

+

Praxisprojekt

+

Ein Praxisprojekt ist eine Arbeit, die in Zusammenarbeit mit einem Unternehmen, einer Organisation oder im Rahmen eines Forschungsprojekts durchgeführt wird. Das Ziel des Praxisprojekts ist es, ein konkretes Problem zu lösen oder eine konkrete Fragestellung zu beantworten. Weiteres entnehmen Sie der Modulbeschreibung.

+ +

Workload: 300 Stunden

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ArtefaktErläuterungen
Werk-
Ausarbeitungmax. Umfang des Hauptteils ca. 6000 Worte
Research Diaryalle 14 Tage
Abschlussvideomax. 10 Min Länge
Bilddokumentationmin. 10 Bilder
+ +

Bachelorarbeit

+ +

Die Bachelorarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ArtefaktErläuterungen
Werk-
Ausarbeitungmax. Umfang des Hauptteils ca. 6000 Worte
Research Diarywöchentlich
Abschlussvideomax. 15 Min Länge
Bilddokumentationmin. 10 Bilder
+ +

Masterarbeit

+ +

Die Masterarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein neues Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ArtefaktErläuterungen
Werk-
Ausarbeitungmax. Umfang des Hauptteils ca. 10.000 Worte
Research Diaryalle 14 Tage
Abschlussvideomax. 20 Min Länge
Bilddokumentationmin. 15 Bilder
diff --git a/artefacts.html b/artefacts.html index 32272b3..f055db5 100755 --- a/artefacts.html +++ b/artefacts.html @@ -5,14 +5,25 @@ --- +Hier finden Sie eine Übersicht der Artefakte, die im Rahmen der Arbeit erstellt werden müssen. -### Werk -### Ausarbeitung +### Werk -### Research Diary +Das Werk ist das zentrale Artefakt, das im Rahmen der Arbeit entsteht. Es kann sich um eine Software, eine Website, ein Video, ein Buch, eine Ausstellung, eine Installation oder ein anderes Artefakt handeln. Das Werk sollte in einem öffentlichen Repository verfügbar sein, welches in der Ausarbeitung verlinkt wird. Zusätzlich muss eine Kurzbeschreibung als Readme-Datei im Repository hinterlegt werden. -### Abschlussvideo +### Ausarbeitung -### Bilddokumentation +Die Ausarbeitung soll den Prozess, den methodischen Rahmen, die wichtigsten Ergebnisse, Implikationen und mögliche Richtungen für zukünftige Arbeiten dokumentieren. Die Ausarbeitung kann in deutsch oder englisch verfasst werden. +### Research Diary + +Das Research Diary ist ein Kurzvideo von maximal 5 Minuten Länge, welches in einem definierten Intervall den aktellen Stand der Arbeit dokumentiert. Die Diary Videos werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Das Material muss veröffentlichungsfähig sein. Nutzen sie keine fertigen Tools/ Templates und KI Voiceovers. Das Research Diary ist ein persönliches Dokument und sollte so authentisch wie möglich sein. + +### Abschlussvideo + +Das Abschlussvideo ist ein Clip, welcher das Werk und die wichtigsten Ergebnisse der Arbeit einer fachlichen Öffentlichkeit vorstellt. Das Video wird nach Abschluss der Arbeit veröffentlicht. Hier gilt das gleiche wie für das Research Diary. + +### Bilddokumentation + +Die Bilddokumentation umfasst Bilder, Grafiken und Animationen, die das Werk und den Prozess dokumentieren. Die Bilder werden im Sciebo hochgeladen. Den Upload Link erhalten Sie von mir. Die Bilder müssen veröffentlichungsfähig sein. Zu jedem Bild sind Bildunterschriften zu verfassen, die den Inhalt beschreiben und in den Kontext der Arbeit einordnen. Diese sind im IPTC-Format in den jeweiligen Bilddaten zu speichern. diff --git a/types-of-work.html b/types-of-work.html index 988543c..e2c4f13 100755 --- a/types-of-work.html +++ b/types-of-work.html @@ -5,5 +5,42 @@ --- -tbd +### Praxisprojekt +Ein Praxisprojekt ist eine Arbeit, die in Zusammenarbeit mit einem Unternehmen, einer Organisation oder im Rahmen eines Forschungsprojekts durchgeführt wird. Das Ziel des Praxisprojekts ist es, ein konkretes Problem zu lösen oder eine konkrete Fragestellung zu beantworten. Weiteres entnehmen Sie der Modulbeschreibung. + +**Workload: 300 Stunden** + +| Artefakt | Erläuterungen | +| --- | --- | --- | +| [Werk](../artefacts/#werk) | - | +| [Ausarbeitung](../artefacts/#ausarbeitung) | max. Umfang des Hauptteils ca. 6000 Worte | +| [Research Diary](../artefacts/#research-diary) | alle 14 Tage | +| [Abschlussvideo](../artefacts/#abschlussvideo) | max. 10 Min Länge | +| [Bilddokumentation](../artefacts/#bilddokumentation) | min. 10 Bilder | + + + +### Bachelorarbeit + +Die Bachelorarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung. + +| Artefakt | Erläuterungen | +| --- | --- | --- | +| [Werk](../artefacts/#werk) | - | +| [Ausarbeitung](../artefacts/#ausarbeitung) | max. Umfang des Hauptteils ca. 6000 Worte | +| [Research Diary](../artefacts/#research-diary) | wöchentlich | +| [Abschlussvideo](../artefacts/#abschlussvideo) | max. 15 Min Länge | +| [Bilddokumentation](../artefacts/#bilddokumentation) | min. 10 Bilder | + +### Masterarbeit + +Die Masterarbeit ist eine wissenschaftliche oder fachpraktische Arbeit, die ein neues Thema/ Problem aus dem Bereich der Medieninformatik oder eines verwandten Fachgebiets behandelt. Weiteres entnehmen Sie der Modulbeschreibung. + +| Artefakt | Erläuterungen | +| --- | --- | --- | +| [Werk](../artefacts/#werk) | - | +| [Ausarbeitung](../artefacts/#ausarbeitung) | max. Umfang des Hauptteils ca. 10.000 Worte | +| [Research Diary](../artefacts/#research-diary) | alle 14 Tage | +| [Abschlussvideo](../artefacts/#abschlussvideo) | max. 20 Min Länge | +| [Bilddokumentation](../artefacts/#bilddokumentation) | min. 15 Bilder |