1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4066],{60693:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/badges/[badge]",function(){return t(43227)}])},43227:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return g},default:function(){return _badge_}});var r=t(85893),a=t(82729),i=t(19521),o=t(67294),s=t(77521);function _templateObject(){let n=(0,a._)([""]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,a._)(["\n from {\n transform: scale(0.8);\n visibility: hidden;\n opacity: 0;\n } to {\n transform: scale(1);\n visibility: visible;\n opacity: 1;\n }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,a._)(["\n animation: "," 0.2s ease-in;\n overflow: auto;\n &::backdrop {\n /* background: repeating-linear-gradient(\n 45deg,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0.2) 1px,\n rgba(0, 0, 0, 0.3) 1px,\n rgba(0, 0, 0, 0.3) 20px\n ); */\n /* backdrop-filter: blur(3px); */\n background: rgba(0, 0, 0, 0.5);\n }\n text-align: center;\n\n "," {\n width: 90%;\n }\n\n "," {\n width: 60%;\n }\n\n "," {\n width: 35%;\n }\n\n h1 {\n margin: 1rem 0;\n font-size: 1.2rem;\n }\n\n img {\n margin: 0 auto;\n }\n\n p {\n margin-top: 1.7rem;\n margin-left: 5px;\n margin-right: 5px;\n }\n\n menu {\n margin: 0;\n margin-top: 1rem;\n padding: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 2rem;\n\n "," {\n flex-flow: row;\n // to prevent the buttons stacking by row wrapping\n justify-content: start;\n }\n\n "," {\n justify-content: center;\n }\n\n p {\n font-weight: bold;\n }\n }\n\n .close-btn {\n all: unset;\n position: absolute;\n right: 20px;\n top: 10px;\n font-size: 30px;\n line-height: 0.6;\n transition-duration: 0.2s;\n padding: 0.2rem;\n\n :hover {\n background-color: rgba(0, 0, 0, 0.15);\n border-radius: 50%;\n cursor:\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)\n 14 0,\n pointer;\n }\n }\n\n .social-icons {\n display: flex;\n justify-content: center;\n\n li {\n margin: -15px 15px 0px 15px;\n transform: scale(1.05);\n transition-duration: 0.3s;\n\n :hover {\n transform: scale(1.2);\n }\n }\n }\n\n .badge-image {\n border: 3px solid black;\n border-radius: 20px;\n box-shadow: -6px 6px 5px rgba(50, 50, 93, 0.25);\n }\n\n .message {\n margin: 0px 20px 40px 20px;\n }\n"]);return _templateObject2=function(){return n},n}let l=i.default.img.withConfig({componentId:"sc-a31bc6ff-0"})(_templateObject()),c=(0,i.keyframes)(_templateObject1()),d=i.default.dialog.withConfig({componentId:"sc-a31bc6ff-1"})(_templateObject2(),c,n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.xs});var Badge=function(n){let{newBadge:e,badgeMessage:t,badgeImage:a}=n,[i,c]=(0,o.useState)(!1);return(0,o.useEffect)(function(){var n;return null===(n=document.querySelector("dialog.nes-dialog"))||void 0===n||n.showModal(),()=>{document.body.style.overflow="unset"}},[]),e=e.split("-").splice(1).join("-"),(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(d,{role:"dialog",className:"nes-dialog badge-dialog is-rounded",children:(0,r.jsxs)("form",{method:"dialog",children:[a&&(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("h1",{children:"New Badge!"})}),a&&(0,r.jsx)(s.Z,{tiltMaxAngleX:15,tiltMaxAngleY:15,children:(0,r.jsx)(l,{className:"badge-image",src:a,style:{width:"90%"},alt:"badge"})}),(0,r.jsx)("p",{children:"Congratulations! You have earned a new badge!"}),t&&(0,r.jsx)("p",{className:"message",children:t})]})})})},g=!0,_badge_=function(n){let{badge:e}=n;return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(Badge,{...e})})}}},function(n){n.O(0,[9774,2888,179],function(){return n(n.s=60693)}),_N_E=n.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.