https://afridaportfolio.netlify.app/_nuxt/BCz3VuL-.js

1import{_ as B}from"./CDXPkK3Z.js";import{_ as C}from"./D6m8WygO.js";import{_ as I}from"./C9gvvVI-.js";import{f as A,g as F,h as m,i as S,j as R,k as T,c as d,o as u,a as i,b as c,w as L,l as g,m as a,F as P,r as q,t as N}from"./CHawwk7c.js";const E={class:"max-w-7xl mx-auto px-4 sm:px-2 lg:px-8 py-8"},j={class:"text-3xl md:text-4xl poppins-semibold mb-8 text-teal-600 flex items-center gap-4"},G={class:"filter-badge mb-8"},$={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 auto-rows-[200px] grid-flow-dense"},H=["onClick"],M={class:"relative w-full h-full"},O=["src","alt"],V={class:"absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-6"},W={class:"text-xl font-semibold text-white"},Z=A({__name:"animation",setup(X){const h=[{title:"The Lighthouse",image:"https://ik.imagekit.io/8nyszdblwle/muna/sea.gif",class:"md:row-span-2 md:col-span-1",original:"https://drive.google.com/file/d/1QXbg3N76g6XRn5Gp4RSyAB2meUpylTDw/view",bts:!0,type:"3D"},{title:"Dream",image:"https://ik.imagekit.io/8nyszdblwle/muna/Dream.gif",class:"md:row-span-2 md:col-span-1",original:"https://drive.google.com/file/d/1beBHqoq3kepICPkjnG0zFDSsPMOcfBnn/preview",bts:!0,type:"3D"},{title:"Skateboard",image:"https://ik.imagekit.io/8nyszdblwle/muna/skateboard-v3-optimize.gif",class:"md:row-span-2 md:col-span-2",original:"https://player.vimeo.com/video/1063391371?badge=0&autopause=0&player_id=0&app_id=58479",bts:!0,type:"3D"},{title:"Scooter Ride",image:"https://ik.imagekit.io/8nyszdblwle/muna/scooty.gif",original:"https://player.vimeo.com/video/1064053777?badge=0&autopause=0&player_id=0&app_id=58479",class:"md:row-span-2 md:col-span-1",bts:!0,type:"3D"},{title:"The Performance",image:"https://ik.imagekit.io/8nyszdblwle/muna/protest.gif",class:"md:row-span-2 md:col-span-1",original:"https://drive.google.com/file/d/1A1otIokCGTxiFGxPA9NFIy12qSHSvPC3/preview",medium:"After Effects, Photoshop",description:"This animation reflects the turmoil of a protest in Bangladesh, where peaceful demonstrators were met with violence. The government, accused of orchestrating the bloodshed, shifted blame onto the opposition, creating a spectacle of deception and chaos. Inspired by these events, the piece reimagines the country as a theatrical stage where destruction and manipulation unfold while everything burns in the background. Through vibrant visuals and evocative storytelling, the animation captures the tension between truth and propaganda, paying tribute to the fallen while critiquing the absurdity of the situation.",type:"2D"},{title:"Music of the Forest",image:"https://ik.imagekit.io/8nyszdblwle/muna/flute.gif",class:"md:row-span-2 md:col-span-1",original:"https://player.vimeo.com/video/1064055226?badge=0&autopause=0&player_id=0&app_id=58479",medium:"Blender",type:"3D",bts:!0},{title:"Blooming Flowers",image:"https://ik.imagekit.io/8nyszdblwle/muna/computer.gif",class:"md:row-span-2 md:col-span-1",original:"https://player.vimeo.com/video/1063392118?badge=0&autopause=0&player_id=0&app_id=58479",medium:"2D, After Effects, Illustrator",type:"2D",bts:!0},{title:"Wildfire",image:"https://ik.imagekit.io/8nyszdblwle/muna/wild.gif",class:"md:row-span-2 md:col-span-1",original:"https://player.vimeo.com/video/1065191431?badge=0&autopause=0&player_id=0&app_id=58479",medium:"PhotoShop, After Effects",type:"2D",bts:!0},{title:"Beats",image:"https://ik.imagekit.io/8nyszdblwle/muna/anger.gif",class:"md:row-span-2 md:col-span-1",original:"https://ik.imagekit.io/8nyszdblwle/muna/anger.gif",type:"2D",bts:!0},{title:"Where's my mind",image:"https://ik.imagekit.io/8nyszdblwle/muna/where_s_my_mind.gif",class:"md:row-span-2 md:col-span-2",original:"https://player.vimeo.com/video/1064054298?autoplay=1&loop=1&badge=0&autopause=0&player_id=0&app_id=58479",medium:"3D Illustration, Blender",type:"3D",description:"Diving into the ocean to feel a peace of mind and to break free from the mediocrity of life.This animation is a mix of 3D and 2D elements. Character animation was done by rotoscoping. The ocean was done in Blender using wave simulation and a custom node shader was a

1pplied to give a 2D look."},{title:"Bored Ghost",type:"2D",image:"https://ik.imagekit.io/8nyszdblwle/muna/bts/sadghost-optimize.gif?tr=f-auto",class:"md:row-span-2 md:col-span-1",original:"https://player.vimeo.com/video/1065204133?autoplay=1&loop=1&badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479",medium:"PhotoShop, After Effects",description:"I often wonder if ghosts, endlessly free to wander, ever grow weary of their solitude."}],l=F(),f=m([]),o=m(""),r=m(!1),b=m(0),p=S(()=>o.value?h.filter(t=>t.type===o.value):h);function y(t,e){f.value=t,b.value=e,r.value=!0,_(e)}function v(){r.value=!1,document.body.style.overflow="auto",l.replace({hash:""})}function x(t){o.value===t?o.value="":o.value=t}function _(t){l.push({query:{index:t.toString()}})}function w(t){const e=t||l.currentRoute.value.query.index;if(e){const s=parseInt(e,10);!isNaN(s)&&s>=0&&s<p.value.length&&y(p.value,s)}}return R(()=>{w(null)}),T(()=>l.currentRoute.value.query,t=>{!t.index&&r.value?v():t.index&&w(t.index)},{deep:!0}),(t,e)=>{const s=B,D=C,z=I;return u(),d("div",E,[i("section",null,[i("h2",j,[c(D,{to:"/"},{default:L(()=>[c(s)]),_:1}),e[2]||(e[2]=i("span",null,"Animation",-1))]),e[3]||(e[3]=i("div",{class:"mb-4"},[i("h2",{class:"text-2xl poppins-semibold mb-4 text-teal-600"},"Reel 2025"),i("iframe",{src:"https://player.vimeo.com/video/1153732110?badge=0&autopause=0&player_id=0&app_id=58479",style:{border:"0",margin:"0 auto",width:"100%","min-height":"650px","margin-bottom":"4rem","object-fit":"contain"}})],-1)),e[4]||(e[4]=i("h2",{class:"text-2xl poppins-semibold mb-4 text-teal-600"}," Explore All ",-1)),i("div",G,[i("button",{onClick:e[0]||(e[0]=n=>x("3D")),class:g(["text-teal-600 text-md px-6 py-2 rounded-full border border-teal-600 mr-2",a(o)==="3D"?"bg-teal-600 text-white":null])}," 3D ",2),i("button",{onClick:e[1]||(e[1]=n=>x("2D")),class:g(["text-teal-600 text-md px-6 py-2 rounded-full border border-teal-600",a(o)==="2D"?"bg-teal-600 text-white":null])}," 2D ",2)]),i("div",$,[(u(!0),d(P,null,q(a(p),(n,k)=>(u(),d("div",{key:k,class:g(["group cursor-pointer rounded-md overflow-hidden fade-up",n.class]),onClick:Q=>y(a(p),k)},[i("div",M,[i("img",{src:n.image,alt:n.title,class:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"},null,8,O),i("div",V,[i("h3",W,N(n.title),1)])])],10,H))),128))])]),c(z,{"is-open":a(r),index:a(b),images:a(f),"media-type":"animation",onClose:v,onRouteChange:_},null,8,["is-open","index","images"])])}}});export{Z as default};