1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return c(4949)}])},4949:function(a,b,c){"use strict";c.r(b),c.d(b,{default:function(){return B}});var d=c(5893),e=c(7294),f=c(6038),g=c(1664),h=c.n(g),i=c(4015),j=c(1799);function k(a,b){return b=null!=b?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):(function(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);c.push.apply(c,d)}return c})(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))}),a}var l={mid:{image:" mx-auto w-10",title:" text-lg font-bold",description:" text-xs"},side:{image:" mx-auto w-10 md:w-6",title:" text-sm font-semibold",description:" text-[8px]"}},m=[" md:h-[80%] w-64 md:w-40"," w-64"," md:h-[80%] w-64 md:w-40",],n=[" group-hover:motion-safe:animate-[pulse_0.5s_ease-in-out_infinite]"," motion-safe:animate-[bounce_1s_ease-in-out_infinite_backwards]"," group-hover:motion-safe:animate-[spin_1s_ease-in-out]",],o=[{src:"/images/robot-card.svg",alt:"robot",title:"Our Robots",information:"5 bot",id:"robot",link:"/about#milestone",class:k((0,j.Z)({},l.side),{root:m[0],anim:n[0]})},{src:"/images/medal-card.svg",alt:"Competition",title:"Competition",information:"on going",id:"competition",link:"/#competition",class:k((0,j.Z)({},l.mid),{root:m[1],anim:n[1]})},{src:"/images/team-card.svg",alt:"Teams",title:"Teams",information:"34 member",id:"teams",link:"/team",class:k((0,j.Z)({},l.side),{root:m[2],anim:n[2]})},],p=[{img:"/images/home-mechanical.svg",img_blur:"/images/home-mechanical-blur.png",division:"MECHANICAL",player:"10",link:"/team#mechanical"},{img:"/images/home-programming.svg",img_blur:"/images/home-programming-blur.png",division:"PROGRAMMING",player:"8",link:"/team#programming"},{img:"/images/home-official.svg",img_blur:"/images/home-official-blur.png",division:"OFFICIAL",player:"9",link:"/team#official"},{img:"/images/home-electrical.svg",img_blur:"/images/home-electrical-blur.png",division:"ELECTRICAL",player:"9",link:"/team#electrical"},];function q(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}function r(a){return function(a){if(Array.isArray(a))return q(a)}(a)||function(a){if("undefined"!=typeof Symbol&&null!=a[Symbol.iterator]||null!=a["@@iterator"])return Array.from(a)}(a)||function(a,b){if(a){if("string"==typeof a)return q(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);if("Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c)return Array.from(c);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return q(a,b)}}(a)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var s=[{title:"Kontes Robot Indonesia",image:"/images/logo-kri.svg",link:"https://kri.kemdikbud.go.id/",selected_index:0,years:[{year:2022,status:!0,list:[{nominate:"1st",stage:"KRSBI Regional II",status:!0},{nominate:"1st",stage:"KRSBI National",status:!0},{nominate:"Best Strategy",stage:"KRSBI National",status:!1},]},{year:2021,status:!1,list:[{nominate:"2nd",stage:"KRSBI Regional II",status:!0},{nominate:"2nd",stage:"KRSBI National",status:!0},{nominate:"Best Design",stage:"KRSBI National",status:!1},]},{year:2020,status:!1,list:[{nominate:"1st",stage:"KRSBI Regional II",status:!0},{nominate:"Best Design",stage:"KRSBI Regional II",status:!1},{nominate:"1st",stage:"KRSBI National",status:!0},{nominate:"Best Design",stage:"KRSBI National",status:!1},]},{year:2019,status:!1,list:[{nominate:"1st",stage:"KRSBI Regional IV",status:!0},{nominate:"Best Design",stage:"KRSBI Regional IV",status:!1},{nominate:"1st",stage:"KRSBI National",status:!0},{nominate:"Best Design",stage:"KRSBI National",status:!1},{nominate:"Best Strategy",stage:"KRSBI National",status:!1},]},{year:2018,status:!1,list:[{nominate:"1st",stage:"KRSBI Regional IV",status:!0},{nominate:"Best Strategy",stage:"KRSBI Regional IV",status:!1},{nominate:"2nd",stage:"KRSBI National",status:!0},]},{year:2017,status:!1,list:[{nominate:"3rd",stage:"KRSBI Regional IV",status:!0},{nominate:"Best Design",stage:"KRSBI Regional IV",status:!1},{nominate:"Best Design",stage:"KRSBI National",status:!1},{nominate:"Best Innovation",stage:"KRSBI National",status:!1},]},]},{title:"RoboCup",image:"/images/logo-robocup.svg",selected_index:0,link:"https://www.robocup.org/",years:[{year:2022,status:!0,list:[{nominate:"1st",stage:"RCAP Cooperation Challenge",status:!0},{nominate:"1st",stage:"RCAP Ambition Challenge",status:!0},{nominate:"3rd",stage:"Middle Size Robocup League",status:!0},]},{year:2021,status:!1,list:[{nominate:"6th",stage:"Technical Challenge Robocup",
1status:!0},{nominate:"7th",stage:"Scientific Challenge Robocup",status:!0},{nominate:"2nd",stage:"Video Challenge RCAP, Japan",status:!0},]},{year:2019,status:!1,list:[{nominate:"5th",stage:"Middle Size Robocup League",status:!0},]},]},{title:"FIRA RoboWorldCup",image:"/images/logo-fira.svg",selected_index:0,link:"https://firaworldcup.org/",years:[{year:2019,status:!0,list:[{nominate:"2nd",stage:"Obstacle Avoidance",status:!0},{nominate:"2nd",stage:"Localization",status:!0},]},{year:2018,status:!1,list:[{nominate:"1st",stage:"Passing Challenge",status:!0},{nominate:"3rd",stage:"Obstacle Avoidance",status:!0},{nominate:"3rd",stage:"Localization Challenge",status:!0},]},]},];function t(){var a=(0,e.useState)(r(s)),b=a[0],c=a[1];return(0,d.jsx)("section",{id:"competition",className:"p-12",children:(0,d.jsxs)("div",{className:"md:ml-28",children:[(0,d.jsx)("h2",{className:"pb-10 text-center text-4xl font-bold text-white",children:"ACHIEVEMENT"}),u({timelineData:b,setTimelineData:c})]})})}function u(a){var b=a.timelineData,c=a.setTimelineData;return(0,d.jsx)("div",{children:b.map(function(a,e){return(0,d.jsxs)("div",{className:"flex grid-cols-2 flex-wrap items-center justify-center gap-11 pb-24 md:grid md:pb-14",children:[(0,d.jsx)("div",{className:"flex w-full flex-row-reverse",children:(0,d.jsxs)("div",{className:"relative mx-auto w-52 rounded-3xl bg-black bg-opacity-30 md:mx-0",children:[(0,d.jsx)("h2",{className:"pt-4 pb-3 text-center text-sm font-bold text-white",children:a.title}),(0,d.jsx)(i.Z,{src:"".concat(a.image),alt:"".concat(a.title),width:184,height:184,className:"mx-10 text-center"}),(0,d.jsx)(i.Z,{src:"/images/tongkat.svg",alt:"tongkat",width:10,height:107,className:"absolute top-10 -left-1 w-[5px] rotate-180 text-center"}),(0,d.jsx)("div",{className:"w-full",children:(0,d.jsx)("div",{className:"mx-auto flex w-44 flex-wrap justify-start gap-2 py-2 pl-2 text-[10px] text-white",children:a.years.map(function(a,f){return(0,d.jsx)("p",{onClick:function(){if(!b[e].years[f].status){var a=r(b),d=a[e].selected_index;a[e].years[d].status=!1,a[e].years[f].status=!0,a[e].selected_index=f,c(r(a))}},className:" rounded-full border border-slate-600 border-opacity-60 bg-gradient-to-r px-3 ".concat(a.status?" from-[#4392F1] to-[#6DDCCF]":"cursor-pointer hover:scale-110"),children:a.year},a.year)})})}),(0,d.jsx)("div",{className:"text-right",children:(0,d.jsx)("a",{href:a.link,target:"_blank",rel:"noopener noreferrer",children:(0,d.jsx)("button",{className:":transition-all group my-2 mr-7 py-0 pt-1 pb-3 text-xs font-semibold text-white duration-500 ",children:(0,d.jsx)("span",{className:"relative inline-block transition duration-500 after:absolute after:-top-0 after:-right-5 after:rounded-full after:bg-white after:px-[4px] after:font-monsterrat after:text-[10px] after:font-bold after:text-black after:opacity-0 after:duration-300 after:content-['>'] group-hover:-translate-x-3 group-hover:after:-right-5 group-hover:after:opacity-100",children:"See More"})})})})]})}),(0,d.jsx)("ol",{className:"relative ",children:a.years.map(function(a,b){if(a.status)return a.list.map(function(b,c){return(0,d.jsxs)("li",{className:"\" after:content-['']\" relative left-5 pb-7 before:absolute before:-left-7 before:top-3 before:h-full before:content-[''] after:absolute ".concat(c===a.list.length-1?"":"before:border-l-[1px]"),children:[(0,d.jsx)(i.Z,{src:"/images/home-timeline-dot.svg",alt:"dot",width:28,height:28,className:"absolute top-0 left-[-34px] w-3"}),(0,d.jsxs)("h3",{className:"ml-2 flex font-monsterrat text-white",children:[(0,d.jsx)("span",{className:" ".concat(b.status?"rounded-sm bg-[#6A3805] px-5 py-2 text-xs font-bold":"rounded-sm bg-[#fff] px-5 py-2 text-xs font-bold text-black"),children:b.nominate}),(0,d.jsx)("span",{className:"rounded-r-sm bg-[#000000] bg-opacity-30 px-5 py-2 text-xs text-white",children:b.stage})]})]},"".concat(c))})})})]},a.title)})})}function v(){return(0,d.jsxs)("div",{children:[w(),(0,d.jsx)(t,{})]})}function w(){return(0,d.jsxs)("section",{className:"p-12 pt-0 md:ml-32 md:mr-12",children:[(0,d.jsx)("h2",{className:"pb-10 text-center text-4xl font-bold text-white",children:"DIVISION OF IRIS"}),(0,d.jsx)("div",{className:"mx-auto flex max-w-4xl flex-wrap justify-between gap-14 pt-10 lg:gap-4",children:p.map(function(a){return(0,d.jsx)(h(),{href:a.link,children:(0,d.jsxs)("div",{className:"group relative mx-auto flex w-40 cursor-pointer",children:[(0,d.jsx)(i.Z,{src:a.img_blur,alt:a.division,width:214,height:214,className:"absolute -top-12 left-0 z-10 w-40 opacity-0 transition-all duration-500 group-hover:opacity-100"}),(0,d.jsx)(i.Z,{src:a.img,alt:a.division,width:214,height:214,className:"absolute -top-8 left-4 z-10 w-32"}),(0,d.jsx)("div",{className:"clip-right-corner relative mx-auto flex h-36 w-48 rounded-b-xl rounded-tl-xl bg-black bg-opacity-30 transition duration-500 group-hover:scale-105",children:(0,d.jsxs)("div",{className:"absolute bottom-2 flex w-full rounded-full bg-white ",children:[(0,d.jsx)("p",{className:"mx-auto p-2 pt-1 text-[10px] font-bold",children:a.division}),(0,d.jsx)("p",{className:"my-1 mr-2 ml-0 rounded-full bg-gradient-to-r from-[#4392F1] to-[#6DDCCF] px-4 text-xs font-medium text-white",children:a.player})]})})]})},a.division)})})]})}function x(){return(0,d.jsxs)("div",{className:" bg-home2 bg-[length:4800px_1500px] bg-[position:-1800px_100px] bg-no-repeat ",children:[y(),(0,d.jsx)(v,{})]})}function y(){return(0,d.jsxs)("section",{className:"padding my-24 flex flex-wrap items-center justify-around rounded-lg border-2 border-slate-600 border-opacity-30 bg-black bg-opacity-30 py-5 text-justify font-monsterrat md:mr-28 md:ml-44",children:[(0,d.jsx)(i.Z,{className:"mx-9 w-52 flex-initial px-5 py-7 md:w-44 lg:py-0",src:"/images/icon-iris-white-n-name.svg",alt:"iris icon",width:273,height:352}),(0,d.jsxs)("div",{className:"max-w-lg text-white lg:relative",children:[(0,d.jsx)("h2",{className:"-top-11 left-4 mx-auto max-w-[450px] text-center text-4xl font-semibold lg:absolute",children:"About IRIS Team"}),(0,d.jsxs)("p",{className:"mx-auto max-w-lg px-4 pt-4 pb-2 text-sm",children:["ITS Robot with Intelligence System or known as IRIS is a Robotics team Institut Teknologi Sepuluh Nopember (ITS) which focu
1ses on autonomous soccer game robots. Since being developed in 2017, IRIS ITS has competed in soccer robotics especially middle size league, since 2017 and managed to make many achievements. The team consists of students from Institute of Teknologi Sepuluh Nopember Surabaya."," "]}),(0,d.jsx)("div",{className:"max-w-full text-right",children:(0,d.jsx)(h(),{href:"/about",children:(0,d.jsx)("button",{className:"m-3 cursor-pointer rounded-full bg-gradient-to-r from-[#4392F1] to-[#6DDCCF] py-2 px-7 text-xs font-semibold transition-all duration-300 hover:scale-110",children:"Our Story"})})})]})]})}function z(a){var b=a.offsetY,c=a.mouseX,e=a.mouseY;return(0,d.jsxs)("div",{className:"col-span-12 bg-home1 bg-[length:1220px_850px] bg-[position:-112px_-100px] bg-no-repeat md:col-span-11",children:[A({offsetY:b,mouseX:c,mouseY:e}),(0,d.jsx)(x,{}),(0,d.jsx)("div",{className:"flex w-full items-center justify-center bg-[#120d30] p-10 ",children:(0,d.jsx)("video",{width:"800",autoPlay:!0,muted:!0,loop:!0,className:"border-4 border-[#120d30] bg-[#120d30]",children:(0,d.jsx)("source",{src:"/videos/FIX.mp4",type:"video/mp4"})})})]})}function A(a){var b=a.offsetY,c=a.mouseX;return a.mouseY,(0,d.jsxs)("section",{className:"relative mx-10 flex flex-wrap justify-center border-slate-600 pb-36 pt-20 text-white md:pt-10 lg:h-screen lg:pt-10 lg:pb-2 ",children:[(0,d.jsxs)("div",{className:"flex flex-wrap-reverse gap-1 ",children:[(0,d.jsxs)("div",{className:"mx-auto max-w-7xl flex-initial p-1 lg:pt-16",children:[(0,d.jsx)("h2",{className:"font-monsterrat text-4xl font-bold tracking-wider md:mt-10 md:text-5xl lg:text-6xl",children:"Robocup 2024"}),(0,d.jsxs)("p",{className:"ml-1 mt-3 max-w-[450px] text-justify font-monsterrat text-xs md:mt-5 md:text-sm ",children:["RoboCup is an international scientific initiative with the goal to advance the state of the art of intelligent robots. When established in 1997, the original mission was to field a team of robots capable of winning against the human soccer World Cup champions by 2050."," "]}),(0,d.jsx)("a",{target:"_blank",href:"https://www.robocup.org/",rel:"noreferrer",children:(0,d.jsx)("button",{className:"group ml-1 mt-10 overflow-hidden bg-white py-3 pl-16 pr-9 font-monsterrat text-sm font-semibold text-black",children:(0,d.jsx)("span",{className:"relative inline-block transition-all duration-1000 before:absolute before:left-[-150px] before:content-['Explore'] after:absolute after:-left-16 after:-top-3 after:bg-gradient-to-r after:from-[#4392F1] after:to-[#6DDCCF] after:px-3 after:py-2 after:text-xl after:font-bold after:text-white after:content-['â'] group-hover:translate-x-28",children:"Explore"})})})]}),(0,d.jsx)("div",{className:"mx-auto animate-floater lg:mx-0 lg:flex-1",children:(0,d.jsx)("div",{style:{transform:"translateY(".concat(.05*b,"px) translateX(").concat(-.03*c,"px)")},className:"mx-auto max-w-[200px] transition-all duration-700 md:mx-0 md:max-w-[250px] md:pt-10 lg:max-w-sm",children:(0,d.jsx)(i.Z,{src:"/images/robot.png",alt:"Robot",width:750,height:898})})})]}),(0,d.jsx)("div",{style:{transform:"translateY(".concat(.1*b,"px)")},className:"bottom-[30px] flex flex-row flex-wrap items-center justify-center gap-8 pt-10 text-center transition-all duration-75 md:ml-10 md:w-full lg:absolute lg:pt-0",children:o.map(function(a,b){return(0,d.jsx)(h(),{href:a.link,children:(0,d.jsxs)("div",{className:" group z-50 cursor-pointer rounded-md bg-black bg-opacity-10 p-8 backdrop-blur-[1px] transition-all duration-1000 hover:scale-125"+a.class.root,children:[(0,d.jsx)("div",{className:a.class.image,children:(0,d.jsx)(i.Z,{className:a.class.anim,src:a.src,alt:a.alt,width:78,height:128.8})}),(0,d.jsx)("h3",{className:a.class.title,children:a.title}),(0,d.jsx)("p",{className:a.class.description,children:a.information})]},a.id)},a.id)})})]})}function B(){var a=(0,e.useState)(0),b=a[0],c=a[1],g=(0,e.useState)(0),h=g[0],i=g[1],j=(0,e.useState)(0),k=j[0],l=j[1],m=function(){return c(window.scrollY)};return(0,e.useEffect)(function(){return window.addEventListener("mousemove",function(a){i(a.pageX),l(a.pageY)}),window.addEventListener("scroll",m),function(){window.removeEventListener("scroll",m),window.removeEventListener("mousemove",function(a){i(a.pageX),l(a.pageY)})}},[b,h,k]),(0,d.jsx)(f.Z,{children:(0,d.jsx)(z,{offsetY:b,mouseX:h,mouseY:k})})}}},function(a){a.O(0,[486,577,774,888,179],function(){var b;return a(a.s=5557)}),_N_E=a.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.