https://vtaiwan-openai-2023.vercel.app/_next/static/chunks/pages/index-5507c18da7a01117.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return __webpack_require__(2612)}])},2612:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return pages}});var jsx_runtime=__webpack_require__(5893),dom_motion=__webpack_require__(3566),styles_0={innerWidth:"2xl:max-w-[1280px] w-full",interWidth:"lg:w-[80%] w-[100%]",paddings:"sm:p-16 xs:p-8 px-6 py-12",yPaddings:"sm:py-16 xs:py-8 py-12",xPaddings:"sm:px-16 px-6",topPaddings:"sm:pt-16 xs:pt-8 pt-12",bottomPaddings:"sm:pb-16 xs:pb-8 pb-12",flexCenter:"flex justify-center items-center",flexStart:"flex justify-start items-start",flexEnd:"flex justify-end",navPadding:"pt-[98px]",heroHeading:"font-bold lg:text-[84px] md:text-[84px] sm:text-[60px] text-[44px] lg:leading-[158.4px] md:leading-[114.4px] sm:leading-[74.4px] leading-[64.4px] text-white",heroTagline:"font-bold lg:text-[48px] md:text-[48px] sm:text-[32px] text-[24px] lg:leading-[100.4px] md:leading-[100.4px] sm:leading-[74.4px] leading-[64.4px] text-white"};let navVariants={hidden:{opacity:0,y:-50,transition:{type:"spring",stiffness:300,damping:140}},show:{opacity:1,y:0,transition:{type:"spring",stiffness:80,delay:1}}},slideIn=(direction,type,delay,duration)=>({hidden:{x:"left"===direction?"-100%":"right"===direction?"100%":0,y:"up"===direction?"100%":"down"===direction?"100%":0},show:{x:0,y:0,transition:{type,delay,duration,ease:"easeOut"}}}),motion_staggerContainer=(staggerChildren,delayChildren)=>({hidden:{},show:{transition:{staggerChildren,delayChildren}}}),textVariant=delay=>({hidden:{y:50,opacity:0},show:{y:0,opacity:1,transition:{type:"spring",duration:1.25,delay}}}),textContainer={hidden:{opacity:0},show:function(){let i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return{opacity:1,transition:{staggerChildren:.1,delayChildren:.1*i}}}},textVariant2={hidden:{opacity:0,y:20},show:{opacity:1,y:0,transition:{type:"tween",ease:"easeIn"}}},motion_fadeIn=(direction,type,delay,duration)=>({hidden:{x:"left"===direction?100:"right"===direction?-100:0,y:"up"===direction?100:"down"===direction?-100:0,opacity:0},show:{x:0,y:0,opacity:1,transition:{type,delay,duration,ease:"easeOut"}}}),planetVariants=direction=>({hidden:{x:"left"===direction?"-100%":"100%",rotate:120},show:{x:0,rotate:0,transition:{type:"spring",duration:1.8,delay:.5}}}),footerVariants={hidden:{opacity:0,y:50,transition:{type:"spring",stiffness:300,damping:140}},show:{opacity:1,y:0,transition:{type:"spring",stiffness:80,delay:.5}}},Navbar=()=>(0,jsx_runtime.jsxs)(dom_motion.E.nav,{variants:navVariants,initial:"hidden",whileInView:"show",className:"".concat(styles_0.xPaddings," py-8 relative"),children:[(0,jsx_runtime.jsx)("div",{className:"absolute w-[50%] inset-0 gradient-01"}),(0,jsx_runtime.jsxs)("div",{className:"".concat(styles_0.innerWidth," mx-auto flex justify-between gap-8"),children:[(0,jsx_runtime.jsx)("img",{src:"/vtaiwan.png",alt:"search",className:"w-[24px] h-[24px] object-contain"}),(0,jsx_runtime.jsx)("h2",{className:"font-extrabold text-[24px] leading-[30.24px] text-white",children:"vTaiwan x OpenAI"}),(0,jsx_runtime.jsx)("img",{src:"/openai_logo.png",alt:"menu",className:"w-[24px] h-[24px] object-contain"})]})]}),CustomTexts_TypingText=param=>{let{title,textStyles}=param;return(0,jsx_runtime.jsx)(dom_motion.E.p,{variants:textContainer,className:"font-normal text-[14px] text-secondary-white ".concat(textStyles),children:Array.from(title).map((letter,index)=>(0,jsx_runtime.jsx)(dom_motion.E.span,{variants:textVariant2,children:" "===letter?"\xa0":letter},index))})},CustomTexts_TitleText=param=>{let{title,textStyles}=param;return(0,jsx_runtime.jsx)(dom_motion.E.h2,{variants:textVariant2,initial:"hidden",whileInView:"show",className:"mt-[8px] font-bold md:text-[64px] text-[40px] text-white ".concat(textStyles),children:title})},ExploreCard=param=>{let{id,imgUrl,title,engTitle,desc,imgSrc,index,active,handleClick}=param;return(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_fadeIn("right","spring",.5*index,.75),className:"relative ".concat(active===id?"lg:flex-[3.5] flex-[10]":"lg:flex-[0.5] flex-[2]"," flex items-center justify-center min-w-[170px] h-[700px] transition-[flex] duration-[0.7s] ease-out-flex cursor-pointer"),onClick:()=>handleClick(id),children:[(0,jsx_runtime.jsx)("img",{src:imgUrl,alt:"planet-04",className:"absolute w-full h-full object-cover rounded-[24px]"}),active!==id?(0,jsx_runtime.jsx)("h3",{className:"font-semibold sm:text-[26px] text-[18px] text-white absolute z-0 lg:bottom-20 lg:rotate-[-90deg] lg:origin-[0,0]",children:title}):(0,jsx_runtime.jsxs)("div",{className:"absolute bottom-0 p-8 flex justify-start w-full flex-col bg-[rgba(0,0,0,0.5)] rounded-b-[24px]",children:[(0,jsx_runtime.jsx)("div",{className:"".concat(styles_0.flexCenter," w-[60px] h-[60px] rounded-[24px] glassmorphism mb-[16px]"),children:(0,jsx_runtime.jsx)("img",{src:imgSrc,alt:"headset",className:"w-1/2 h-1/2 object-contain"})}),(0,jsx_runtime.jsx)("p",{className:"font-normal text-[16px] leading-[20.16px] text-white uppercase",children:engTitle}),(0,jsx_runtime.jsx)("p",{className:"font-normal text-[16px] leading-[20.16px] text-white uppercase",children:desc}),(0,jsx_runtime.jsx)("h2",{className:"mt-[24px] font-semibold sm:text-[32px] text-[24px] text-white",children:title})]})]})}

