From 48381a47f8c2ff2b0485315899c02eaa1fc6d880 Mon Sep 17 00:00:00 2001 From: Christian Noss Date: Mon, 22 Jul 2024 21:55:14 +0200 Subject: [PATCH] Added infos on bilddoku --- _sass/_base.scss | 9 +++- _site/artefacts.html | 2 + _site/assets/css/style.css | 2 +- _site/assets/css/style.css.map | 2 +- _site/bilddoku.html | 82 ++++++++++++++++++++++++++++++++++ _site/types-of-work.html | 6 +++ artefacts.html | 2 + bilddoku.html | 23 ++++++++++ types-of-work.html | 14 +++--- 9 files changed, 132 insertions(+), 10 deletions(-) create mode 100644 _site/bilddoku.html create mode 100644 bilddoku.html diff --git a/_sass/_base.scss b/_sass/_base.scss index 61c8e48..ee7f5c6 100755 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -36,7 +36,6 @@ h1, h2, h3, h4{ } - h1, h2, h3, h4, p, blockquote{ margin-bottom: $m; } @@ -61,6 +60,14 @@ h2{ h3{ font-size: calc($m * 1.2); + + i[class^="icofont-"]{ + margin-bottom: calc(1em * -0.2) !important; + } + + &:has(i[class^="icofont-"]){ + margin-top: $xl; + } } h2 + h3{ diff --git a/_site/artefacts.html b/_site/artefacts.html index d25b4d4..a3d3f0a 100644 --- a/_site/artefacts.html +++ b/_site/artefacts.html @@ -64,6 +64,8 @@

Bilddokumentati

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.

+

mehr zur Bilddokumentation

+ diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css index 81d7b0d..bb9db58 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:500;color:#000;hyphens:none}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:23.76px;font-weight:500;color:#000}@media only screen and (min-width: 800px){h2{font-size:31.9px}}h3{font-size:23.76px}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}.simple h3 i{margin-right:7.7px}.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:500;color:#000;hyphens:none}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:23.76px;font-weight:500;color:#000}@media only screen and (min-width: 800px){h2{font-size:31.9px}}h3{font-size:23.76px}h3 i[class^=icofont-]{margin-bottom:-0.2em !important}h3:has(i[class^=icofont-]){margin-top:51.7px}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}.simple h3 i{margin-right:7.7px}.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 bb3bf79..695acc2 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,YFPU,IEQV,MF4BO,KE3BP,aAKF,yBACE,cFhCE,OEmCJ,GACE,UFnCE,OEoCF,YFnBQ,IEoBR,0CAHF,GAII,UFrCC,OEsCD,YFxBQ,KE4BZ,GACE,kBACA,YF7BU,IE8BV,MFMO,KELP,0CAJF,GAKI,UFhDA,QEoDJ,GACE,kBAGF,MACE,WFzDE,OE4DJ,EACE,cFhEG,MEmEL,KACE,WFjEE,OEoEJ,KACE,WFrEE,OEwEJ,IACE,WAGF,GACE,YF9DU,IEiEZ,gBACE,cFjFE,OEkFF,mBACE,cACA,cFxFE,MEyFF,YFtFA,OEwFA,2BACE,YACA,oBACA,cF5FF,OE6FE,MF9CC,QE+CD,YF3EI,IEgFV,GACE,cFlGE,OEoGF,MACE,YFrFQ,IEsFR,cACA,WACA,aF3GC,ME4GD,YACE,YAIJ,MACE,cACA,cFnHC,MEuHL,OACE,YFpGQ,IEqGR,0CAFF,OAGI,YFxGQ,KE4GZ,UACE,YF5GU,IE6GV,YFtGW,KEuGX,mBACA,0CAJF,UAKI,YFjHQ,KEqHZ,OACE,YFrHU,IEwHZ,EACE,MFtFK,QEuFL,qBAGF,aACE,qBACA,mBACA,YFhIU,IEiIV,6BAEA,4BAEE,sBACA,MFnGG,QEsGL,mBACE,iBF/GG,KEgHH,sBAIJ,cACE,aAEA,4BACA,mBAEA,2CANF,cAOI,iCAGF,2CAVF,cAWI,iCCnLJ,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,+BAKF,aACE,aJlCD,MKNL,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: $darker;\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-medium;\n color: $headline-color;\n hyphens: none;\n}\n\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: calc($m * 1.2);\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: calc($m * 1.2);\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\n h3{\n i{\n margin-right: $xs;\n }\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,YFPU,IEQV,MF4BO,KE3BP,aAIF,yBACE,cF/BE,OEkCJ,GACE,UFlCE,OEmCF,YFlBQ,IEmBR,0CAHF,GAII,UFpCC,OEqCD,YFvBQ,KE2BZ,GACE,kBACA,YF5BU,IE6BV,MFOO,KENP,0CAJF,GAKI,UF/CA,QEmDJ,GACE,kBAEA,sBACE,gCAGF,2BACE,WF1DC,OE8DL,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,+BAKF,aACE,aJlCD,MKNL,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: $darker;\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-medium;\n color: $headline-color;\n hyphens: none;\n}\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: calc($m * 1.2);\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: calc($m * 1.2);\n\n i[class^=\"icofont-\"]{\n margin-bottom: calc(1em * -0.2) !important;\n }\n\n &:has(i[class^=\"icofont-\"]){\n margin-top: $xl;\n }\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\n h3{\n i{\n margin-right: $xs;\n }\n }\n}",".grow{\n flex-grow: 1;\n}"],"file":"style.css"} \ No newline at end of file diff --git a/_site/bilddoku.html b/_site/bilddoku.html new file mode 100644 index 0000000..a051d1d --- /dev/null +++ b/_site/bilddoku.html @@ -0,0 +1,82 @@ + + + + + + + + + Abschlussarbeiten @cnoss // Professur für Kommunikationsdesign in der Medieninformatik + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Praxisprojekte & Abschlussarbeiten

+

bei Christian Noss

+
+
+
+

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.

+ +

Was sollte beachtet werden?

+ +
    +
  • Dokumentieren Sie wichtige und interessante Schritte als auch Meilensteine des Prozesses.
    • +
  • Achten Sie darauf, dass die Bilder eine hohe Qualität haben (hohe Auflösung, gute Beleuchtung, klare Darstellung). Die maximale Dateigröße von 3 Mbyte pro Bild sollte nicht überschritten werden.
    • +
  • Verfassen Sie zu jedem Bild eine aussagekräftige Bildunterschrift, die den Inhalt beschreibt und in den Kontext der Arbeit einordnet. Speichern Sie diese Bildunterschriften im IPTC-Format in den jeweiligen Bilddaten.
    • +
  • Achten Sie darauf, dass alle Bilder veröffentlichungsfähig sind. Vermeiden Sie die Verwendung von urheberrechtlich geschütztem Material oder vertraulichen Informationen. Fügen Sie, falls erforderlich, Einwilligungserklärungen abgebildeter Personen hinzu.
    • +
  • Organisieren Sie Ihre Bilddateien systematisch und benennen Sie sie eindeutig, um eine einfache Zuordnung und Wiederauffindbarkeit zu gewährleisten.
    • +
+ +

Beispiel für eine Bildunterschrift im IPTC-Format

+ +
    +
  • Title: Entwicklung des Prototyps
    • +
  • Description: Dieses Bild zeigt den Entwicklungsprozess des Prototyps während der Implementierungsphase. Es verdeutlicht die verschiedenen Schritte von der Planung über die Programmierung bis hin zum Testen.
    • +
  • Keywords: Prototyp, Entwicklung, Implementierung, Testen
    • +
  • Copyright: Ihr Name
    • +
+ + +
+ +
+
+
+

+ Prof. Christian Noss
+ Campus Gummersbach
+ Steinmüllerallee 1
+ 51643 Gummersbach
+ Raum 3.241
+
+ emailchristian.noss(at)th-koeln.de
+ phone+49 2261-8196-6412 +

+ +
+ + + \ No newline at end of file diff --git a/_site/types-of-work.html b/_site/types-of-work.html index 8cd09b7..19bef32 100644 --- a/_site/types-of-work.html +++ b/_site/types-of-work.html @@ -49,28 +49,34 @@

Praxisprojekt

Artefakt Erläuterungen + Gewichtung Werk abhängig vom jeweiligen Thema + 40% Ausarbeitung max. Umfang des Hauptteils ca. 6000 Worte + 30% Research Diary alle 14 Tage + 15% Abschlussvideo max. 10 Min Länge + 10% Bilddokumentation min. 10 Bilder + 5% diff --git a/artefacts.html b/artefacts.html index 80e0f8b..03e6b1b 100755 --- a/artefacts.html +++ b/artefacts.html @@ -31,3 +31,5 @@ ### 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. + +[mehr zur Bilddokumentation](./bilddoku.html) diff --git a/bilddoku.html b/bilddoku.html new file mode 100644 index 0000000..142b048 --- /dev/null +++ b/bilddoku.html @@ -0,0 +1,23 @@ +--- +layout: simple +title: 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](https://de.wikipedia.org/wiki/IPTC-IIM-Standard#IPTC-Felder) in den jeweiligen Bilddaten zu speichern.** + +### Was sollte beachtet werden? + +- Dokumentieren Sie wichtige und interessante Schritte als auch Meilensteine des Prozesses. +- Achten Sie darauf, dass die Bilder eine hohe Qualität haben (hohe Auflösung, gute Beleuchtung, klare Darstellung). Die maximale Dateigröße von 3 Mbyte pro Bild sollte nicht überschritten werden. +- Verfassen Sie zu jedem Bild eine aussagekräftige Bildunterschrift, die den Inhalt beschreibt und in den Kontext der Arbeit einordnet. Speichern Sie diese Bildunterschriften im IPTC-Format in den jeweiligen Bilddaten. +- Achten Sie darauf, dass alle Bilder veröffentlichungsfähig sind. Vermeiden Sie die Verwendung von urheberrechtlich geschütztem Material oder vertraulichen Informationen. Fügen Sie, falls erforderlich, Einwilligungserklärungen abgebildeter Personen hinzu. +- Organisieren Sie Ihre Bilddateien systematisch und benennen Sie sie eindeutig, um eine einfache Zuordnung und Wiederauffindbarkeit zu gewährleisten. + + +#### Beispiel für eine Bildunterschrift im IPTC-Format + +- **Title**: Entwicklung des Prototyps +- **Description**: Dieses Bild zeigt den Entwicklungsprozess des Prototyps während der Implementierungsphase. Es verdeutlicht die verschiedenen Schritte von der Planung über die Programmierung bis hin zum Testen. +- **Keywords**: Prototyp, Entwicklung, Implementierung, Testen +- **Copyright**: Ihr Name + diff --git a/types-of-work.html b/types-of-work.html index 4ea8f1b..23adeac 100755 --- a/types-of-work.html +++ b/types-of-work.html @@ -11,13 +11,13 @@ **Workload: 300 Stunden** -| Artefakt | Erläuterungen | -| --- | --- | --- | -| [Werk](./artefacts#werk) | abhängig vom jeweiligen Thema | -| [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 | +| Artefakt | Erläuterungen | Gewichtung | +| --- | --- | --- | --- | +| [Werk](./artefacts#werk) | abhängig vom jeweiligen Thema | 40% | +| [Ausarbeitung](./artefacts#ausarbeitung) | max. Umfang des Hauptteils ca. 6000 Worte | 30% | +| [Research Diary](./artefacts#research-diary) | alle 14 Tage | 15% | +| [Abschlussvideo](./artefacts#abschlussvideo) | max. 10 Min Länge | 10% | +| [Bilddokumentation](./artefacts#bilddokumentation) | min. 10 Bilder | 5% |