1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[541],{5648:e=>{e.exports={Title:"lab_Title___Gb_O",gridContainer:"lab_gridContainer__zpARc",grid:"lab_grid__wlGfu",card:"lab_card__JsE6g",Image:"lab_Image__wfScY",textCont:"lab_textCont__EQq27",dataContainer:"lab_dataContainer__Zk21R",fieldset:"lab_fieldset__4AYLO",canvasContainer:"lab_canvasContainer__wwB_Z",option:"lab_option__2efm_",rangeInp:"lab_rangeInp__ErBxS"}},6451:(e,i,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/lab",function(){return a(6566)}])},6566:(e,i,a)=>{"use strict";a.r(i),a.d(i,{default:()=>m});var t=a(7876);let n=[{id:"flowfield",title:"Flow Field",desc:"A flow field in short is a group of vectors in a grid that tells the items closest to them how to move or act. Test out various flow field configurations in this demo",date:"20/6/2025",image:{img:"/images/creating-art-with-code/cover.png",alt:"pink lines in a wave like pattern"}},{id:"derivative",title:"Derivative Calc",desc:"A calculator for finding the derivative of a function using python.",date:"21/6/2025",image:{img:"/images/why-do-i-code/myplot.png",alt:"A graph showing the function of sine, and its derivative, cosine"}},{id:"glitch",title:"Glitchifier",desc:"An in-browser tool for making glitch images with canvas",date:"12/8/2025",image:{img:"/images/glitch-art/gradient.png",alt:"blue and red noise gradient"}}];var l=a(8230),r=a.n(l),s=a(4587),d=a.n(s),o=a(5648),c=a.n(o);function _(e){let{labEntry:i}=e;return(0,t.jsx)("div",{className:c().card,children:(0,t.jsx)(r(),{href:"/lab/".concat(i.id),children:(0,t.jsxs)("section",{children:[(0,t.jsx)(d(),{src:i.image.img,alt:i.image.alt,width:300,height:200,quality:100,className:c().Image}),(0,t.jsxs)("div",{className:c().textCont,children:[(0,t.jsx)("h2",{children:i.title}),(0,t.jsx)("p",{children:i.desc}),(0,t.jsx)("time",{children:i.date})]})]})},i.id)})}var h=a(7328),g=a.n(h);function m(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g(),{children:(0,t.jsx)("title",{children:"Lab | Mohamed Sheref"})}),(0,t.jsx)("div",{className:c().Title,children:(0,t.jsx)("h1",{children:"Welcome to the lab!"})}),(0,t.jsx)("div",{className:c().gridContainer,children:(0,t.jsx)("div",{className:c().grid,children:n.map(e=>(0,t.jsx)(_,{labEntry:e},e.id))})})]})}}},e=>{e.O(0,[587,636,593,792],()=>e(e.s=6451)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.