1,StartSteps=param=>{let{number,text}=param;return(0,jsx_runtime.jsxs)("div",{className:"".concat(styles_0.flexCenter," flex-row"),children:[(0,jsx_runtime.jsx)("div",{className:"".concat(styles_0.flexCenter," w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"),children:(0,jsx_runtime.jsx)("p",{className:"font-bold text-[20px] text-white",children:number})}),(0,jsx_runtime.jsx)("p",{className:"flex-1 ml-[30px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]",children:text})]})},NewFeatures=param=>{let{imgUrl,title,subtitle}=param;return(0,jsx_runtime.jsxs)("div",{className:"flex-1 flex flex-col sm:max-w-[250px] min-w-[210px]",children:[(0,jsx_runtime.jsx)("div",{className:"".concat(styles_0.flexCenter," w-[70px] h-[70px] rounded-[24px] bg-[#323F5D]"),children:(0,jsx_runtime.jsx)("img",{src:imgUrl,alt:"icon",className:"w-1/2 h-1/2 object-contain"})}),(0,jsx_runtime.jsx)("h1",{className:"mt-[26px] font-bold text-[24px] leading-[30.24px] text-white",children:title}),(0,jsx_runtime.jsx)("p",{className:"flex-1 mt-[16px] font-normal text-[18px] text-[#B0B0B0] leading-[32.4px]",children:subtitle})]})};var next_link=__webpack_require__(1664),link_default=__webpack_require__.n(next_link);let exploreWorlds=[{id:"world-1",imgUrl:"/公民參與塑造 AI 人工智慧＿專家訪談.jpg",title:"資料準備與專家訪談",engTitle:"Information Gathering and Expert Interviews",desc:"每週三小松討論議題素材，專家訪談並準備線上意見徵集。",imgSrc:"/interview.svg"},{id:"world-2",imgUrl:"/公民參與塑造 AI 人工智慧＿意見徵集.jpg",title:"意見徵集",engTitle:"Public Opinion Collection",desc:"預計於 8 月 14 日至 9 月 14 日間進行為期一個月的線上意見徵集。",imgSrc:"/speech.svg"},{id:"world-3",imgUrl:"/公民參與塑造 AI 人工智慧＿諮詢會議.jpg",title:"諮詢會議",engTitle:"Consultation Meeting",desc:"於 9 月 24 日預計召開實體諮詢會議，現場將有直播設備全程紀錄討論內容與過程。",imgSrc:"/meeting.svg"},{id:"world-4",imgUrl:"/公民參與塑造 AI 人工智慧＿意見彙整.jpg",title:"意見彙整",engTitle:"Opinion Compilation",desc:"整理議題討論的結果，匯集各方意見。",imgSrc:"/organise.svg"},{id:"world-5",imgUrl:"/公民參與塑造 AI 人工智慧＿撰寫報告.jpg",title:"撰寫報告",engTitle:"Report Writing",desc:"撰寫階段性報告並公開到 vTaiwan 網站上。",imgSrc:"/writing.svg"}],startingFeatures=["意見投票。針對每個意見投票「同意」、「不同意」或「不知道」","貢獻意見。加入自己的意見。","追蹤近況。查看即時投票與統計結果。"],newFeatures=[{imgUrl:"/writing.svg",title:"登記報名",subtitle:"即刻起，登記報名諮詢會議，成為諮詢會議中的一員。"},{imgUrl:"/location_time.svg",title:"時間地點",subtitle:"諮詢會議預計 9/24（日）14:00-16:30 於台北召開，場地待確認。"}],socials=[{name:"facebook",url:"/facebook.svg",link:"https://www.facebook.com/vtaiwan.tw/"}],Footer=()=>(0,jsx_runtime.jsxs)(dom_motion.E.footer,{variants:footerVariants,initial:"hidden",whileInView:"show",className:"".concat(styles_0.xPaddings," py-8 relative"),children:[(0,jsx_runtime.jsx)("div",{className:"footer-gradient"}),(0,jsx_runtime.jsxs)("div",{className:"".concat(styles_0.innerWidth," mx-auto flex flex-col gap-8"),children:[(0,jsx_runtime.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-5",children:[(0,jsx_runtime.jsx)("h4",{className:"font-bold md:text-[64px] text-[44px] text-white",children:"登記報名"}),(0,jsx_runtime.jsx)(link_default(),{href:"https://forms.gle/o4xq5rSvYyRAQCfU8",children:(0,jsx_runtime.jsxs)("button",{type:"button",className:"flex items-center h-fit py-4 px-6 bg-[#25618B] rounded-[32px] gap-[12px]",children:[(0,jsx_runtime.jsx)("img",{src:"/writing.svg",alt:"signup",className:"w-[24px] h-[24px] object-contain"}),(0,jsx_runtime.jsx)("span",{className:"font-normal text-[16px] text-white",children:"報名參加諮詢會議"})]})})]}),(0,jsx_runtime.jsxs)("div",{className:"flex flex-col",children:[(0,jsx_runtime.jsx)("div",{className:"mb-[50px] h-[2px] bg-white opacity-10"}),(0,jsx_runtime.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-4",children:[(0,jsx_runtime.jsx)("h4",{className:"font-extrabold text-[24px] text-white",children:"vTaiwan"}),(0,jsx_runtime.jsx)("p",{className:"font-normal text-[14px] text-white opacity-50",children:"CC BY-NC-SA 4.0 vTaiwan"}),(0,jsx_runtime.jsx)("div",{className:"flex gap-4",children:socials.map(social=>(0,jsx_runtime.jsx)(link_default(),{href:social.link,children:(0,jsx_runtime.jsx)("img",{src:social.url,alt:social.name,className:"w-[24px] h-[24px] object-contain cursor-pointer"},social.name)}

1))})]})]})]})]}),Hero=()=>(0,jsx_runtime.jsx)("section",{className:"".concat(styles_0.yPaddings," sm:pl-16 pl-6"),children:(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_staggerContainer,initial:"hidden",whileInView:"show",viewport:{once:!1,amount:.25},className:"".concat(styles_0.innerWidth," mx-auto flex flex-col"),children:[(0,jsx_runtime.jsx)("div",{className:"flex justify-center items-center flex-col relative z-10",children:(0,jsx_runtime.jsx)(dom_motion.E.h1,{variants:textVariant(1.1),className:styles_0.heroHeading,children:"意見徵集中"})}),(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:slideIn("right","tween",.2,1),className:"relative w-full md:-mt-[100px] -mt-[12px]",children:[(0,jsx_runtime.jsx)("div",{className:"absolute w-full h-[300px] hero-gradient rounded-tl-[140px] z-[0] -top-[30px]"}),(0,jsx_runtime.jsx)("img",{src:"/vTaiwan x OpenAI ＿01 .png",alt:"hero_cover",className:"w-full sm:h-[500px] h-[350px] object-cover rounded-tl-[140px] z-10 relative"}),(0,jsx_runtime.jsx)("a",{href:"#getstarted",children:(0,jsx_runtime.jsx)("div",{className:"w-full flex justify-end sm:-mt-[70px] -mt-[50px] pr-[40px] relative z-10",children:(0,jsx_runtime.jsx)("img",{src:"/stamp2.png",alt:"stamp",className:"sm:w-[155px] w-[100px] sm:h-[155px] h-[100px] object-contain"})})})]})]})}),About=()=>(0,jsx_runtime.jsxs)("section",{className:"".concat(styles_0.paddings," relative z-10"),children:[(0,jsx_runtime.jsx)("div",{className:"gradient-02 z-0"}),(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_staggerContainer,initial:"hidden",whileInView:"show",viewport:{once:!1,amount:.25},className:"".concat(styles_0.innerWidth," mx-auto ").concat(styles_0.flexCenter," flex-col"),children:[(0,jsx_runtime.jsx)(CustomTexts_TypingText,{title:" 關於 vTaiwan | About vTaiwan",textStyles:"text-center"}),(0,jsx_runtime.jsxs)(dom_motion.E.p,{variants:motion_fadeIn("up","tween",.2,1),className:"mt-[8px] font-normal sm:text-[24px] text-[18px] text-center text-secondary-white",children:[(0,jsx_runtime.jsx)("span",{className:"font-extrabold text-white",children:"vTaiwan"}),"  作為政策或法律制定前的前導討論平台，積極邀請公民參與重要議題的討論，整理議題爭點與初步可能的共識方向，以此作為修改或制定法規的基礎。vTaiwan的歷史案例中包括Uber自用載客車、網路霸凌、遠距健康照護等議題，在此基礎上已影響超過 25 項法規的修正與調適，同時也對國際社群嘗試由公民社群發起的法規調適實驗產生影響。"]}),(0,jsx_runtime.jsx)(dom_motion.E.img,{variants:motion_fadeIn("up","tween",.3,1),src:"/arrow-down.svg",alt:"arrow down",className:"w-[18px] h-[28px] object-contain mt-[24px]"}),(0,jsx_runtime.jsx)("br",{className:"md:block hidden"}),(0,jsx_runtime.jsx)(CustomTexts_TypingText,{title:" 意見徵集緣起 | About the consultation",textStyles:"text-center"}),(0,jsx_runtime.jsxs)(dom_motion.E.p,{variants:motion_fadeIn("up","tween",.2,1),className:"mt-[8px] font-normal sm:text-[24px] text-[18px] text-center text-secondary-white",children:["在 2023 å¹´ 5 月，",(0,jsx_runtime.jsx)("span",{className:"font-extrabold text-white",children:"OpenAI Inc"}),"（OpenAI的非營利組織）提供了 10 筆 100,000 美元的實驗資金，廣泛邀請國際團隊建立一個或多個民主流程，以就未來AI人工智慧應遵循的規則進行商討、審議和決策。與此同時， vTaiwan 於 2023 å¹´ 7 月與英國的 Chatham House 合作，成功提交名為「Bridging the Recursive Public」的計畫申請，並獲得了這項實驗金。此計畫旨在善用 vTaiwan 現有的流程，討論未來 AI 人工智慧應該遵循的價值觀和規則。同時，我們的英國合作夥伴將在倫敦跟進 vTaiwan 的流程，從同樣的議題切入討論，根據議題的發展演變每週調整流ç¨

1‹ï¼Œä¸¦å°‡æ„è¦‹å¾µé›†å’Œè«®è©¢çš„目標擴展至國際層面。"]}),(0,jsx_runtime.jsx)(dom_motion.E.img,{variants:motion_fadeIn("up","tween",.3,1),src:"/arrow-down.svg",alt:"arrow down",className:"w-[18px] h-[28px] object-contain mt-[28px]"})]})]});var react=__webpack_require__(7294);let Explore=()=>{let[active,setActive]=(0,react.useState)("world-2");return(0,jsx_runtime.jsx)("section",{className:"".concat(styles_0.paddings),id:"explore",children:(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_staggerContainer,initial:"hidden",whileInView:"show",viewport:{once:!1,amount:.25},className:"".concat(styles_0.innerWidth," mx-auto flex flex-col"),children:[(0,jsx_runtime.jsx)(CustomTexts_TypingText,{title:"意見徵集流程 | vTaiwan process",textStyles:"text-center"}),(0,jsx_runtime.jsx)(CustomTexts_TitleText,{title:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"公民參與塑造 AI 人工智慧的未來"}),textStyles:"text-center"}),(0,jsx_runtime.jsx)("div",{className:"mt-[50px] flex lg:flex-row flex-col min-h-[70vh] gap-5",children:exploreWorlds.map((world,index)=>(0,jsx_runtime.jsx)(ExploreCard,{...world,index:index,active:active,handleClick:setActive},world.id))})]})})},GetStarted=()=>(0,jsx_runtime.jsx)("section",{className:"".concat(styles_0.paddings," relative z-10"),id:"getstarted",children:(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_staggerContainer,initial:"hidden",whileInView:"show",viewport:{once:!1,amount:.25},className:"".concat(styles_0.innerWidth," mx-auto flex lg:flex-row flex-col gap-8"),children:[(0,jsx_runtime.jsx)(dom_motion.E.div,{variants:planetVariants("left"),className:"flex-1 ".concat(styles_0.flexCenter),children:(0,jsx_runtime.jsx)("img",{src:"/vTaiwan x OpenAI _線上意見徵集.jpg",alt:"get-started",className:"w-[90%] h-[90%] object-contain"})}),(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_fadeIn("left","tween",.2,1),className:"flex-[0.75] flex justify-center flex-col",children:[(0,jsx_runtime.jsx)(CustomTexts_TypingText,{title:"加入線上意見徵集| Engage with your opions"}),(0,jsx_runtime.jsx)(CustomTexts_TitleText,{title:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Polis 線上意見徵集"})}),(0,jsx_runtime.jsxs)("div",{className:"mt-[31px] flex flex-col max-w-[370px] gap-[24px]",children:[startingFeatures.map((feature,index)=>(0,jsx_runtime.jsx)(StartSteps,{number:"".concat(index<10?"0":""," ").concat(index+1),text:feature},feature)),(0,jsx_runtime.jsx)("div",{className:"flex items-center justify-between flex-wrap gap-5 ",children:(0,jsx_runtime.jsx)(link_default(),{href:"https://pol.is/4m6xdhddfz",children:(0,jsx_runtime.jsxs)("button",{type:"button",className:"flex items-center h-fit py-4 px-6 bg-[#25618B] rounded-[32px] gap-[12px]",children:[(0,jsx_runtime.jsx)("img",{src:"/speech.svg",alt:"headset",className:"w-[24px] h-[24px] object-contain"}),(0,jsx_runtime.jsx)("span",{className:"font-normal text-[16px] text-white",children:"加入討論"})]})})})]})]})]})}),WhatsNew=()=>(0,jsx_runtime.jsx)("section",{className:"".concat(styles_0.paddings," relative z-10"),children:(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_staggerContainer,initial:"hidden",whileInView:"show",viewport:{once:!1,amount:.25},className:"".concat(styles_0.innerWidth," mx-auto flex lg:flex-row flex-col gap-8"),children:[(0,jsx_runtime.jsxs)(dom_motion.E.div,{variants:motion_fadeIn("right","tween",.2,1),className:"flex-[0.95] flex justify-center flex-col",children:[(0,jsx_runtime.jsx)(CustomTexts_TypingText,{title:"Next up: : 諮詢會議 | Consultation Meeting"}),(0,jsx_runtime.jsx)(CustomTexts_TitleText,{title:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:" 實體諮詢會議 "})}),(0,jsx_runtime.jsx)("div",{className:"mt-[48px] flex flex-wrap justify-between gap-[24px]",children:newFeatures.map(feature=>(0,jsx_runtime.jsx)(NewFeatures,{...feature},feature.title))})]}),(0,jsx_runtime.jsx)(dom_motion.E.div,{variants:planetVariants("right"),className:"flex-1 ".concat(styles_0.flexCenter),children:(0,jsx_runtime.jsx)("img",{src:"/vTaiwan x OpenAI _實體意見徵集.jpg",alt:"get-started",className:"w-[90%] h-[90%] object-contain"})})]})}),Home=()=>(0,jsx_runtime.jsxs)("div",{className:"bg-primary-black overflow-hidden",children:[(0,jsx_runtime.jsx)(Navbar,{}),(0,jsx_runtime.jsx)(Hero,{}),(0,jsx_runtime.jsxs)("div",{className:"relative",children:[(0,jsx_runtime.jsx)(About,{}),(0,jsx_runtime.jsx)("div",{className:"gradient-03 z-0"}),(0,jsx_runtime.jsx)(Explore,{})]}),(0,jsx_runtime.jsxs)("div",{className:"relative",children:[(0,jsx_runtime.jsx)(GetStarted,{}),(0,jsx_runtime.jsx)("div",{className:"gradient-04 z-0"}),(0,jsx_runtime.jsx)(WhatsNew,{})]}),(0,jsx_runtime.jsx)(Footer,{})]});var pages=Home}},function(__webpack_require__){__webpack_require__.O(0,[63,774,888,179],function(){return __webpack_require__(__webpack_require__.s=5557)}),_N_E=__webpack_require__.O()}]);