https://www.sakualy.ai/_next/static/chunks/1dc60b90d6477e17.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,40294,e=>{"use strict";var t=e.i(43476),i=e.i(71645);function a(){let e=(0,i.useRef)(null),a=(0,i.useRef)(0),r=(0,i.useRef)([]),l=[{r:255,g:255,b:255},{r:200,g:220,b:255},{r:0,g:212,b:255},{r:147,g:51,b:234}];return(0,i.useEffect)(()=>{let t=e.current;if(!t)return;let i=t.getContext("2d");if(!i)return;let s=0,o=0,n=()=>{t.width=window.innerWidth,t.height=window.innerHeight,s=t.width/2,o=t.height/2,c()},c=()=>{r.current=[];for(let e=0;e<800;e++)r.current.push(d(!0))},d=(e=!1)=>{let i=Math.floor(Math.random()*l.length),a=e?Math.random()*t.width:t.width;return{x:(Math.random()-.5)*t.width*2,y:(Math.random()-.5)*t.height*2,z:a,pz:a,color:{...l[i]}}},h=()=>{if(i&&t){for(let e of(i.fillStyle="rgba(10, 10, 20, 0.2)",i.fillRect(0,0,t.width,t.height),r.current)){if(e.pz=e.z,e.z-=4,e.z<=0){e.x=(Math.random()-.5)*t.width*2,e.y=(Math.random()-.5)*t.height*2,e.z=t.width,e.pz=t.width;let i=Math.floor(Math.random()*l.length);e.color={...l[i]}}let a=e.x/e.z*t.width+s,r=e.y/e.z*t.height+o,n=e.x/e.pz*t.width+s,c=e.y/e.pz*t.height+o,d=Math.max(.5,(1-e.z/t.width)*4),h=1-e.z/t.width,m=i.createLinearGradient(n,c,a,r);m.addColorStop(0,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, 0)`),m.addColorStop(1,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${h})`),i.strokeStyle=m,i.lineWidth=.7*d,i.beginPath(),i.moveTo(n,c),i.lineTo(a,r),i.stroke(),i.fillStyle=`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${h})`,i.beginPath(),i.arc(a,r,d,0,2*Math.PI),i.fill(),h>.5&&(i.fillStyle=`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${.2*h})`,i.beginPath(),i.arc(a,r,3*d,0,2*Math.PI),i.fill())}a.current=requestAnimationFrame(h)}};return n(),window.addEventListener("resize",n),i.fillStyle="rgb(10, 10, 20)",i.fillRect(0,0,t.width,t.height),a.current=requestAnimationFrame(h),()=>{window.removeEventListener("resize",n),cancelAnimationFrame(a.current)}},[]),(0,t.jsx)("canvas",{ref:e,className:"fixed inset-0 -z-10",style:{background:"rgb(10, 10, 20)"}})}e.s(["default",()=>a])},62564,e=>{"use strict";var t=e.i(43476),i=e.i(71645);function a({texts:e,interval:a=6e3}){let[r,l]=(0,i.useState)(0),[s,o]=(0,i.useState)([]),[n,c]=(0,i.useState)("idle"),d=(0,i.useRef)(null),h=(0,i.useRef)(0),m=e[r],u=m.top.split(""),x=m.bottom.split(""),p=u.length+x.length;(0,i.useEffect)(()=>{"emerging"===n?o(Array(p).fill("emerging")):o(Array(p).fill("visible"))},[r,p,n]),(0,i.useEffect)(()=>{let e=d.current;if(!e)return;let t=e.getContext("2d");if(!t)return;e.width=120,e.height=120;let i=0,a=()=>{t.clearRect(0,0,e.width,e.height);let r=e.width/2,l=e.height/2;for(let e=3;e>=0;e--){let a=15+8*e;t.save(),t.translate(r,l),t.rotate(i*(.04+.01*e));let s=t.createRadialGradient(0,0,a-8,0,0,a+8),o=(200+50*e+4*i)%360;s.addColorStop(0,`hsla(${o}, 80%, 60%, 0)`),s.addColorStop(.5,`hsla(${o}, 85%, 65%, 0.6)`),s.addColorStop(1,`hsla(${o}, 80%, 60%, 0)`),t.fillStyle=s,t.beginPath(),t.ellipse(0,0,a,.35*a,0,0,2*Math.PI),t.fill(),t.restore()}let s=t.createRadialGradient(r,l,0,r,l,20);s.addColorStop(0,"rgba(0,0,0,1)"),s.addColorStop(.8,"rgba(0,0,0,1)"),s.addColorStop(1,"rgba(0,0,0,0)"),t.fillStyle=s,t.beginPath(),t.arc(r,l,20,0,2*Math.PI),t.fill(),t.strokeStyle=`rgba(0, 212, 255, ${.7+.3*Math.sin(.1*i)})`,t.lineWidth=2,t.beginPath(),t.arc(r,l,15,0,2*Math.PI),t.stroke(),i++,h.current=requestAnimationFrame(a)};return a(),()=>cancelAnimationFrame(h.current)},[]);let g=(0,i.useCallback)(()=>{c("absorbing");let t=0,i=()=>{t>=p?setTimeout(()=>{c("emerging"),l(t=>(t+1)%e.length)},600):(o(e=>{let i=[...e];return i[t]="absorbing",i}),t++,setTimeout(i,70))};i()},[p,e.length]);(0,i.useEffect)(()=>{if("emerging"===n){let e=setTimeout(()=>{c("idle")},50*p+600);return()=>clearTimeout(e)}},[n,p]),(0,i.useEffect)(()=>{let e=setInterval(g,a);return()=>clearInterval(e)},[g,a]);let f=e=>{let t=s[e];return"absorbing"===t?"letter-absorbing":"emerging"===t?"letter-emerging":""},b=e=>"emerging"===s[e]?{animationDelay:`${.04*e}s`}:{};return(0,t.jsxs)("div",{className:"relative flex items-center justify-center mb-12",children:[(0,t.jsx)("div",{className:"absolute right-[-10px] md:right-[-40px] top-1/2 -translate-y-1/2 z-10",children:(0,t.jsx)("canvas",{ref:d,className:"w-20 h-20 md:w-28 md:h-28"})}),(0,t.jsxs)("h1",{className:"text-4xl md:text-6xl lg:text-7xl font-bold font-heading text-transparent bg-clip-text bg-gradient-to-r from-white via-cosmic-cyan to-cosmic-accent tracking-tight drop-shadow-lg pr-12 md:pr-20",children:[(0,t.jsx)("div",{className:"whitespace-nowrap overflow-visible",children:u.map((e,i)=>(0,t.jsx)("span",{className:`inline-block ${f(i)}`,style:b(i),children:" "===e?" ":e},`top-${r}-${i}`))}),(0,t.jsx)("div",{className:"whitespace-nowrap overflow-visible",children:x.map((e,i)=>(0,t.jsx)("span",{className:`inline-block ${f(u.length+i)}`,style:b(u.length+i),children:" "===e?" ":e},`bottom-${r}-${i}`))})]})]})}e.s(["default",()=>a])},20159,e=>{"use strict";var t=e.i(43476),i=e.i(48148);let a=[{id:"ymOmNZyiG4M",title:"Tekoäly turhauttaa - peiliin katsomisen paikka, Suomesta Nvidialle kilpailija? Suomiareenan Day 2",description:"Kaksi tekoÃ

