3:I[9275,[],""]
4:I[1343,[],""]
5:I[5210,["402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","185","static/chunks/app/layout-9fe92dea0d13d4c0.js"],"RootLayout"]
6:I[5112,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","223","static/chunks/app/portfolio/rrze/page-3e1add41569fbc5e.js"],"FadeIn"]
7:I[231,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","223","static/chunks/app/portfolio/rrze/page-3e1add41569fbc5e.js"],""]
0:["WfSekKNcB04V1YUPAv2fB",[[["",{"children":["portfolio",{"children":["rrze",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["portfolio",{"children":["rrze",{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children","rrze","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6e8bdfd1dcc78b42.css","precedence":"next","crossOrigin":"$undefined"}]]}],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","html",null,{"lang":"en","className":"h-full bg-green-950 text-base antialiased","children":["$","body",null,{"className":"flex min-h-full flex-col","children":["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 flex h-full items-center pt-24 sm:pt-32 lg:pt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"flex max-w-xl flex-col items-center text-center","children":[["$","p",null,{"className":"font-display text-4xl font-semibold text-neutral-950 sm:text-5xl","children":"404"}],["$","h1",null,{"className":"mt-4 font-display text-2xl font-semibold text-neutral-950","children":"Seite nicht gefunden :-("}],["$","p",null,{"className":"mt-2 text-sm text-neutral-600","children":"Sorry, ich konnte die Seite die du suchst nicht finden."}],["$","$L7",null,{"href":"/","className":"mt-4 text-sm font-semibold text-neutral-950 transition hover:text-neutral-700","children":"Zurück zur Startseite"}]]}]}]}],"notFoundStyles":[],"styles":null}]}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/ee1ad191280b18b8.css","precedence":"next","crossOrigin":"$undefined"}]],"$L8"]]]]
8:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Regionales Rechenzentrum Erlangen Case Study - Lukas Niebler"}],["$","meta","3",{"name":"description","content":"Mehr als 800 Websites nutzen das Webhosting des RRZE. Im Rahmen der Umstellung auf den Blockeditor, wurden interaktive Gestaltungselemente entwickelt."}]]
1:null
9:I[8355,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","223","static/chunks/app/portfolio/rrze/page-3e1add41569fbc5e.js"],"GrayscaleTransitionImage"]
a:I[5112,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","223","static/chunks/app/portfolio/rrze/page-3e1add41569fbc5e.js"],"FadeInStagger"]
b:I[9342,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","223","static/chunks/app/portfolio/rrze/page-3e1add41569fbc5e.js"],"GridPattern"]
2:[["$","article",null,{"className":"mt-24 sm:mt-32 lg:mt-40","children":[["$","header",null,{"children":[["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40 text-center","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"children":[["$","h1",null,{"children":[["$","span",null,{"className":"block font-display text-base font-semibold text-neutral-950","children":"Portfolio"}],["$","span",null,{"className":"sr-only","children":" - "}],["$","span",null,{"className":"mt-6 block max-w-5xl font-display text-5xl font-medium tracking-tight text-neutral-950 [text-wrap:balance] sm:text-6xl mx-auto","children":"WordPress Blockentwicklung für interaktive Gestaltungselemente"}]]}],["$","div",null,{"className":"mt-6 max-w-3xl text-xl text-neutral-600 mx-auto","children":["$","p",null,{"children":"Mehr als 800 Websites nutzen das Webhosting des RRZE. Im Rahmen der Umstellung auf den Blockeditor, wurden interaktive Gestaltungselemente entwickelt."}]}]]}]}]}],["$","$L6",null,{"children":[["$","div",null,{"className":"mt-24 border-t border-neutral-200 bg-white/50 sm:mt-32 lg:mt-40","children":["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","div",null,{"className":"mx-auto max-w-5xl","children":["$","dl",null,{"className":"-mx-6 grid grid-cols-1 text-sm text-neutral-950 sm:mx-0 sm:grid-cols-3","children":[["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Stakeholder"}],["$","dd",null,{"children":"Regionales Rechenzentrum Erlangen"}]]}],["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Jahr"}],["$","dd",null,{"children":["$","time",null,{"dateTime":"2024","children":"2024"}]}]]}],["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Service"}],["$","dd",null,{"children":"Webentwicklung, WordPress"}]]}]]}]}]}]}]}],["$","div",null,{"className":"border-y border-neutral-200 bg-neutral-100","children":["$","div",null,{"className":"-my-px mx-auto max-w-[76rem] bg-neutral-200","children":["$","$L9",null,{"quality":90,"className":"w-full","sizes":"(min-width: 1216px) 76rem, 100vw","priority":true}]}]}]]}]]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"children":["$","div",null,{"className":"[&>*]:mx-auto [&>*]:max-w-3xl [&>:first-child]:!mt-0 [&>:last-child]:!mb-0","children":[["$","div",null,{"className":"typography","children":["\n","\n","\n",["$","h2",null,{"children":"Übersicht"}],"\n",["$","p",null,{"children":"Im Rahmen meiner Arbeit entwickele ich das Plugin RRZE-Elements-Blocks. Das WordPress-Plugin ermöglicht Nutzern des universitären Content Management Dienstes, interaktive Gestaltungselemente und Blöcke zu nutzen."}],"\n",["$","p",null,{"children":"Im Hintergrund des Plugins wird TypeScript verwendet, um die Fehlerrate zu minimieren und die Wartbarkeit zu erhöhen. Die Blöcke sind abwärtskompatibel mit vielen der alten Shortcodes nutzbar und versuchen teilweise auch automatisch von Shortcode auf Block-Elemente umzustellen."}],"\n",["$","p",null,{"children":["Im ",["$","a",null,{"href":"https://github.com/RRZE-Webteam/rrze-elements-blocks","children":"GitHub-Repository"}]," des Plugins können Entwickler die Entwicklung des Plugins verfolgen und Fehler melden."]}],"\n",["$","h2",null,{"children":"Was ich gemacht habe"}],"\n"]}],["$","ul",null,{"role":"list","className":"my-6 flex flex-wrap gap-4","children":[["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"WordPress Plugin Entwicklung"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"TypeScript"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Animation mit GSAP"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Blockentwicklung"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Redux"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"React"}]]}],["$","div",null,{"className":"typography","children":["\n",["$","h2",null,{"children":"Das Plugin in Zahlen"}],"\n",["$","p",null,{"children":"Neben vielen schlaflosen Nächten und einer immer noch endlosen Lernkurve. (Stand 24. Dezember 2024)"}],"\n"]}],["$","$La",null,{"className":"my-32 !max-w-none","children":["$","dl",null,{"className":"grid grid-cols-1 gap-10 sm:grid-cols-2 lg:auto-cols-fr lg:grid-flow-col lg:grid-cols-none","children":[["$","$L6",null,{"className":"flex flex-col-reverse pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Commits"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"477"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Pull requests"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"63"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Closed Issues"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"108"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Closed Milestones"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"12"}]]}]]}]}],["$","div",null,{"className":"typography","children":["\n","\n"]}]]}]}]}]}]]}],["$","div",null,{"className":"relative pt-24 sm:pt-32 lg:pt-40 mt-24 sm:mt-32 lg:mt-40","children":[["$","div",null,{"className":"absolute inset-x-0 top-0 -z-10 h-[884px] overflow-hidden rounded-t-4xl bg-gradient-to-b from-neutral-50","children":["$","$Lb",null,{"className":"absolute inset-0 h-full w-full fill-neutral-100 stroke-neutral-950/5 [mask-image:linear-gradient(to_bottom_left,white_40%,transparent_50%)]","yOffset":-270}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"max-w-2xl","children":[["$","h2",null,{"children":["$undefined",["$","span",null,{"className":"block font-display tracking-tight [text-wrap:balance] text-2xl font-semibold text-neutral-950","children":"Weitere Portfolio Projekte"}]]}],"$undefined"]}]}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-16","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$La",null,{"className":"grid grid-cols-1 gap-x-8 gap-y-16 lg:grid-cols-2","children":[["$","$L6","/portfolio/fau-webrelaunch",{"children":["$","article","/portfolio/fau-webrelaunch",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"Webrelaunch der Friedrich-Alexander-Universität Erlangen-Nürnberg"}],["$","time",null,{"dateTime":"2026-04","className":"order-first text-sm text-neutral-600","children":"April 2026"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Technische Dokumentation und Vektoranimationen für die Einführung von Matrix an der FAU."}],["$","$L7",null,{"href":"/portfolio/fau-webrelaunch","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Weiterlesen: Webrelaunch der Friedrich-Alexander-Universität Erlangen-Nürnberg","children":["Weiterlesen",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}],["$","$L6","/portfolio/niehoff",{"children":["$","article","/portfolio/niehoff",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"Webdesign für Romantasy Autorin"}],["$","time",null,{"dateTime":"2024-06","className":"order-first text-sm text-neutral-600","children":"Juni 2024"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Webdesign passend zum Genre Romantasy. Jede Buchreihe in einem eigenen Farbschema mit globalem Designsystem"}],["$","$L7",null,{"href":"/portfolio/niehoff","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Weiterlesen: Webdesign für Romantasy Autorin","children":["Weiterlesen",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}]]}]}]}]]}]]