[{"data":1,"prerenderedAt":2044},["ShallowReactive",2],{"projects_en":3},[4,162,299,415,535,717,979,1284,1390,1516,1732,1834],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":8,"slug":10,"date":11,"medium":12,"commission":13,"url":14,"thumb":15,"slider":16,"body":23,"_type":156,"_id":157,"_source":158,"_file":159,"_stem":160,"_extension":161},"/en/projects/css_img","projects",false,"","Coding Selbsthilfe Sprechstunde","css_img","2025","website, poster, flyer","comission","https://css.intermedialegestaltung.de/","https://res.cloudinary.com/djmoeekhd/image/upload/v1773402385/new_portfolio/css/css_thumb_xg8dzh.jpg",[17,18,19,20,21,22],"https://res.cloudinary.com/djmoeekhd/video/upload/v1773402386/new_portfolio/css/css_day_comp_small_vmwgw7.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1773408932/new_portfolio/css/css_sunset_and_night_welyta.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1773402386/new_portfolio/css/css_poster_gozkl4.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773402386/new_portfolio/css/css_poster_web_riso_k5idh4.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773402386/new_portfolio/css/css_flyer_stairs_asmxj5.jpg","https://res.cloudinary.com/djmoeekhd/video/upload/v1773408173/new_portfolio/css/css_flyer_bwn5r1.mp4",{"type":24,"children":25,"toc":153},"root",[26,63,66,69,78,93,96,104,119,122,130],{"type":27,"tag":28,"props":29,"children":30},"element","p",{},[31,49,53,56,61],{"type":27,"tag":32,"props":33,"children":34},"em",{},[35,38,47],{"type":36,"value":37},"text","In collaboration with: ",{"type":27,"tag":39,"props":40,"children":44},"a",{"href":41,"rel":42},"https://maxlambrecht.de/",[43],"nofollow",[45],{"type":36,"value":46},"Max Anton Lambrecht",{"type":36,"value":48},".",{"type":27,"tag":50,"props":51,"children":52},"br",{},[],{"type":27,"tag":50,"props":54,"children":55},{},[],{"type":27,"tag":32,"props":57,"children":58},{},[59],{"type":36,"value":60},"Coding Selbsthilfe Sprechstunde is a resource for design students to get assistance in their web projects.",{"type":36,"value":62}," As part of this, we developed multiple workshops, designed posters as well as a website linking tutorials and an appointment booking system.",{"type":27,"tag":50,"props":64,"children":65},{},[],{"type":27,"tag":50,"props":67,"children":68},{},[],{"type":27,"tag":28,"props":70,"children":71},{},[72],{"type":27,"tag":73,"props":74,"children":75},"strong",{},[76],{"type":36,"value":77},"Software:",{"type":27,"tag":79,"props":80,"children":81},"ul",{},[82],{"type":27,"tag":83,"props":84,"children":85},"li",{},[86],{"type":27,"tag":39,"props":87,"children":90},{"href":88,"rel":89},"https://www.npmjs.com/package/figlet",[43],[91],{"type":36,"value":92},"figlet.js",{"type":27,"tag":50,"props":94,"children":95},{},[],{"type":27,"tag":28,"props":97,"children":98},{},[99],{"type":27,"tag":73,"props":100,"children":101},{},[102],{"type":36,"value":103},"Fonts:",{"type":27,"tag":79,"props":105,"children":106},{},[107],{"type":27,"tag":83,"props":108,"children":109},{},[110,117],{"type":27,"tag":39,"props":111,"children":114},{"href":112,"rel":113},"https://github.com/raphaelbastide/Whois-mono/",[43],[115],{"type":36,"value":116},"WhoIs Mono",{"type":36,"value":118}," by Raphaël Bastide",{"type":27,"tag":50,"props":120,"children":121},{},[],{"type":27,"tag":28,"props":123,"children":124},{},[125],{"type":27,"tag":73,"props":126,"children":127},{},[128],{"type":36,"value":129},"Ascii Fonts:",{"type":27,"tag":79,"props":131,"children":132},{},[133,138,143,148],{"type":27,"tag":83,"props":134,"children":135},{},[136],{"type":36,"value":137},"Crazy by myflix",{"type":27,"tag":83,"props":139,"children":140},{},[141],{"type":36,"value":142},"Double Shorts by myflix",{"type":27,"tag":83,"props":144,"children":145},{},[146],{"type":36,"value":147},"Hollywood by Juan Car",{"type":27,"tag":83,"props":149,"children":150},{},[151],{"type":36,"value":152},"Efti Wall by Michel Eftimakis",{"title":8,"searchDepth":154,"depth":154,"links":155},2,[],"markdown","content:en:projects:css_img.md","content","en/projects/css_img.md","en/projects/css_img","md",{"_path":163,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":164,"description":8,"slug":165,"date":11,"medium":166,"commission":13,"url":167,"thumb":168,"slider":169,"body":173,"_type":156,"_id":296,"_source":158,"_file":297,"_stem":298,"_extension":161},"/en/projects/feuerwache","Alte Feuerwache Tempelhofer Feld","feuerwache","website","https://alte-feuerwache-thf.de/en","https://res.cloudinary.com/djmoeekhd/image/upload/v1773337222/fwthf_thumb_new_cr_comp_bcpmhr.png",[170,171,172],"https://res.cloudinary.com/djmoeekhd/video/upload/v1773322830/fwthf_screencast_comp_d6llsv.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1773334058/fwthf_mobile_drawing_comp_xfi3cr.png","https://res.cloudinary.com/djmoeekhd/video/upload/v1773336044/background_small_comp_trimmed_i5diw3.mp4",{"type":24,"children":174,"toc":294},[175,214,257,260,267],{"type":27,"tag":28,"props":176,"children":177},{},[178,190,193,196,198,202,204,207,210],{"type":27,"tag":32,"props":179,"children":180},{},[181,182,189],{"type":36,"value":37},{"type":27,"tag":39,"props":183,"children":186},{"href":184,"rel":185},"https://tommasuki.de/",[43],[187],{"type":36,"value":188},"Tomma Suki Hinrichsen",{"type":36,"value":48},{"type":27,"tag":50,"props":191,"children":192},{},[],{"type":27,"tag":50,"props":194,"children":195},{},[],{"type":36,"value":197},"\nThis website was created as a part of the grant-funded project ",{"type":27,"tag":32,"props":199,"children":200},{},[201],{"type":36,"value":164},{"type":36,"value":203},", which offered an exhibition and a space for collectives to organize events.\n",{"type":27,"tag":50,"props":205,"children":206},{},[],{"type":27,"tag":50,"props":208,"children":209},{},[],{"type":27,"tag":73,"props":211,"children":212},{},[213],{"type":36,"value":77},{"type":27,"tag":79,"props":215,"children":216},{},[217,227,237,247],{"type":27,"tag":83,"props":218,"children":219},{},[220],{"type":27,"tag":39,"props":221,"children":224},{"href":222,"rel":223},"https://nuxt.com/",[43],[225],{"type":36,"value":226},"nuxt",{"type":27,"tag":83,"props":228,"children":229},{},[230],{"type":27,"tag":39,"props":231,"children":234},{"href":232,"rel":233},"https://content.nuxt.com/",[43],[235],{"type":36,"value":236},"nuxt content",{"type":27,"tag":83,"props":238,"children":239},{},[240],{"type":27,"tag":39,"props":241,"children":244},{"href":242,"rel":243},"https://decapcms.org/",[43],[245],{"type":36,"value":246},"decap cms",{"type":27,"tag":83,"props":248,"children":249},{},[250],{"type":27,"tag":39,"props":251,"children":254},{"href":252,"rel":253},"https://threejs.org/",[43],[255],{"type":36,"value":256},"three.js",{"type":27,"tag":50,"props":258,"children":259},{},[],{"type":27,"tag":28,"props":261,"children":262},{},[263],{"type":27,"tag":73,"props":264,"children":265},{},[266],{"type":36,"value":103},{"type":27,"tag":79,"props":268,"children":269},{},[270,282],{"type":27,"tag":83,"props":271,"children":272},{},[273,280],{"type":27,"tag":39,"props":274,"children":277},{"href":275,"rel":276},"https://fonts.google.com/specimen/Inter+Tight",[43],[278],{"type":36,"value":279},"Inter Tight",{"type":36,"value":281}," by Rasmus Andersson",{"type":27,"tag":83,"props":283,"children":284},{},[285,292],{"type":27,"tag":39,"props":286,"children":289},{"href":287,"rel":288},"https://velvetyne.fr/fonts/avara/",[43],[290],{"type":36,"value":291},"Avara",{"type":36,"value":293}," by Raphaël Bastide and others",{"title":8,"searchDepth":154,"depth":154,"links":295},[],"content:en:projects:feuerwache.md","en/projects/feuerwache.md","en/projects/feuerwache",{"_path":300,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":301,"description":8,"slug":302,"date":11,"medium":166,"commission":303,"url":304,"thumb":305,"slider":306,"body":311,"_type":156,"_id":412,"_source":158,"_file":413,"_stem":414,"_extension":161},"/en/projects/strolling_club","strolling.club","strolling_club","univeristy project","https://strolling.club/","https://res.cloudinary.com/djmoeekhd/image/upload/v1773665654/new_portfolio/strolling_club/thumbnail.jpg",[307,308,309,310],"https://res.cloudinary.com/djmoeekhd/video/upload/v1773665400/new_portfolio/strolling_club/mobile_comp_pna6rg.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1773665399/new_portfolio/strolling_club/ausstellung_1_bfhoco.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773665399/new_portfolio/strolling_club/ausstellung_2_tyekcn.jpg","https://res.cloudinary.com/djmoeekhd/video/upload/v1773665400/new_portfolio/strolling_club/flyer_comp_hpc2ey.mp4",{"type":24,"children":312,"toc":410},[313,336,341,346,364,377,380,387],{"type":27,"tag":28,"props":314,"children":315},{},[316,328,331,334],{"type":27,"tag":32,"props":317,"children":318},{},[319,321],{"type":36,"value":320},"In collaboration with ",{"type":27,"tag":39,"props":322,"children":325},{"href":323,"rel":324},"https://rebeccaherold.de/",[43],[326],{"type":36,"value":327},"Rebecca Herold",{"type":27,"tag":50,"props":329,"children":330},{},[],{"type":27,"tag":50,"props":332,"children":333},{},[],{"type":36,"value":335},"\nThe strolling.club is a web-interspace and future webring, where navigating the web takes the form of a promenade rather than the usual instantaneous commute.",{"type":27,"tag":28,"props":337,"children":338},{},[339],{"type":36,"value":340},"It is a 2D Torus world where websites are placed. While strolling, visitors are able to leave and read notes, chat with people that are spatially close on the map and visit the linked sites.",{"type":27,"tag":28,"props":342,"children":343},{},[344],{"type":36,"value":345},"The goal is to provide a different experience of online movement. While the tendency of the digital is moving towards ever shorter commuting times between content/websites, strolling.club aims to offer a space-time of idleness analog to sitting in the metro or walking between destinations. Possibilities of getting lost, random encounters or explorative walking are being opened because of this anti-efficient form of transportation.",{"type":27,"tag":28,"props":347,"children":348},{},[349,354,357,360],{"type":27,"tag":32,"props":350,"children":351},{},[352],{"type":36,"value":353},"Originally strolling.club was started in collaboration with Rebecca Herold for the sys/net/visible artwork of Francesco Scheffczyk and further developed at Burg Halle in the intermediale Gestaltung class.",{"type":27,"tag":50,"props":355,"children":356},{},[],{"type":27,"tag":50,"props":358,"children":359},{},[],{"type":27,"tag":73,"props":361,"children":362},{},[363],{"type":36,"value":77},{"type":27,"tag":79,"props":365,"children":366},{},[367,372],{"type":27,"tag":83,"props":368,"children":369},{},[370],{"type":36,"value":371},"custom go backend/websocket",{"type":27,"tag":83,"props":373,"children":374},{},[375],{"type":36,"value":376},"frontend vanilla js, html, css",{"type":27,"tag":50,"props":378,"children":379},{},[],{"type":27,"tag":28,"props":381,"children":382},{},[383],{"type":27,"tag":73,"props":384,"children":385},{},[386],{"type":36,"value":103},{"type":27,"tag":79,"props":388,"children":389},{},[390,400],{"type":27,"tag":83,"props":391,"children":392},{},[393],{"type":27,"tag":39,"props":394,"children":397},{"href":395,"rel":396},"https://openmoji.org/",[43],[398],{"type":36,"value":399},"OpenMoji",{"type":27,"tag":83,"props":401,"children":402},{},[403],{"type":27,"tag":39,"props":404,"children":407},{"href":405,"rel":406},"https://fonts.google.com/specimen/Xanh+Mono?preview.script=Latn",[43],[408],{"type":36,"value":409},"Xanh Mono",{"title":8,"searchDepth":154,"depth":154,"links":411},[],"content:en:projects:strolling_club.md","en/projects/strolling_club.md","en/projects/strolling_club",{"_path":416,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":417,"description":8,"slug":418,"date":11,"medium":419,"commission":13,"url":420,"thumb":421,"slider":422,"body":426,"_type":156,"_id":532,"_source":158,"_file":533,"_stem":534,"_extension":161},"/en/projects/tcbaa","This Could Be An Album","tcbaa","website, cover generator","https://thiscouldbeanalbum.com/","https://res.cloudinary.com/djmoeekhd/image/upload/v1773762359/new_portfolio/tcbaa/tcbaa_thumb_scaled_f0f3nr.jpg",[423,424,425],"https://res.cloudinary.com/djmoeekhd/image/upload/v1773762058/new_portfolio/tcbaa/image190_yyjmsm.png","https://res.cloudinary.com/djmoeekhd/video/upload/v1773762058/new_portfolio/tcbaa/tcbaa_recording_cr_comp_ru9qqf.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1773762061/new_portfolio/tcbaa/image649_v0q4yz.png",{"type":24,"children":427,"toc":530},[428,482,495,498,506],{"type":27,"tag":28,"props":429,"children":430},{},[431,443,446,449,451,456,458,463,465,470,472,475,478],{"type":27,"tag":32,"props":432,"children":433},{},[434,435,442],{"type":36,"value":37},{"type":27,"tag":39,"props":436,"children":439},{"href":437,"rel":438},"https://timon-wallianos.com/",[43],[440],{"type":36,"value":441},"Timon Wallianos",{"type":36,"value":48},{"type":27,"tag":50,"props":444,"children":445},{},[],{"type":27,"tag":50,"props":447,"children":448},{},[],{"type":36,"value":450},"\nWe designed a cover generator for the band ",{"type":27,"tag":32,"props":452,"children":453},{},[454],{"type":36,"value":455},"Anton & The Dots",{"type":36,"value":457}," that allows fans to create their own covers for the new album. As the album’s title suggests, the entire project was more of a ",{"type":27,"tag":32,"props":459,"children":460},{},[461],{"type":36,"value":462},"prototype",{"type":36,"value":464},". As a result, empty spaces became a visual theme. For example, the image filter in the cover generator visually represents a ",{"type":27,"tag":73,"props":466,"children":467},{},[468],{"type":36,"value":469},"bandpass filter",{"type":36,"value":471},". Frequencies of gray values can be filtered out and overlaid with other elements. The same logic is reflected in the gallery filter. Here, time periods are filtered instead of frequency bands to search through the created covers. The UI primarily uses sliders, which reinforce the website’s prototypical feel.\n",{"type":27,"tag":50,"props":473,"children":474},{},[],{"type":27,"tag":50,"props":476,"children":477},{},[],{"type":27,"tag":73,"props":479,"children":480},{},[481],{"type":36,"value":77},{"type":27,"tag":79,"props":483,"children":484},{},[485],{"type":27,"tag":83,"props":486,"children":487},{},[488],{"type":27,"tag":39,"props":489,"children":492},{"href":490,"rel":491},"https://p5js.org/",[43],[493],{"type":36,"value":494},"p5.js",{"type":27,"tag":50,"props":496,"children":497},{},[],{"type":27,"tag":28,"props":499,"children":500},{},[501],{"type":27,"tag":73,"props":502,"children":503},{},[504],{"type":36,"value":505},"Images:",{"type":27,"tag":79,"props":507,"children":508},{},[509],{"type":27,"tag":83,"props":510,"children":511},{},[512,514,521,523],{"type":36,"value":513},"slide 2 background: Image by ",{"type":27,"tag":39,"props":515,"children":518},{"href":516,"rel":517},"https://unsplash.com/de/@rusky_pasha?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText",[43],[519],{"type":36,"value":520},"Pasha Chusovitin",{"type":36,"value":522}," on ",{"type":27,"tag":39,"props":524,"children":527},{"href":525,"rel":526},"https://unsplash.com/de/fotos/schreibtisch-neben-dem-schrankregal-wahrend-des-tages-0m-hBnt19UA?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText",[43],[528],{"type":36,"value":529},"unsplash",{"title":8,"searchDepth":154,"depth":154,"links":531},[],"content:en:projects:tcbaa.md","en/projects/tcbaa.md","en/projects/tcbaa",{"_path":536,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":537,"description":8,"slug":538,"date":539,"medium":540,"commission":541,"thumb":542,"slider":543,"body":552,"_type":156,"_id":714,"_source":158,"_file":715,"_stem":716,"_extension":161},"/en/projects/wyhiyg","Wearing Your Heart In Your Gaze","wyhiyg","2024 2025","experiment, publication","university project","https://res.cloudinary.com/djmoeekhd/image/upload/v1776439090/new_portfolio/wyhiyg/wyhiyg_lp_o3xmj0.png",[542,544,545,546,547,548,549,550,551],"https://res.cloudinary.com/djmoeekhd/video/upload/v1776436369/new_portfolio/wyhiyg/wyiyg_lp_4x5_sq53sr.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1776439090/new_portfolio/wyhiyg/wyhiyg_click_mpiqkr.png","https://res.cloudinary.com/djmoeekhd/video/upload/v1776436367/new_portfolio/wyhiyg/wyiyg_videos_4x5_jfwda0.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1776439090/new_portfolio/wyhiyg/wyhiyg_eye_uqgbp8.png","https://res.cloudinary.com/djmoeekhd/video/upload/v1776436367/new_portfolio/wyhiyg/wyiyg_eye_4x5_olfzbh.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1775567131/new_portfolio/wyhiyg/7.2.250167_bwuqer.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1775567131/new_portfolio/wyhiyg/7.2.250168_ujjtvc.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1775567130/new_portfolio/wyhiyg/7.2.250169_sq04cf.jpg",{"type":24,"children":553,"toc":712},[554,580,591,598,647,650,657,682,689],{"type":27,"tag":28,"props":555,"children":556},{},[557,567,570,573,578],{"type":27,"tag":32,"props":558,"children":559},{},[560,561,566],{"type":36,"value":37},{"type":27,"tag":39,"props":562,"children":564},{"href":437,"rel":563},[43],[565],{"type":36,"value":441},{"type":36,"value":48},{"type":27,"tag":50,"props":568,"children":569},{},[],{"type":27,"tag":50,"props":571,"children":572},{},[],{"type":27,"tag":32,"props":574,"children":575},{},[576],{"type":36,"value":577},"Wearing Your Heart in Your Gaze",{"type":36,"value":579}," is a reflection on immediacy in user interfaces. We explored how the trend toward unconscious interaction (such as in “doom scrolling”) could be taken even further. The result is an algorithm that uses movement as an attention magnet and gaze analysis to determine when to switch to the next video and which one to play. If the viewer’s gaze leaves the analyzed movement path, their attention is captured by a new video that begins with a movement at the current focal point of their gaze.",{"type":27,"tag":28,"props":581,"children":582},{},[583,585,588],{"type":36,"value":584},"The result is an overview of experiments that individually represent parts of the algorithm but, when combined, do not function without significant latency. Additionally, there is a publication featuring thoughts, associations, and research related to the project.\n",{"type":27,"tag":50,"props":586,"children":587},{},[],{"type":27,"tag":50,"props":589,"children":590},{},[],{"type":27,"tag":28,"props":592,"children":593},{},[594],{"type":27,"tag":73,"props":595,"children":596},{},[597],{"type":36,"value":77},{"type":27,"tag":79,"props":599,"children":600},{},[601,609,619,627,637],{"type":27,"tag":83,"props":602,"children":603},{},[604],{"type":27,"tag":39,"props":605,"children":607},{"href":222,"rel":606},[43],[608],{"type":36,"value":226},{"type":27,"tag":83,"props":610,"children":611},{},[612],{"type":27,"tag":39,"props":613,"children":616},{"href":614,"rel":615},"https://webgazer.cs.brown.edu/",[43],[617],{"type":36,"value":618},"webgazer.js",{"type":27,"tag":83,"props":620,"children":621},{},[622],{"type":27,"tag":39,"props":623,"children":625},{"href":490,"rel":624},[43],[626],{"type":36,"value":494},{"type":27,"tag":83,"props":628,"children":629},{},[630],{"type":27,"tag":39,"props":631,"children":634},{"href":632,"rel":633},"https://www.min.io/",[43],[635],{"type":36,"value":636},"minio",{"type":27,"tag":83,"props":638,"children":639},{},[640],{"type":27,"tag":39,"props":641,"children":644},{"href":642,"rel":643},"https://github.com/opencv/opencv-python",[43],[645],{"type":36,"value":646},"openCV",{"type":27,"tag":50,"props":648,"children":649},{},[],{"type":27,"tag":28,"props":651,"children":652},{},[653],{"type":27,"tag":73,"props":654,"children":655},{},[656],{"type":36,"value":103},{"type":27,"tag":79,"props":658,"children":659},{},[660,672],{"type":27,"tag":83,"props":661,"children":662},{},[663,670],{"type":27,"tag":39,"props":664,"children":667},{"href":665,"rel":666},"https://scifipoetry.de/archive-grotesk/",[43],[668],{"type":36,"value":669},"Archive Grotesk",{"type":36,"value":671}," by Christian Gruber",{"type":27,"tag":83,"props":673,"children":674},{},[675],{"type":27,"tag":39,"props":676,"children":679},{"href":677,"rel":678},"https://pangrampangram.com/products/editorial-new",[43],[680],{"type":36,"value":681},"PP Editorial New",{"type":27,"tag":28,"props":683,"children":684},{},[685],{"type":27,"tag":73,"props":686,"children":687},{},[688],{"type":36,"value":505},{"type":27,"tag":79,"props":690,"children":691},{},[692],{"type":27,"tag":83,"props":693,"children":694},{},[695,697,704,705],{"type":36,"value":696},"background: Image by ",{"type":27,"tag":39,"props":698,"children":701},{"href":699,"rel":700},"https://unsplash.com/de/@masoodaslami?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText",[43],[702],{"type":36,"value":703},"Masood Aslami",{"type":36,"value":522},{"type":27,"tag":39,"props":706,"children":709},{"href":707,"rel":708},"https://unsplash.com/de/fotos/die-decke-eines-gebaudes-mit-vielen-gemalden-darauf-XQ5n668L5bU?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText",[43],[710],{"type":36,"value":711},"Unsplash",{"title":8,"searchDepth":154,"depth":154,"links":713},[],"content:en:projects:wyhiyg.md","en/projects/wyhiyg.md","en/projects/wyhiyg",{"_path":718,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":719,"description":8,"slug":720,"date":721,"medium":722,"commission":13,"url":723,"thumb":724,"slider":725,"body":736,"_type":156,"_id":976,"_source":158,"_file":977,"_stem":978,"_extension":161},"/en/projects/unlearn","un/learn ai series","unlearn","2023 - 2025","hybrid publication series","https://unlearn.gestaltung.ai","https://res.cloudinary.com/djmoeekhd/image/upload/v1773675723/new_portfolio/unlearn/00_unlearn-ai_thumb_small.jpg",[726,727,728,729,730,731,732,733,734,735],"https://res.cloudinary.com/djmoeekhd/image/upload/v1773675724/new_portfolio/unlearn/01.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773675724/new_portfolio/unlearn/02.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773675724/new_portfolio/unlearn/03.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773675724/new_portfolio/unlearn/04.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773675724/new_portfolio/unlearn/05.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773675724/new_portfolio/unlearn/06.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773675724/new_portfolio/unlearn/07.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1773676087/new_portfolio/unlearn/unlearn-ai_website_index-page.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1773676088/new_portfolio/unlearn/unlearn-ai_website_table-of-contents.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1773676087/new_portfolio/unlearn/unlearn-ai_website_articles.png",{"type":24,"children":737,"toc":974},[738,795,800,815,856,859,866,930,933,941],{"type":27,"tag":28,"props":739,"children":740},{},[741,778,781,784,786,793],{"type":27,"tag":32,"props":742,"children":743},{},[744,745,752,754,761,763,770,771],{"type":36,"value":320},{"type":27,"tag":39,"props":746,"children":749},{"href":747,"rel":748},"https://paul-esser.com/",[43],[750],{"type":36,"value":751},"Paul Eßer",{"type":36,"value":753},", ",{"type":27,"tag":39,"props":755,"children":758},{"href":756,"rel":757},"https://www.maikadieterich.de/#/",[43],[759],{"type":36,"value":760},"Maika Dieterich",{"type":36,"value":762},", Julia-Jasmin Bold, ",{"type":27,"tag":39,"props":764,"children":767},{"href":765,"rel":766},"https://francesco-scheffczyk.de/",[43],[768],{"type":36,"value":769},"Francesco Scheffczyk",{"type":36,"value":753},{"type":27,"tag":39,"props":772,"children":775},{"href":773,"rel":774},"https://jeanboehm.de/",[43],[776],{"type":36,"value":777},"Jean Böhm",{"type":27,"tag":50,"props":779,"children":780},{},[],{"type":27,"tag":50,"props":782,"children":783},{},[],{"type":36,"value":785},"\nThe un/learn ai publication series emerged from the ",{"type":27,"tag":39,"props":787,"children":790},{"href":788,"rel":789},"https://gestaltung.ai/en",[43],[791],{"type":36,"value":792},"KITeGG",{"type":36,"value":794}," grant-funded project, which explored the use of AI in design education. It documents research, student projects, and symposia from this initiative.",{"type":27,"tag":28,"props":796,"children":797},{},[798],{"type":36,"value":799},"Several factors made a hybrid format the logical choice. First, articles were to be published both online and in print, managed through a central content management system. This also enabled the creation of a pipeline in which LLMs could analyze the articles. This is particularly evident in the cross-references that link semantically similar text sections throughout the entire series. In the second part of the series, we also used a vector embedding model to analyze the occurrence of specific topics in the articles and mapped these onto a graph underlying the text.",{"type":27,"tag":28,"props":801,"children":802},{},[803,805,808,811],{"type":36,"value":804},"The features embedded using LLMs thus do not directly interfere with the text, but rather offer an additional reading perspective and improved searchability of the articles.\n",{"type":27,"tag":50,"props":806,"children":807},{},[],{"type":27,"tag":50,"props":809,"children":810},{},[],{"type":27,"tag":73,"props":812,"children":813},{},[814],{"type":36,"value":77},{"type":27,"tag":79,"props":816,"children":817},{},[818,826,836,846],{"type":27,"tag":83,"props":819,"children":820},{},[821],{"type":27,"tag":39,"props":822,"children":824},{"href":222,"rel":823},[43],[825],{"type":36,"value":226},{"type":27,"tag":83,"props":827,"children":828},{},[829],{"type":27,"tag":39,"props":830,"children":833},{"href":831,"rel":832},"https://www.pubpub.org/",[43],[834],{"type":36,"value":835},"pubpub",{"type":27,"tag":83,"props":837,"children":838},{},[839],{"type":27,"tag":39,"props":840,"children":843},{"href":841,"rel":842},"https://qdrant.tech/",[43],[844],{"type":36,"value":845},"qdrant",{"type":27,"tag":83,"props":847,"children":848},{},[849],{"type":27,"tag":39,"props":850,"children":853},{"href":851,"rel":852},"https://www.llamaindex.ai/llamaindex",[43],[854],{"type":36,"value":855},"LlamaIndex",{"type":27,"tag":50,"props":857,"children":858},{},[],{"type":27,"tag":28,"props":860,"children":861},{},[862],{"type":27,"tag":73,"props":863,"children":864},{},[865],{"type":36,"value":103},{"type":27,"tag":79,"props":867,"children":868},{},[869,881,890,909],{"type":27,"tag":83,"props":870,"children":871},{},[872,879],{"type":27,"tag":39,"props":873,"children":876},{"href":874,"rel":875},"https://displaay.net/typeface/bagoss",[43],[877],{"type":36,"value":878},"Bagoss",{"type":36,"value":880}," by Displaay",{"type":27,"tag":83,"props":882,"children":883},{},[884,889],{"type":27,"tag":39,"props":885,"children":887},{"href":112,"rel":886},[43],[888],{"type":36,"value":116},{"type":36,"value":118},{"type":27,"tag":83,"props":891,"children":892},{},[893],{"type":27,"tag":894,"props":895,"children":896},"ol",{},[897],{"type":27,"tag":83,"props":898,"children":899},{},[900,902],{"type":36,"value":901},"issue: AI generated fonts by ",{"type":27,"tag":39,"props":903,"children":906},{"href":904,"rel":905},"https://typetable.xyz/",[43],[907],{"type":36,"value":908},"typetable.xyz",{"type":27,"tag":83,"props":910,"children":911},{},[912],{"type":27,"tag":894,"props":913,"children":915},{"start":914},3,[916],{"type":27,"tag":83,"props":917,"children":918},{},[919,921,928],{"type":36,"value":920},"issue: ",{"type":27,"tag":39,"props":922,"children":925},{"href":923,"rel":924},"https://erkinkaramemet.com/roumald/",[43],[926],{"type":36,"value":927},"Roumald",{"type":36,"value":929}," by Erkin Karamemet",{"type":27,"tag":50,"props":931,"children":932},{},[],{"type":27,"tag":28,"props":934,"children":935},{},[936],{"type":27,"tag":73,"props":937,"children":938},{},[939],{"type":36,"value":940},"Inspiration",{"type":27,"tag":79,"props":942,"children":943},{},[944,954,964],{"type":27,"tag":83,"props":945,"children":946},{},[947],{"type":27,"tag":39,"props":948,"children":951},{"href":949,"rel":950},"https://www.are.na/paul-esser/publication-kbuvten40ji",[43],[952],{"type":36,"value":953},"arena channel",{"type":27,"tag":83,"props":955,"children":956},{},[957],{"type":27,"tag":39,"props":958,"children":961},{"href":959,"rel":960},"https://www.postdigitalgraphicdesign.com/#order",[43],[962],{"type":36,"value":963},"GDP-DA",{"type":27,"tag":83,"props":965,"children":966},{},[967],{"type":27,"tag":39,"props":968,"children":971},{"href":969,"rel":970},"https://unlearn.gestaltung.ai/de/article/59o29bm4?chunks=59o29bm4",[43],[972],{"type":36,"value":973},"article on conceptualizing the series in un/learn 3",{"title":8,"searchDepth":154,"depth":154,"links":975},[],"content:en:projects:unlearn.md","en/projects/unlearn.md","en/projects/unlearn",{"_path":980,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":981,"description":982,"slug":983,"date":984,"medium":985,"commission":541,"url":986,"thumb":987,"slider":988,"body":996,"_type":156,"_id":1281,"_source":158,"_file":1282,"_stem":1283,"_extension":161},"/en/projects/hybrid_publishing_systems","hybrid.publishing.systems","a hybrid publication on hybrid publishing","hybrid_publishing_systems","2022 2023","hybrid publication","https://hybrid.publishing.systems/","https://res.cloudinary.com/djmoeekhd/image/upload/v1698161480/new_portfolio/hybrid_publishing/hybrid_publishing_systems_thumb_500w_xgzeam.jpg",[989,990,991,992,993,994,995],"https://res.cloudinary.com/djmoeekhd/image/upload/v1698680170/new_portfolio/hybrid_publishing/05_hybrid_publishing_systems_600h_cxonan.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1698680167/new_portfolio/hybrid_publishing/03_hybrid_publishing_systems_600h_u5i9gl.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1698680168/new_portfolio/hybrid_publishing/04_hybrid_publishing_systems_600h_vrht3o.jpg","https://res.cloudinary.com/djmoeekhd/video/upload/v1698680178/new_portfolio/hybrid_publishing/10_hybrid_publishing_systems_600h_juflgd.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1698680173/new_portfolio/hybrid_publishing/07_hybrid_publishing_systems_600h_x9nezg.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1698680173/new_portfolio/hybrid_publishing/08_hybrid_publishing_systems_600h_drgrho.jpg","https://res.cloudinary.com/djmoeekhd/image/upload/v1698680175/new_portfolio/hybrid_publishing/09_hybrid_publishing_systems_600h_ddxgpe.jpg",{"type":24,"children":997,"toc":1279},[998,1126,1133,1170,1177,1204,1207,1210,1218],{"type":27,"tag":28,"props":999,"children":1000},{},[1001,1047,1050,1053,1055,1063,1065,1070,1071,1076,1078,1083,1085,1088,1091,1093,1103,1105,1110,1112,1115,1118,1120,1123],{"type":27,"tag":32,"props":1002,"children":1003},{},[1004,1005,1011,1013,1020,1022,1029,1031,1038,1040],{"type":36,"value":37},{"type":27,"tag":39,"props":1006,"children":1009},{"href":1007,"rel":1008},"https://www.instagram.com/paulesr/",[43],[1010],{"type":36,"value":751},{"type":36,"value":1012}," and\n",{"type":27,"tag":39,"props":1014,"children":1017},{"href":1015,"rel":1016},"https://www.instagram.com/sozoejoanna/",[43],[1018],{"type":36,"value":1019},"Joanna Zoe Greiner",{"type":36,"value":1021},". Created in the context of the course \"\nHybrid Publishing\" at the University of Applied Sciences Mainz. Supervised by Interim-Prof.\n",{"type":27,"tag":39,"props":1023,"children":1026},{"href":1024,"rel":1025},"https://alexroidl.de/",[43],[1027],{"type":36,"value":1028},"Alexander Roidl",{"type":36,"value":1030}," in cooperation with ",{"type":27,"tag":39,"props":1032,"children":1035},{"href":1033,"rel":1034},"https://jeannevogt.de/",[43],[1036],{"type":36,"value":1037},"Jeanne Charlotte Vogt",{"type":36,"value":1039},"\nand ",{"type":27,"tag":39,"props":1041,"children":1044},{"href":1042,"rel":1043},"https://nodeforum.org/",[43],[1045],{"type":36,"value":1046},"Node Verein zur Förderung Digitaler Kultur e.V.",{"type":27,"tag":50,"props":1048,"children":1049},{},[],{"type":27,"tag":50,"props":1051,"children":1052},{},[],{"type":36,"value":1054},"\nThis hybrid publication is a collection of works created in the course ",{"type":27,"tag":32,"props":1056,"children":1057},{},[1058],{"type":27,"tag":73,"props":1059,"children":1060},{},[1061],{"type":36,"value":1062},"Hybrid Publishing",{"type":36,"value":1064},". In\naddition to the various projects, it contains ",{"type":27,"tag":32,"props":1066,"children":1067},{},[1068],{"type":36,"value":1069},"essays",{"type":36,"value":753},{"type":27,"tag":32,"props":1072,"children":1073},{},[1074],{"type":36,"value":1075},"research results",{"type":36,"value":1077}," and a ",{"type":27,"tag":32,"props":1079,"children":1080},{},[1081],{"type":36,"value":1082},"glossary",{"type":36,"value":1084}," on the topic\nof hybrid publishing. In this context, hybrid stands for multimedial, the separation of content and\nmedium that enables cross-media publishing.\n",{"type":27,"tag":50,"props":1086,"children":1087},{},[],{"type":27,"tag":50,"props":1089,"children":1090},{},[],{"type":36,"value":1092},"\nThe publication is designed as a website. The content can be printed in part or in its entirety. To\nmake this possible, the work is stored in a ",{"type":27,"tag":32,"props":1094,"children":1095},{},[1096],{"type":27,"tag":39,"props":1097,"children":1100},{"href":1098,"rel":1099},"https://www.mediawiki.org/wiki/MediaWiki",[43],[1101],{"type":36,"value":1102},"MediaWiki",{"type":36,"value":1104},".\nThe entries are displayed in the frontend and\ncan be added to the ",{"type":27,"tag":32,"props":1106,"children":1107},{},[1108],{"type":36,"value":1109},"print list",{"type":36,"value":1111}," by clicking the plus symbol. This means that you can print parts or\nthe whole publication. The generative design of the print product allows changes to be made at any\ntime. Like the website, the print version can grow.\n",{"type":27,"tag":50,"props":1113,"children":1114},{},[],{"type":27,"tag":50,"props":1116,"children":1117},{},[],{"type":36,"value":1119},"\nIn the web version, there is a column on the right-hand side with additional content, such as linked\nglossary entries. In this way, all the information needed to understand the project or essay is\navailable in one view. These links are automatically displayed with page references in the print\nversion.\n",{"type":27,"tag":50,"props":1121,"children":1122},{},[],{"type":27,"tag":50,"props":1124,"children":1125},{},[],{"type":27,"tag":28,"props":1127,"children":1128},{},[1129],{"type":27,"tag":73,"props":1130,"children":1131},{},[1132],{"type":36,"value":77},{"type":27,"tag":79,"props":1134,"children":1135},{},[1136,1146,1156],{"type":27,"tag":83,"props":1137,"children":1138},{},[1139],{"type":27,"tag":39,"props":1140,"children":1143},{"href":1141,"rel":1142},"https://pagedjs.org/",[43],[1144],{"type":36,"value":1145},"pagedjs",{"type":27,"tag":83,"props":1147,"children":1148},{},[1149],{"type":27,"tag":39,"props":1150,"children":1153},{"href":1151,"rel":1152},"https://vuejs.org/",[43],[1154],{"type":36,"value":1155},"vue.js",{"type":27,"tag":83,"props":1157,"children":1158},{},[1159,1164,1167],{"type":27,"tag":39,"props":1160,"children":1162},{"href":1098,"rel":1161},[43],[1163],{"type":36,"value":1102},{"type":27,"tag":50,"props":1165,"children":1166},{},[],{"type":27,"tag":50,"props":1168,"children":1169},{},[],{"type":27,"tag":28,"props":1171,"children":1172},{},[1173],{"type":27,"tag":73,"props":1174,"children":1175},{},[1176],{"type":36,"value":103},{"type":27,"tag":79,"props":1178,"children":1179},{},[1180,1192],{"type":27,"tag":83,"props":1181,"children":1182},{},[1183,1190],{"type":27,"tag":39,"props":1184,"children":1187},{"href":1185,"rel":1186},"https://timesnewarial.liebermannkiepereddemann.de/",[43],[1188],{"type":36,"value":1189},"Times New Arial",{"type":36,"value":1191}," by Studio Liebermann Kiepe Reddemann",{"type":27,"tag":83,"props":1193,"children":1194},{},[1195,1202],{"type":27,"tag":39,"props":1196,"children":1199},{"href":1197,"rel":1198},"https://charlotterohde.de/typefaces/",[43],[1200],{"type":36,"value":1201},"New Edge",{"type":36,"value":1203}," by Charlotte Rohde",{"type":27,"tag":50,"props":1205,"children":1206},{},[],{"type":27,"tag":50,"props":1208,"children":1209},{},[],{"type":27,"tag":28,"props":1211,"children":1212},{},[1213],{"type":27,"tag":73,"props":1214,"children":1215},{},[1216],{"type":36,"value":1217},"Inspiration, Research, Tools:",{"type":27,"tag":79,"props":1219,"children":1220},{},[1221],{"type":27,"tag":83,"props":1222,"children":1223},{},[1224,1226,1232],{"type":36,"value":1225},"are.na-Group ",{"type":27,"tag":39,"props":1227,"children":1230},{"href":1228,"rel":1229},"https://www.are.na/hybrid-publishing/channels",[43],[1231],{"type":36,"value":1062},{"type":27,"tag":79,"props":1233,"children":1234},{},[1235,1246,1257,1268],{"type":27,"tag":83,"props":1236,"children":1237},{},[1238,1240],{"type":36,"value":1239},"are.na-channel ",{"type":27,"tag":39,"props":1241,"children":1244},{"href":1242,"rel":1243},"https://www.are.na/hybrid-publishing/inspiration-x9u_7a7skig",[43],[1245],{"type":36,"value":940},{"type":27,"tag":83,"props":1247,"children":1248},{},[1249,1250],{"type":36,"value":1239},{"type":27,"tag":39,"props":1251,"children":1254},{"href":1252,"rel":1253},"https://www.are.na/hybrid-publishing/tools-6erryrnv66m",[43],[1255],{"type":36,"value":1256},"Tools",{"type":27,"tag":83,"props":1258,"children":1259},{},[1260,1261],{"type":36,"value":1239},{"type":27,"tag":39,"props":1262,"children":1265},{"href":1263,"rel":1264},"https://www.are.na/hybrid-publishing/experimentelle-publikationen",[43],[1266],{"type":36,"value":1267},"Experimentelle Publikationen",{"type":27,"tag":83,"props":1269,"children":1270},{},[1271,1272],{"type":36,"value":1239},{"type":27,"tag":39,"props":1273,"children":1276},{"href":1274,"rel":1275},"https://www.are.na/hybrid-publishing/joanna-paul-lars",[43],[1277],{"type":36,"value":1278},"Joanna, Paul & Lars",{"title":8,"searchDepth":154,"depth":154,"links":1280},[],"content:en:projects:hybrid_publishing_systems.md","en/projects/hybrid_publishing_systems.md","en/projects/hybrid_publishing_systems",{"_path":1285,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1286,"description":8,"slug":1287,"date":984,"medium":166,"commission":1288,"url":1289,"thumb":1290,"slider":1291,"body":1297,"_type":156,"_id":1387,"_source":158,"_file":1388,"_stem":1389,"_extension":161},"/en/projects/motionbank","motionbank.org","motionbank","commission","https://motionbank.org/","https://res.cloudinary.com/djmoeekhd/image/upload/v1707833004/new_portfolio/motionbank/00_motionbank_thumb_edfffy.png",[1292,1293,1294,1295,1296],"https://res.cloudinary.com/djmoeekhd/image/upload/v1707831125/new_portfolio/motionbank/01_motionbank_geschichte_fdjhjd.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1707831645/new_portfolio/motionbank/01_2_motionbank_mobil_puipbp.png","https://res.cloudinary.com/djmoeekhd/video/upload/v1707831126/new_portfolio/motionbank/02_motionbank_publikationen_dtlyla.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1707831125/new_portfolio/motionbank/03_motionbank_projekte_dzo18y.png","https://res.cloudinary.com/djmoeekhd/video/upload/v1707756568/new_portfolio/motionbank/04_motionbank_fyeg2z.mp4",{"type":24,"children":1298,"toc":1385},[1299,1339,1360,1363,1370],{"type":27,"tag":28,"props":1300,"children":1301},{},[1302,1314,1317,1320,1322,1327,1329,1332,1335],{"type":27,"tag":32,"props":1303,"children":1304},{},[1305,1306,1313],{"type":36,"value":37},{"type":27,"tag":39,"props":1307,"children":1310},{"href":1308,"rel":1309},"https://www.instagram.com/dianalysieren",[43],[1311],{"type":36,"value":1312},"Diana Butin",{"type":36,"value":48},{"type":27,"tag":50,"props":1315,"children":1316},{},[],{"type":27,"tag":50,"props":1318,"children":1319},{},[],{"type":36,"value":1321},"\nThe website of the interdisciplinary research project ",{"type":27,"tag":32,"props":1323,"children":1324},{},[1325],{"type":36,"value":1326},"Motion Bank",{"type":36,"value":1328}," presents various projects,\npublications and tools that have emerged from the project. Inspired by various Motion Bank tools\ndedicated to the annotation of dance, the design is based on texts annotated by hand. The graphic\nelements are based on the stylistic features of the logo.\n",{"type":27,"tag":50,"props":1330,"children":1331},{},[],{"type":27,"tag":50,"props":1333,"children":1334},{},[],{"type":27,"tag":73,"props":1336,"children":1337},{},[1338],{"type":36,"value":77},{"type":27,"tag":79,"props":1340,"children":1341},{},[1342,1350],{"type":27,"tag":83,"props":1343,"children":1344},{},[1345],{"type":27,"tag":39,"props":1346,"children":1348},{"href":1151,"rel":1347},[43],[1349],{"type":36,"value":1155},{"type":27,"tag":83,"props":1351,"children":1352},{},[1353],{"type":27,"tag":39,"props":1354,"children":1357},{"href":1355,"rel":1356},"https://directus.io/",[43],[1358],{"type":36,"value":1359},"directus",{"type":27,"tag":50,"props":1361,"children":1362},{},[],{"type":27,"tag":28,"props":1364,"children":1365},{},[1366],{"type":27,"tag":73,"props":1367,"children":1368},{},[1369],{"type":36,"value":103},{"type":27,"tag":79,"props":1371,"children":1372},{},[1373],{"type":27,"tag":83,"props":1374,"children":1375},{},[1376,1383],{"type":27,"tag":39,"props":1377,"children":1380},{"href":1378,"rel":1379},"https://www.omnibus-type.com/fonts/archivo/",[43],[1381],{"type":36,"value":1382},"Archivo",{"type":36,"value":1384}," by Gatti & Omnibus-Type Team",{"title":8,"searchDepth":154,"depth":154,"links":1386},[],"content:en:projects:motionbank.md","en/projects/motionbank.md","en/projects/motionbank",{"_path":1391,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1392,"description":1393,"slug":1394,"date":1395,"medium":1396,"commission":1397,"url":1398,"thumb":1399,"slider":1400,"body":1405,"_type":156,"_id":1513,"_source":158,"_file":1514,"_stem":1515,"_extension":161},"/en/projects/genetic_shape_generator","genetic shape generator","A tool to generate shapes","genetic_shape_generator","2022","webapp/tool","private project","https://shape.larshembacher.de/","https://res.cloudinary.com/djmoeekhd/image/upload/v1703699333/new_portfolio/genetic_shape_generator/03_genetic_kesuvn.png",[1401,1399,1402,1403,1404],"https://res.cloudinary.com/djmoeekhd/video/upload/v1703850975/new_portfolio/genetic_shape_generator/genetic_video_compressed_i3pk46.mp4","https://res.cloudinary.com/djmoeekhd/image/upload/v1703703287/new_portfolio/genetic_shape_generator/06_genetic_fpztos.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1703700533/new_portfolio/genetic_shape_generator/04_genetic_i1nehz.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1703703285/new_portfolio/genetic_shape_generator/07_genetic_aqfsig.png",{"type":24,"children":1406,"toc":1511},[1407,1447,1458,1461,1468,1483,1486,1494],{"type":27,"tag":28,"props":1408,"children":1409},{},[1410,1412,1415,1418,1420,1428,1430,1435,1437,1440,1443],{"type":36,"value":1411},"This tool can be used to create vector graphics based on a gene. The gene contains several\nparameters that control the properties of the shape. For example, the first two digits determine the\nnumber of columns of the grid used to generate the shape.\n",{"type":27,"tag":50,"props":1413,"children":1414},{},[],{"type":27,"tag":50,"props":1416,"children":1417},{},[],{"type":36,"value":1419},"\nFirst, a contour with random parameters can be generated. This already happens the first time the\npage is visited. To change the silhouette slightly, it is possible to mutate it and select one of\nthe mutations. If several polygons are to be generated in the same shape language, a new shape with\nthe same parameters is calculated by clicking on ",{"type":27,"tag":32,"props":1421,"children":1422},{},[1423],{"type":27,"tag":73,"props":1424,"children":1425},{},[1426],{"type":36,"value":1427},"new shape",{"type":36,"value":1429},". Finally, it is possible to edit the gene\nmanually in the ",{"type":27,"tag":32,"props":1431,"children":1432},{},[1433],{"type":36,"value":1434},"Gene Lab",{"type":36,"value":1436}," by clicking on it. It is also possible to change the color, which is\ndisplayed as a hexadecimal number in the last six digits.\n",{"type":27,"tag":50,"props":1438,"children":1439},{},[],{"type":27,"tag":50,"props":1441,"children":1442},{},[],{"type":27,"tag":73,"props":1444,"children":1445},{},[1446],{"type":36,"value":77},{"type":27,"tag":79,"props":1448,"children":1449},{},[1450],{"type":27,"tag":83,"props":1451,"children":1452},{},[1453],{"type":27,"tag":39,"props":1454,"children":1456},{"href":490,"rel":1455},[43],[1457],{"type":36,"value":494},{"type":27,"tag":50,"props":1459,"children":1460},{},[],{"type":27,"tag":28,"props":1462,"children":1463},{},[1464],{"type":27,"tag":73,"props":1465,"children":1466},{},[1467],{"type":36,"value":103},{"type":27,"tag":79,"props":1469,"children":1470},{},[1471],{"type":27,"tag":83,"props":1472,"children":1473},{},[1474,1481],{"type":27,"tag":39,"props":1475,"children":1478},{"href":1476,"rel":1477},"https://fonts.google.com/specimen/Space+Mono",[43],[1479],{"type":36,"value":1480},"Space Mono",{"type":36,"value":1482},"\nby Colophon Foundry",{"type":27,"tag":50,"props":1484,"children":1485},{},[],{"type":27,"tag":28,"props":1487,"children":1488},{},[1489],{"type":27,"tag":73,"props":1490,"children":1491},{},[1492],{"type":36,"value":1493},"Inspiration:",{"type":27,"tag":79,"props":1495,"children":1496},{},[1497],{"type":27,"tag":83,"props":1498,"children":1499},{},[1500,1502,1509],{"type":36,"value":1501},"Biomorph Computer Model\nin: ",{"type":27,"tag":39,"props":1503,"children":1506},{"href":1504,"rel":1505},"https://en.wikipedia.org/wiki/The_Blind_Watchmaker",[43],[1507],{"type":36,"value":1508},"The Blind Watchmaker",{"type":36,"value":1510}," by Richard Dawkins",{"title":8,"searchDepth":154,"depth":154,"links":1512},[],"content:en:projects:genetic_shape_generator.md","en/projects/genetic_shape_generator.md","en/projects/genetic_shape_generator",{"_path":1517,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1518,"description":8,"slug":1519,"date":1520,"medium":1521,"commission":541,"thumb":1522,"slider":1523,"body":1530,"_type":156,"_id":1729,"_source":158,"_file":1730,"_stem":1731,"_extension":161},"/en/projects/echo_room","Echo Room","echo_room","2020 2021","app","https://res.cloudinary.com/djmoeekhd/image/upload/v1698160034/new_portfolio/echo_room/echo_room_thumb_500_qfqzoz.png",[1524,1525,1526,1527,1528,1529],"https://res.cloudinary.com/djmoeekhd/image/upload/v1698160029/new_portfolio/echo_room/01_echo_room_h600_iiizfg.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1707146605/new_portfolio/echo_room/02_echo_room_ojxnis.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1707146604/new_portfolio/echo_room/03_echo_room_t2f9ez.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1707146603/new_portfolio/echo_room/04_echo_room_dtwv6e.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1707146603/new_portfolio/echo_room/05_echo_room_wvukm6.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1707146605/new_portfolio/echo_room/06_echo_room_fhaxsu.png",{"type":24,"children":1531,"toc":1727},[1532,1649,1667,1670,1677,1704,1707,1714],{"type":27,"tag":28,"props":1533,"children":1534},{},[1535,1546,1549,1552,1554,1557,1560,1562,1570,1572,1579,1581,1589,1591,1599,1601,1609,1611,1614,1617,1619,1627,1629,1637,1639,1642,1645],{"type":27,"tag":32,"props":1536,"children":1537},{},[1538,1539,1545],{"type":36,"value":320},{"type":27,"tag":39,"props":1540,"children":1543},{"href":1541,"rel":1542},"https://www.francesco-scheffczyk.de",[43],[1544],{"type":36,"value":769},{"type":36,"value":48},{"type":27,"tag":50,"props":1547,"children":1548},{},[],{"type":27,"tag":50,"props":1550,"children":1551},{},[],{"type":36,"value":1553},"\nThis app was designed to address the lack of clubbing and hedonistic entertainment during the Covid\npandemic. Based on user research, a prototype was developed to best meet the needs of the people\nsurveyed. The main goal was to create a club atmosphere in the users' rooms and make the presence of\nother people tangible.\n",{"type":27,"tag":50,"props":1555,"children":1556},{},[],{"type":27,"tag":50,"props":1558,"children":1559},{},[],{"type":36,"value":1561},"\nVia the ",{"type":27,"tag":32,"props":1563,"children":1564},{},[1565],{"type":27,"tag":73,"props":1566,"children":1567},{},[1568],{"type":36,"value":1569},"dashboard",{"type":36,"value":1571},", users can find current and upcoming events as well as local clubs that provide a\nlivestream on ",{"type":27,"tag":32,"props":1573,"children":1574},{},[1575],{"type":27,"tag":73,"props":1576,"children":1577},{},[1578],{"type":36,"value":1518},{"type":36,"value":1580},". Each event is ticketed, which benefits the club owners and DJs. A club can\noperate several ",{"type":27,"tag":32,"props":1582,"children":1583},{},[1584],{"type":27,"tag":73,"props":1585,"children":1586},{},[1587],{"type":36,"value":1588},"virtual rooms",{"type":36,"value":1590}," where programs in the form of live performances or other events can\ntake place. In the ",{"type":27,"tag":32,"props":1592,"children":1593},{},[1594],{"type":27,"tag":73,"props":1595,"children":1596},{},[1597],{"type":36,"value":1598},"livestream",{"type":36,"value":1600},", it is possible to share your own webcam image and see other\nparticipants. It is also possible to send ",{"type":27,"tag":32,"props":1602,"children":1603},{},[1604],{"type":27,"tag":73,"props":1605,"children":1606},{},[1607],{"type":36,"value":1608},"visuals",{"type":36,"value":1610}," that are directly superimposed on the livestream\nimage for all users to see.\n",{"type":27,"tag":50,"props":1612,"children":1613},{},[],{"type":27,"tag":50,"props":1615,"children":1616},{},[],{"type":36,"value":1618},"\nTo enhance the user experience, there are also ",{"type":27,"tag":32,"props":1620,"children":1621},{},[1622],{"type":27,"tag":73,"props":1623,"children":1624},{},[1625],{"type":36,"value":1626},"instructions",{"type":36,"value":1628}," on how to change the private space to\ncreate a different atmosphere from everyday life. A ",{"type":27,"tag":32,"props":1630,"children":1631},{},[1632],{"type":27,"tag":73,"props":1633,"children":1634},{},[1635],{"type":36,"value":1636},"beverage delivery service",{"type":36,"value":1638}," is also available for\nclub owners to use as an option.\n",{"type":27,"tag":50,"props":1640,"children":1641},{},[],{"type":27,"tag":50,"props":1643,"children":1644},{},[],{"type":27,"tag":73,"props":1646,"children":1647},{},[1648],{"type":36,"value":77},{"type":27,"tag":79,"props":1650,"children":1651},{},[1652,1657],{"type":27,"tag":83,"props":1653,"children":1654},{},[1655],{"type":36,"value":1656},"Figma",{"type":27,"tag":83,"props":1658,"children":1659},{},[1660],{"type":27,"tag":39,"props":1661,"children":1664},{"href":1662,"rel":1663},"https://processing.org/",[43],[1665],{"type":36,"value":1666},"Processing",{"type":27,"tag":50,"props":1668,"children":1669},{},[],{"type":27,"tag":28,"props":1671,"children":1672},{},[1673],{"type":27,"tag":73,"props":1674,"children":1675},{},[1676],{"type":36,"value":103},{"type":27,"tag":79,"props":1678,"children":1679},{},[1680,1692],{"type":27,"tag":83,"props":1681,"children":1682},{},[1683,1690],{"type":27,"tag":39,"props":1684,"children":1687},{"href":1685,"rel":1686},"https://www.canadatype.com/product/orpheus-pro/",[43],[1688],{"type":36,"value":1689},"Orpheus Pro",{"type":36,"value":1691}," by Canada Type",{"type":27,"tag":83,"props":1693,"children":1694},{},[1695,1702],{"type":27,"tag":39,"props":1696,"children":1699},{"href":1697,"rel":1698},"https://ohnotype.co/fonts/degular",[43],[1700],{"type":36,"value":1701},"Degular",{"type":36,"value":1703}," by OH no Type",{"type":27,"tag":50,"props":1705,"children":1706},{},[],{"type":27,"tag":28,"props":1708,"children":1709},{},[1710],{"type":27,"tag":73,"props":1711,"children":1712},{},[1713],{"type":36,"value":1493},{"type":27,"tag":79,"props":1715,"children":1716},{},[1717],{"type":27,"tag":83,"props":1718,"children":1719},{},[1720],{"type":27,"tag":39,"props":1721,"children":1724},{"href":1722,"rel":1723},"https://www.behance.net/collection/181006859/Club_Rettung",[43],[1725],{"type":36,"value":1726},"visual research",{"title":8,"searchDepth":154,"depth":154,"links":1728},[],"content:en:projects:echo_room.md","en/projects/echo_room.md","en/projects/echo_room",{"_path":1733,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1734,"description":8,"slug":1735,"date":1520,"medium":1736,"commission":541,"thumb":1737,"slider":1738,"body":1744,"_type":156,"_id":1831,"_source":158,"_file":1832,"_stem":1833,"_extension":161},"/en/projects/hexvj","HexVJ","hexvj","vjing tool","https://res.cloudinary.com/djmoeekhd/image/upload/v1707148002/new_portfolio/hexvj/hexvj_thumb_i1v3wy.png",[1737,1739,1740,1741,1742,1743],"https://res.cloudinary.com/djmoeekhd/image/upload/v1707148337/new_portfolio/hexvj/01_hexvj_oaj60g.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1707148335/new_portfolio/hexvj/02_hexvj_sdx4el.png","https://res.cloudinary.com/djmoeekhd/video/upload/v1707148332/new_portfolio/hexvj/03_hexvj_iikpp9.mp4","https://res.cloudinary.com/djmoeekhd/video/upload/v1707148333/new_portfolio/hexvj/04_hexvj_fqd0t2.mp4","https://res.cloudinary.com/djmoeekhd/video/upload/v1707148334/new_portfolio/hexvj/05_hexvj_xq0iyu.mp4",{"type":24,"children":1745,"toc":1829},[1746,1785,1806,1809,1817],{"type":27,"tag":28,"props":1747,"children":1748},{},[1749,1756,1758,1761,1764,1766,1773,1775,1778,1781],{"type":27,"tag":32,"props":1750,"children":1751},{},[1752],{"type":27,"tag":73,"props":1753,"children":1754},{},[1755],{"type":36,"value":1734},{"type":36,"value":1757}," is a tool for creating graphics that react to music. All you need to do is load a small\ncollection of images into the project folder and start the program. To make it easy to use, colors\nare extracted directly from the loaded image and used for the whole visual. This means that you can\nquickly change the colors of individual elements via an interface and still keep the color\ncombination consistent.\n",{"type":27,"tag":50,"props":1759,"children":1760},{},[],{"type":27,"tag":50,"props":1762,"children":1763},{},[],{"type":36,"value":1765},"\nA demo video with music is available ",{"type":27,"tag":39,"props":1767,"children":1770},{"href":1768,"rel":1769},"https://www.youtube.com/watch?v=neaYv98K6ZY",[43],[1771],{"type":36,"value":1772},"here",{"type":36,"value":1774},".\n",{"type":27,"tag":50,"props":1776,"children":1777},{},[],{"type":27,"tag":50,"props":1779,"children":1780},{},[],{"type":27,"tag":73,"props":1782,"children":1783},{},[1784],{"type":36,"value":77},{"type":27,"tag":79,"props":1786,"children":1787},{},[1788,1796],{"type":27,"tag":83,"props":1789,"children":1790},{},[1791],{"type":27,"tag":39,"props":1792,"children":1794},{"href":1662,"rel":1793},[43],[1795],{"type":36,"value":1666},{"type":27,"tag":83,"props":1797,"children":1798},{},[1799],{"type":27,"tag":39,"props":1800,"children":1803},{"href":1801,"rel":1802},"https://code.compartmental.net/minim/",[43],[1804],{"type":36,"value":1805},"minim",{"type":27,"tag":50,"props":1807,"children":1808},{},[],{"type":27,"tag":28,"props":1810,"children":1811},{},[1812],{"type":27,"tag":73,"props":1813,"children":1814},{},[1815],{"type":36,"value":1816},"Font:",{"type":27,"tag":79,"props":1818,"children":1819},{},[1820],{"type":27,"tag":83,"props":1821,"children":1822},{},[1823,1828],{"type":27,"tag":39,"props":1824,"children":1826},{"href":1476,"rel":1825},[43],[1827],{"type":36,"value":1480},{"type":36,"value":1482},{"title":8,"searchDepth":154,"depth":154,"links":1830},[],"content:en:projects:hexvj.md","en/projects/hexvj.md","en/projects/hexvj",{"_path":1835,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":1836,"description":8,"slug":1837,"date":1838,"medium":1839,"commission":541,"thumb":1840,"slider":1841,"body":1848,"_type":156,"_id":2041,"_source":158,"_file":2042,"_stem":2043,"_extension":161},"/en/projects/tuplet","Tuplet Magazine","tuplet","2019 2020","magazine","https://res.cloudinary.com/djmoeekhd/image/upload/v1703694158/new_portfolio/tuplet/00_tuplet_thumb_c2tp4u.png",[1842,1843,1844,1845,1846,1847],"https://res.cloudinary.com/djmoeekhd/image/upload/v1703694167/new_portfolio/tuplet/01_tuplet_giikjm.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1703694168/new_portfolio/tuplet/02_tuplet_zigvow.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1703694168/new_portfolio/tuplet/03_tuplet_v10kcp.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1703694170/new_portfolio/tuplet/04_tuplet_gzjhqe.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1703694170/new_portfolio/tuplet/05_tuplet_zfo5lq.png","https://res.cloudinary.com/djmoeekhd/image/upload/v1703694172/new_portfolio/tuplet/06_tuplet_ucfchg.png",{"type":24,"children":1849,"toc":2039},[1850,1936,1987,1990,1997,2005,2008,2016],{"type":27,"tag":28,"props":1851,"children":1852},{},[1853,1858,1861,1864,1866,1873,1875,1883,1885,1888,1891,1893,1900,1901,1909,1911,1914,1917,1919,1924,1926,1929,1932],{"type":27,"tag":32,"props":1854,"children":1855},{},[1856],{"type":36,"value":1857},"A magazine about polyrhythms and mathematical relationships in music and color theory.",{"type":27,"tag":50,"props":1859,"children":1860},{},[],{"type":27,"tag":50,"props":1862,"children":1863},{},[],{"type":36,"value":1865},"\nThis magazine deals with the subject of order in music. Inspired by a ",{"type":27,"tag":39,"props":1867,"children":1870},{"href":1868,"rel":1869},"https://www.youtube.com/watch?v=JiNKlhspdKg",[43],[1871],{"type":36,"value":1872},"talk",{"type":36,"value":1874}," by ",{"type":27,"tag":32,"props":1876,"children":1877},{},[1878],{"type":27,"tag":73,"props":1879,"children":1880},{},[1881],{"type":36,"value":1882},"Adam Neely",{"type":36,"value":1884}," at the Loop\nFestival, it explores how order, in the sense of rhythm and mathematical relationships between tonal\nintervals, can create musical harmony. It also explores whether this system can be applied to color\ntheory.\n",{"type":27,"tag":50,"props":1886,"children":1887},{},[],{"type":27,"tag":50,"props":1889,"children":1890},{},[],{"type":36,"value":1892},"\nIn addition, the concept of decoupling rhythm from the given grid of notation is discussed. Based on\nan ",{"type":27,"tag":39,"props":1894,"children":1897},{"href":1895,"rel":1896},"http://general-theory-of-rhythm.org/diversity-of-grooves-its-all-about-da-weight/",[43],[1898],{"type":36,"value":1899},"article",{"type":36,"value":1874},{"type":27,"tag":32,"props":1902,"children":1903},{},[1904],{"type":27,"tag":73,"props":1905,"children":1906},{},[1907],{"type":36,"value":1908},"Malcolm Braff",{"type":36,"value":1910},", it describes how a different sense of rhythm can be created by\ninterpolating two rhythms.\n",{"type":27,"tag":50,"props":1912,"children":1913},{},[],{"type":27,"tag":50,"props":1915,"children":1916},{},[],{"type":36,"value":1918},"\nThe design of the magazine is based on the concept of ",{"type":27,"tag":32,"props":1920,"children":1921},{},[1922],{"type":36,"value":1923},"\"harmonic relationship\"",{"type":36,"value":1925}," and therefore has a 2:\n3 format. In addition, the title pages are always designed as a visual analogy to the content of the\nchapter.\n",{"type":27,"tag":50,"props":1927,"children":1928},{},[],{"type":27,"tag":50,"props":1930,"children":1931},{},[],{"type":27,"tag":73,"props":1933,"children":1934},{},[1935],{"type":36,"value":103},{"type":27,"tag":79,"props":1937,"children":1938},{},[1939,1951,1963,1975],{"type":27,"tag":83,"props":1940,"children":1941},{},[1942,1949],{"type":27,"tag":39,"props":1943,"children":1946},{"href":1944,"rel":1945},"http://studiotriple.fr/travaux/typefaces/pilowlava/",[43],[1947],{"type":36,"value":1948},"Pilowlava",{"type":36,"value":1950}," by Anton Moglia & Jérémy Landes",{"type":27,"tag":83,"props":1952,"children":1953},{},[1954,1961],{"type":27,"tag":39,"props":1955,"children":1958},{"href":1956,"rel":1957},"https://www.kimberlygeswein.com/downloads/kg-nothing-you-could-do/",[43],[1959],{"type":36,"value":1960},"Nothing You Could Do",{"type":36,"value":1962}," by\nKimberly Geswein",{"type":27,"tag":83,"props":1964,"children":1965},{},[1966,1973],{"type":27,"tag":39,"props":1967,"children":1970},{"href":1968,"rel":1969},"https://fonts.google.com/specimen/Roboto+Mono",[43],[1971],{"type":36,"value":1972},"Roboto Mono",{"type":36,"value":1974}," by Christian Robertson",{"type":27,"tag":83,"props":1976,"children":1977},{},[1978,1985],{"type":27,"tag":39,"props":1979,"children":1982},{"href":1980,"rel":1981},"https://www.linotype.com/de/526717/ff-meta-schriftfamilie.html",[43],[1983],{"type":36,"value":1984},"FF Meta",{"type":36,"value":1986}," by Erik Spiekermann",{"type":27,"tag":50,"props":1988,"children":1989},{},[],{"type":27,"tag":28,"props":1991,"children":1992},{},[1993],{"type":27,"tag":73,"props":1994,"children":1995},{},[1996],{"type":36,"value":77},{"type":27,"tag":79,"props":1998,"children":1999},{},[2000],{"type":27,"tag":83,"props":2001,"children":2002},{},[2003],{"type":36,"value":2004},"Indesign, Illustrator",{"type":27,"tag":50,"props":2006,"children":2007},{},[],{"type":27,"tag":28,"props":2009,"children":2010},{},[2011],{"type":27,"tag":73,"props":2012,"children":2013},{},[2014],{"type":36,"value":2015},"Further Research:",{"type":27,"tag":79,"props":2017,"children":2018},{},[2019,2029],{"type":27,"tag":83,"props":2020,"children":2021},{},[2022],{"type":27,"tag":39,"props":2023,"children":2026},{"href":2024,"rel":2025},"https://placard.ficedl.info/article3200.html?lang=fr",[43],[2027],{"type":36,"value":2028},"Trou Noir poster",{"type":27,"tag":83,"props":2030,"children":2031},{},[2032],{"type":27,"tag":39,"props":2033,"children":2036},{"href":2034,"rel":2035},"https://www.crj-online.org/v10/CRJ-Terrones-5.php",[43],[2037],{"type":36,"value":2038},"Trou Noir concerts",{"title":8,"searchDepth":154,"depth":154,"links":2040},[],"content:en:projects:tuplet.md","en/projects/tuplet.md","en/projects/tuplet",1777919186344]