ibag/web/ibag-guide-web/public/component---src-pages-step-1-js-3e7649e324b4da6e2492.js

A visual, fast, and customizable front-end scaffolding.

(self.webpackChunkgatsby_starter_hello_world=self.webpackChunkgatsby_starter_hello_world||[]).push([[521],{9419:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return o}});var a=r(7294),n=function(){var e=(0,a.useRef)();return(0,a.useEffect)((function(){var t=e.current.getContext("2d");t.strokeStyle="#5dde30",t.shadowColor="rgba(60,60,60,0.6)",t.shadowOffsetX=3,t.shadowOffsetY=3,t.shadowBlur=4,t.lineWidth=10,t.lineCap="round",t.beginPath(),t.moveTo(10.5,35),t.quadraticCurveTo(25.8,35,30.6,45.5),t.quadraticCurveTo(45,94,55.5,50.5),t.quadraticCurveTo(70,20.5,95,5.5),t.stroke()})),a.createElement("canvas",{ref:e,width:110,height:80,className:"absolute right-0 bottom-0 transform translate-x-1/3 translate-y-1/3 opacity-0 group-hover:opacity-100 "})},o=(r(9499),function(e){var t=e.onClick,r=e.data,o=void 0===r?[]:r,l=e.lang;return a.createElement(a.Fragment,null,a.createElement("h1",{className:"font-mono text-2xl"},{en:"Step1: What project do you want to build？",zh:"第一步: 您要搭建一个什么项目？"}[l]),a.createElement("div",{className:" h-5/6 flex justify-around flex-wrap content-around "},o.map((function(e){return a.createElement("div",{key:e,className:"group relative h-1/3 w-2/5 bg-center bg-no-repeat bg-contain rounded-3xl cursor-pointer border-2 border-black shadow hover:shadow-inner",id:e,onClick:function(e){return s(e)}},a.createElement("span",{className:"absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl font-mono"},e),a.createElement(n,null))}))));function s(e){t(e.currentTarget.id)}})}}]);
//# sourceMappingURL=component---src-pages-step-1-js-3e7649e324b4da6e2492.js.map