1¤lyaiheista keskustelua suomiareenasta: Tekoäly – hyvä vai paha? Peter Sarlin: Tekoäly tarvitsee tekijänsä – Suomi kasvaa kansainvälisyydestä (Key Note)",category:"Tekoäly"},{id:"YsS8Dol7RKs",title:"Suomiareenan Viekö Teköäly Ihmisen Työt - paneelikeskusteluiden mielenkiintoisimmat pointit",description:'Suomiareenan ensimmäisenä päivänä oli useita mielenkiintoisia tekoälyaiheisia paneelikeskusteluja. Tässä kahden "Viekö Tekoäly Meidän Työt" keskustelut miele...',category:"Tekoäly"},{id:"cxJ0-qMj-2M",title:"Kannattaako SAMKiin Tulla Opiskelemaan Tekoälyä?",description:"Kokemuksia Data- ja Tekoälytekniikan opinnoista",category:"Koulutus"},{id:"ExCKwjdS0qc",title:"Luodaan SakuÄlyn nettisivut Claudella, Deepseekillä ja Copilotilla",description:"Verkkosivujen rakentaminen AI-työkaluilla",category:"Kehitys"},{id:"L8_24wmfJPo",title:"Loin juhlasivuston valmistujaisiini",description:"Opas valmistujaisjuhlasivuston luomiseen koodauksella",category:"Kehitys"},{id:"4TfBz43wHSc",title:"Korvaako tekoäly ihmisen?",description:"Analyysi tekoälyn roolista työelämässä ja Klarnan AI-projektin epäonnistumisesta",category:"Tekoäly"},{id:"U4P2UxOpmG0",title:"Onko outlier.ai huijaus vai helppoa rahaa?",description:"Arvio outlier.ai-alustasta ja sen tarjoamista ansiomahdollisuuksista",category:"Tekoäly"}],r=[{id:"AEhOnX-j_VY",title:"Tekeekö tekoäly ihmisten työt lähitulevaisuudessa?"},{id:"yFSqoeAL-JE",title:"Suomalainen Lumi-tietokone on moninkertaisesti edullisempi kuin Google tai AWS suurteholaskennassa"},{id:"CDCV3jn6ao4",title:"Mistä nimi ChatGPT on peräisin ja miksi se on niin monimutkainen?"},{id:"XIo93WAOI2w",title:"Onko tekoäly luovempi kuin ihminen? Tiukka analyysi!"},{id:"skwIMNiyu6I",title:"ChatGPT ei osaa etsiä juna-aikatauluja! MCP palvelin ratkaisuksi!"}];var l=e.i(57688);function s({video:e,watchText:i}){return(0,t.jsxs)("div",{className:"glass p-6 rounded-2xl border border-white/10 group hover:border-cosmic-accent/50 transition-all duration-300 hover:-translate-y-2 h-full flex flex-col",children:[(0,t.jsxs)("div",{className:"flex items-center mb-4 justify-between",children:[(0,t.jsx)("div",{className:"text-2xl bg-white/5 p-2 rounded-lg",children:"🎥"}),(0,t.jsx)("span",{className:"text-xs font-bold text-cosmic-cyan bg-cosmic-cyan/10 px-3 py-1 rounded-full border border-cosmic-cyan/20 uppercase tracking-wider",children:e.category})]}),(0,t.jsxs)("div",{className:"aspect-video relative mb-6 rounded-xl overflow-hidden shadow-lg group-hover:shadow-cosmic-accent/20 transition-shadow duration-300",children:[(0,t.jsx)(l.default,{src:`https://img.youtube.com/vi/${e.id}/hqdefault.jpg`,alt:e.title,width:480,height:360,unoptimized:!0,className:"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500"}),(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-black/30 group-hover:bg-black/10 transition-colors duration-300",children:(0,t.jsx)("div",{className:"bg-white/10 backdrop-blur-md rounded-full p-4 border border-white/20 group-hover:scale-110 transition-transform duration-300",children:(0,t.jsx)("svg",{className:"w-8 h-8 text-white fill-current",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{d:"M8 5v14l11-7z"})})})})]}),(0,t.jsx)("h3",{className:"text-lg font-bold text-white mb-3 line-clamp-2 group-hover:text-cosmic-accent transition-colors duration-300",children:e.title}),(0,t.jsx)("p",{className:"text-gray-400 text-sm mb-6 line-clamp-2 leading-relaxed flex-grow",children:e.description}),(0,t.jsxs)("a",{href:`https://youtube.com/watch?v=${e.id}`,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center w-full bg-white/5 hover:bg-cosmic-accent/20 text-white border border-white/10 hover:border-cosmic-accent/50 px-4 py-3 rounded-xl transition-all duration-300 text-sm font-medium group-hover:shadow-[0_0_15px_rgba(109,40,217,0.3)] mt-auto",children:[i,(0,t.jsx)("svg",{className:"ml-2 h-4 w-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"})})]})]})}function o({short:e}){return(0,t.jsxs)("a",{href:`https://youtube.com/shorts/${e.id}`,target:"_blank",rel:"noopener noreferrer",className:"block group relative aspect-[9/16] rounded-2xl overflow-hidden border border-white/10 hover:border-cosmic-cyan/50 transition-all duration-300 hover:-translate-y-2 shadow-lg hover:shadow-cosmic-cyan/20",children:[(0,t.jsx)(l.default,{src:`https://img.youtube.com/vi/${e.id}/maxresdefault.jpg`,alt:e.title,fill:!0,unoptimized:!0,className:"object-cover transform group-hover:scale-105 transition-transform duration-500"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent opacity-80 group-hover:opacity-70 transition-opacity duration-300"}),(0,t.jsxs)("div",{className:"absolute bottom-0 left-0 w-full p-4",children:[(0,t.jsx)("div",{className:"flex items-center mb-2",children:(0,t.jsxs)("div",{className:"bg-red-600 text-white text-[10px] font-bold px-2 py-0.5 rounded-full flex items-center",children:[(0,t.jsx)("svg",{className:"w-3 h-3 mr-1",fill:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{d:"M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z"})}),"SHORTS"]})}),(0,t.jsx)("h3",{className:"text-white font-bold text-sm line-clamp-3 leading-snug group-hover:text-cosmic-cyan transition-colors duration-300",children:e.title})]}),(0,t.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-12 h-12 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 scale-50 group-hover:scale-100 border border-white/30",children:(0,t.jsx)("svg",{className:"w-6 h-6 text-white fill-current",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{d:"M8 5v14l11-7z"})})})]})}var n=e.i(40294),c=e.i(62564);function d(){let e=(0,i.useTranslations)("Videos"),l=a[0],d=a.slice(1);return(0,t.jsxs)("div",{className:"min-h-screen pt-24 relative overflow-hidden",children:[(0,t.jsx)(n.default,{}),(0,t.jsxs)("div",{className:"max-w-7xl mx-auto px-4 md:px-6 pb-20 relative z-10",children:[(0,t.jsxs)("section",{className:"text-center mb-16 relative",children:[(0,t.jsx)(c.default,{texts:[{top:"VIDEOS",bottom:"ARCHIVE"},{top:"NEURAL",bottom:"FEED"},{top:"COSMIC",bottom:"BROADCAST"}]}),(0,t.jsx)("p",{className:"text-xl text-gray-400 max-w-2xl mx-auto mt-6 leading-relaxed font-light",children:e("subtitle")})]}),(0,t.jsxs)("section",{className:"mb-20",children:[(0,t.jsxs)("div",{className:"flex items-center justify-center mb-12",children:[(0,t.jsx)("div",{className:"h-px bg-gradient-to-r from-transparent via-cosmic-cyan to-transparent w-full max-w-xs opacity-50"}),(0,t.jsx)("h2",{className:"text-3xl font-bold mx-6 text-white text-center font-heading",children:"Featured Video"}),(0,t.jsx)("div",{className:"h-px bg-gradient-to-r from-transparent via-cosmic-cyan to-transparent w-full max-w-xs opacity-50"})]}),(0,t.jsxs)("div",{className:"glass p-1 rounded-3xl border border-white/10 shadow-2xl overflow-hidden relative group",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-cosmic-accent/5 group-hover:bg-cosmic-accent/10 transition-colors duration-500"}),(0,t.jsx)("div",{className:"aspect-video w-full relative rounded-2xl overflow-hidden",children:(0,t.jsx)("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${l.id}`,title:l.title,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,className:"absolute inset-0 w-full h-full"})}),(0,t.jsx)("div",{className:"p-8 md:p-10",children:(0,t.jsxs)("div",{className:"flex flex-col md:flex-row md:items-center justify-between gap-6",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"inline-block text-xs font-bold text-cosmic-cyan bg-cosmic-cyan/10 px-3 py-1 rounded-full border border-cosmic-cyan/20 uppercase tracking-wider mb-4",children:l.category}),(0,t.jsx)("h3",{className:"text-2xl md:text-4xl font-bold text-white mb-4 font-heading",children:l.title}),(0,t.jsx)("p",{className:"text-gray-300 text-lg max-w-3xl leading-relaxed",children:l.description})]}),(0,t.jsx)("div",{className:"flex-shrink-0",children:(0,t.jsxs)("a",{href:`https://youtube.com/watch?v=${l.id}`,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center bg-cosmic-accent hover:bg-cosmic-accent/80 text-white px-8 py-4 rounded-full transition-all duration-300 font-bold shadow-lg shadow-cosmic-accent/20 hover:shadow-cosmic-accent/40 hover:-translate-y-1",children:[e("youtubeSection.watchOnYoutube"),(0,t.jsx)("svg",{className:"ml-2 h-5 w-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"})})]})})]})})]})]}),(0,t.jsxs)("section",{className:"mb-20",children:[(0,t.jsxs)("div",{className:"flex items-center justify-center mb-12",children:[(0,t.jsx)("div",{className:"h-px bg-gradient-to-r from-transparent via-red-500 to-transparent w-full max-w-xs opacity-50"}),(0,t.jsxs)("h2",{className:"text-3xl font-bold mx-6 text-white text-center font-heading flex items-center",children:[(0,t.jsx)("span",{className:"mr-3 text-red-500",children:(0,t.jsx)("svg",{className:"w-8 h-8",fill:"

1currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{d:"M10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83-.25.9-.83 1.48-1.73 1.73-.47.13-1.33.22-2.65.28-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44-.9-.25-1.48-.83-1.73-1.73-.13-.47-.22-1.1-.28-1.9-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83.25-.9.83-1.48 1.73-1.73.47-.13 1.33-.22 2.65-.28 1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44.9.25 1.48.83 1.73 1.73z"})})}),"Shorts"]}),(0,t.jsx)("div",{className:"h-px bg-gradient-to-r from-transparent via-red-500 to-transparent w-full max-w-xs opacity-50"})]}),(0,t.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 md:gap-6",children:r.map(e=>(0,t.jsx)(o,{short:e},e.id))})]}),(0,t.jsxs)("section",{className:"mb-20",children:[(0,t.jsxs)("div",{className:"flex items-center justify-center mb-12",children:[(0,t.jsx)("div",{className:"h-px bg-gradient-to-r from-transparent via-cosmic-cyan to-transparent w-full max-w-xs opacity-50"}),(0,t.jsx)("h2",{className:"text-3xl font-bold mx-6 text-white text-center font-heading",children:e("youtubeSection.title")}),(0,t.jsx)("div",{className:"h-px bg-gradient-to-r from-transparent via-cosmic-cyan to-transparent w-full max-w-xs opacity-50"})]}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:d.map(i=>(0,t.jsx)(s,{video:i,watchText:e("youtubeSection.watchOnYoutube")},i.id))})]})]})]})}e.s(["default",()=>d],20159)}]);