2 lines
4.4 KiB
JavaScript
2 lines
4.4 KiB
JavaScript
import{r,j as e,ah as d,a7 as a,a1 as s,n as c,au as g}from"./index-CfI7nleC.js";import"./index-BSHrD-on.js";function h({title:t,titleId:l,...n},o){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:o,"aria-labelledby":l},n),t?r.createElement("title",{id:l},t):null,r.createElement("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))}const i=r.forwardRef(h),x="/assets/onboarding-graphic-C-mwllNV.png",m=()=>{const t=async()=>{const l={data:[{corsRestricted:!1,id:c(),lastEdited:new Date().toString(),name:"svg-gobbler",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150.156 150.156"><g clip-path="url(#c)"><rect width="150.156" height="150.156" fill="#FB575E" rx="35.193"/><circle cx="24.635" cy="47.51" r="11.731" fill="#fff"/><circle cx="125.521" cy="47.51" r="11.731" fill="#fff"/><path fill="none" stroke="#fff" stroke-width="8.212" d="M24.635 47.51h100.886m-85.636 54.55s0-56.015 35.78-56.015 35.779 56.015 35.779 56.015"/><rect width="41.058" height="41.058" x="55.136" y="26.981" fill="#1E293B" rx="11.731"/><rect width="41.058" height="41.058" x="19.356" y="82.117" fill="#1E293B" rx="11.731"/><rect width="41.058" height="41.058" x="90.915" y="82.117" fill="#1E293B" rx="11.731"/></g></svg>'}],host:s("onboarding_title"),href:a.svgGobblerHomepage,origin:a.svgGobblerHomepage};await chrome.runtime.sendMessage({data:l,type:"launch-svg-gobbler-from-onboarding"}),window.close()};return e.jsxs("div",{className:"relative isolate flex min-h-screen items-center overflow-hidden bg-white",children:[e.jsxs("svg",{"aria-hidden":"true",className:"absolute inset-0 -z-10 h-full w-full stroke-gray-200 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]",children:[e.jsx("defs",{children:e.jsx("pattern",{height:200,id:"0787a7c5-978c-4f66-83c7-11c213f99cb7",patternUnits:"userSpaceOnUse",width:200,x:"50%",y:-1,children:e.jsx("path",{d:"M.5 200V.5H200",fill:"none"})})}),e.jsx("rect",{fill:"url(#0787a7c5-978c-4f66-83c7-11c213f99cb7)",height:"100%",strokeWidth:0,width:"100%"})]}),e.jsxs("div",{className:"mx-auto max-w-7xl px-6 py-8 lg:flex lg:px-8",children:[e.jsxs("div",{className:"mx-auto max-w-2xl lg:mx-0 lg:max-w-xl lg:flex-shrink-0 lg:pt-8",children:[e.jsx(d,{className:"h-11"}),e.jsx("div",{className:"mt-16",children:e.jsxs("a",{className:"inline-flex space-x-6",href:a.githubReleases,target:"_blank",children:[e.jsx("span",{className:"rounded-full bg-red-600/10 px-3 py-1 text-sm font-semibold leading-6 text-red-600 ring-1 ring-inset ring-red-600/10",children:s("onboarding_new")}),e.jsxs("span",{className:"inline-flex items-center space-x-2 text-sm font-medium leading-6 text-gray-600",children:[e.jsx("span",{children:s("onboarding_version")}),e.jsx(i,{"aria-hidden":"true",className:"h-5 w-5 text-gray-400"})]})]})}),e.jsx("h1",{className:"mt-10 text-6xl font-bold tracking-tight text-gray-900",children:s("onboarding_title")}),e.jsx("p",{className:"mt-6 text-lg leading-8 text-gray-600",children:s("onboarding_desc")}),e.jsxs("div",{className:"mt-10 flex items-center gap-x-6",children:[e.jsxs("button",{className:"group flex items-center rounded-md bg-red-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600",onClick:t,children:[s("onboarding_launch"),e.jsx("div",{className:"h-5 w-0 overflow-hidden transition-all duration-300 ease-in-out group-hover:ml-2 group-hover:w-5",children:e.jsx(i,{"aria-hidden":"true",className:"h-5 w-5"})})]}),e.jsx("iframe",{height:"30",src:"https://ghbtns.com/github-btn.html?user=rossmoody&repo=svg-gobbler&type=star&count=true&size=large",title:"GitHub",width:"170"})]})]}),e.jsx("div",{className:"mx-auto mt-16 flex max-w-2xl sm:mt-24 lg:ml-32 lg:mr-0 lg:mt-0 lg:max-w-none lg:flex-none",children:e.jsx("div",{className:"max-w-3xl flex-none sm:max-w-5xl",children:e.jsx("div",{className:"-m-2 rounded-xl bg-gray-900/5 p-2 ring-1 ring-inset ring-gray-900/10 lg:-m-4 lg:rounded-2xl lg:p-4",children:e.jsx("img",{alt:"App screenshot",className:"w-[76rem] rounded-md shadow-2xl ring-1 ring-gray-900/10",height:1442,src:x,width:2147})})})})]})]})};g.createRoot(document.querySelector("#root")).render(e.jsx(m,{}));
|