1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2566],{65916:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/certificates/[uuid]",function(){return t(10320)}])},10320:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return v},default:function(){return _uuid_}});var i=t(82729),r=t(85893),o=t(19521),a=t(67294),s=t(41664),l=t.n(s),c=t(11163),d=t(84849),p=t(73857);function _templateObject(){let n=(0,i._)(["\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 _templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n //animation: "," 0.3s ease-in;\n\n &::backdrop {\n background: rgba(0, 0, 0, 0.5);\n }\n\n text-align: center;\n\n color: ",";\n\n "," {\n width: 100%;\n position: relative;\n\n .close-btn {\n all: unset;\n position: absolute;\n right: 20px;\n top: 10px;\n font-size: 30px;\n line-height: 0.8;\n transition-duration: 0.2s;\n padding: 0.2rem;\n\n :hover {\n background-color: hsla(61, 6%, 90%, 0.3);\n border-radius: 50%;\n cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)\n 14 0,\n pointer;\n }\n }\n\n p {\n margin-top: 1rem;\n margin-bottom: 0;\n font-family: Montserrat, sans-serif;\n font-size: 1.2rem;\n font-weight: 500;\n }\n\n div.dialog-menu {\n display: flex;\n gap: 1rem;\n justify-content: center;\n font-family: Montserrat, sans-serif;\n font-weight: bold;\n flex-wrap: wrap;\n align-items: center;\n }\n\n img {\n margin: 0 auto;\n height: 5rem;\n }\n }\n\n "," {\n width: 100%;\n\n div.dialog-menu {\n display: flex;\n gap: 1rem;\n justify-content: center;\n align-items: center;\n }\n }\n\n "," {\n width: 100%;\n }\n\n ",' {\n width: 100%;\n }\n\n .heading {\n font-family: "PixelGridM";\n margin: 1rem auto;\n margin-top: 6.5rem;\n /* background-color: #e9ffd8; */\n width: 80%;\n padding: 1rem 0;\n border-radius: 5px;\n font-size: 32px;\n span {\n color: #065a39;\n }\n }\n\n img {\n margin: 0 auto;\n\n border: 2.5px solid ',";\n border-radius: 3px;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\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: 1rem;\n\n "," {\n flex-flow: column;\n {\n /*to prevent the buttons stacking by row wrapping*/\n }\n justify-content: center;\n }\n\n "," {\n flex-flow: row;\n }\n }\n\n div.share {\n height: 40px;\n display: flex;\n justify-content: center;
1\n align-items: center;\n position: relative;\n transition-duration: 0.3s;\n cursor:\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)\n 14 0,\n pointer;\n\n .share-to {\n z-index: 100;\n position: absolute;\n bottom: 3.5rem;\n width: 165px;\n background-color: ",";\n box-shadow:\n rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,\n rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;\n padding: 10px 15px 10px 15px;\n display: none;\n align-items: center;\n border-radius: 20px;\n\n i {\n margin: auto 5px;\n\n img {\n width: 100%;\n height: 100%;\n border: none;\n box-shadow: none;\n filter: ",";\n }\n }\n\n p {\n color: ",";\n width: 200px;\n padding: 0px 10px;\n margin: 0px;\n font-size: 14px;\n }\n }\n\n .hover-active {\n display: none;\n }\n }\n\n div.share:hover {\n .share-to {\n display: flex;\n }\n\n .hover-active {\n position: absolute;\n display: block;\n width: 150px;\n height: 100px;\n }\n }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,i._)(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-flow: column wrap;\n margin: 0 auto;\n\n font-family: Montserrat, sans-serif;\n font-weight: 500;\n\n "," {\n width: 90%;\n\n img {\n height: 17rem;\n }\n }\n\n "," {\n img {\n width: 100%;\n height: 100%;\n }\n }\n\n "," {\n width: 90%;\n\n .image-container {\n height: 500px;\n border-radius: 8px;\n overflow: hidden;\n }\n }\n\n "," {\n width: 90%;\n }\n"]);return _templateObject2=function(){return n},n}let h=(0,o.keyframes)(_templateObject()),m=o.default.div.withConfig({componentId:"sc-926466a8-0"})(_templateObject1(),h,n=>{let{theme:e}=n;return e.colors.text1},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.lg},n=>{let{theme:e}=n;return"light"===e.mode?"black":"#244C73"},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>"light"===n.theme.mode?"#1d2331":"white",n=>"light"===n.theme.mode?"brightness(0) invert(1)":"brightness(0%)",n=>"light"===n.theme.mode?"white":"black"),f=o.default.div.withConfig({componentId:"sc-926466a8-1"})(_templateObject2(),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.lg});var certification_CertificatePopUp=function(n){var e,t,i;let{credential:o}=n,[s,h]=(0,a.useState)(!1),[x,g]=(0,a.useState)(!0),[u,w]=(0,a.useState)(!0),[j,b]=(0,a.useState)(!1),A=(0,c.useRouter)(),[v,k]=null==o?void 0:null===(e=o.issued_on)||void 0===e?void 0:e.split("-"),_=A.asPath;return((0,a.useEffect)(()=>{h(!0)},[]),s&&x)?(0,r.jsxs)(m,{children:[(0,r.jsx)("h3",{className:"heading",children:"Certificate of Completion"}),(0,r.jsx)(f,{children:(0,r.jsxs)("div",{className:"image-container",children:[(0,r.jsx)("img",{className:"certificate-img",src:null==o?void 0:null===(i=o.certificate)||void 0===i?void 0:null===(t=i.image)||void 0===t?void 0:t.preview,onLoad:()=>w(!1),alt:"course certificate",style:{display:"".concat(u?"none":"block")}}),u&&(0,r.jsx)(d.Z,{enableAnimation:!0,width:"705px",height:"500px"})]})}),(0,r.jsxs)("div",{className:"dialog-menu",style:{marginTop:"2rem"},children:[(0,r.jsx)(l(),{href:"https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=".concat(o.name,"&organizationId=86062521&issueYear=").concat(v,"&issueMonth=").concat(k,"&certUrl=").concat(window.origin).concat(A.asPath),target:"_blank",style:{textDecoration:"none"},children:(0,r.jsx)(p.Z,{children:"Add to LinkedIn"})}),(0,r.jsxs)(l(),{href:"https://api.accredible.com/v1/credential/generate_certificate_pdf?credential_id=".concat(null==o?void 0:o.accredible_internal_id,"&mode=pdf"),target:"_blank",style:{textDecoration:"none"},children:[(0,r.jsx)(p.Z,{variant:"green",children:"Download PDF"})," "]}),(0,r.jsxs)("div",{className:"share",children:[(0,r.jsx)(p.Z,{onClick:()=>b(!j),variant:"subtle",children:"Share"}),(0,r.jsxs)("div",{className:"share-to",children:[(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://twitter.com/intent/tweet?url=https://www.codedex.io".concat(_,"&text=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/twitter.png",alt:"twitter link"})})}),(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://www.reddit.com/submit?url=https://www.codedex.io".concat(_,"&title=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/reddit.png",alt:"reddit link"})})}),(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://www.linkedin.com/sharing/share-offsite/?url=https://www.codedex.io".concat(_,"&title=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/linkedin.png",alt:"linkedin link"})})}),(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://www.facebook.com/sharer/sharer.php?u=https://www.codedex.io".concat(_,"&t=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/facebook.png",alt:"twitter link"})})})]}
1),(0,r.jsx)("div",{className:"hover-active"})]})]})]}):null},x=t(99428),g=t(62069),u=t(79352);function CertificateGlobal_templateObject(){let n=(0,i._)(["\n color: ",";\n "," {\n margin-top: 7.5rem;\n\n h2 {\n margin-bottom: 2rem;\n }\n\n img {\n width: 45vw;\n height: auto;\n border: 3px solid ",";\n border-radius: 3px;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n }\n\n p {\n font-family: Montserrat, sans-serif;\n font-weight: 500;\n font-size: 18px;\n }\n\n div.img-text {\n display: flex;\n gap: 2rem;\n }\n\n div.not-found {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n height: 70vh;\n font-family: Montserrat, sans-serif;\n }\n }\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n\n div.share {\n margin-top: 4rem;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n transition-duration: 0.3s;\n cursor:\n url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)\n 14 0,\n pointer;\n\n .share-to {\n z-index: 100;\n position: absolute;\n bottom: 3.5rem;\n width: 200px;\n background-color: ",";\n box-shadow:\n rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,\n rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;\n padding: 10px 15px 10px 15px;\n display: none;\n align-items: center;\n border-radius: 20px;\n\n i {\n margin: auto 5px;\n img {\n border: none;\n box-shadow: none;\n filter: ",";\n }\n }\n p {\n color: ",";\n width: 200px;\n padding: 0px 10px;\n margin: 0px;\n font-size: 14px;\n }\n }\n\n .hover-active {\n display: none;\n }\n }\n\n div.share:hover {\n .share-to {\n display: flex;\n }\n\n .hover-active {\n position: absolute;\n display: block;\n width: 150px;\n height: 100px;\n }\n }\n"]);return CertificateGlobal_templateObject=function(){return n},n}let w=o.default.div.withConfig({componentId:"sc-664fa426-0"})(CertificateGlobal_templateObject(),n=>n.theme.colors.text1,n=>{let{theme:e}=n;return e.breakpoints.xs},n=>"light"===n.theme.mode?"black":"#244C73",n=>"light"===n.theme.mode?"#1d2331":"white",n=>"light"===n.theme.mode?"brightness(0) invert(1)":"brightness(0%)",n=>"light"===n.theme.mode?"white":"black");var CertificateGlobal=function(n){var e,t;let{creds:i}=n,[o,s]=(0,a.useState)(!1),[l,p]=(0,a.useState)(!0),h=(0,c.useRouter)(),m=h.asPath;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.Z,{}),(0,r.jsx)(g.Z,{children:(0,r.jsxs)(w,{children:[(0,r.jsx)("h2",{children:"Certificate of Completion"}),(0,r.jsxs)("div",{className:"img-text",children:[(0,r.jsx)("img",{onLoad:()=>p(!1),src:null==i?void 0:null===(t=i.certificate)||void 0===t?void 0:null===(e=t.image)||void 0===e?void 0:e.preview,alt:"course certificate",style:{display:"".concat(l?"none":"block")}}),l&&(0,r.jsx)(d.Z,{enableAnimation:!0,width:"45vw",height:"610px"})]}),(0,r.jsxs)("div",{className:"share",children:[(0,r.jsxs)("button",{className:"nes-btn is-primary",onClick:()=>s(!o),children:["Share"," ",(0,r.jsx)(u.cql,{style:{fontSize:"1.35rem",marginTop:"-0.4rem"}})]}),(0,r.jsxs)("div",{className:"share-to",children:[(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://twitter.com/intent/tweet?url=https://www.codedex.io".concat(m,"&text=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/twitter.png",alt:"twitter link"})})}),(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://www.reddit.com/submit?url=https://www.codedex.io".concat(m,"&title=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/reddit.png",alt:"reddit link"})})}),(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://www.linkedin.com/sharing/share-offsite/?url=https://www.codedex.io".concat(m,"&title=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/linkedin.png",alt:"linkedin link"})})}),(0,r.jsx)("i",{children:(0,r.jsx)("a",{href:"https://www.facebook.com/sharer/sharer.php?u=https://www.codedex.io".concat(m,"&t=","Certificate of Completion"),target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/images/projects/project_interaction/facebook.png",alt:"twitter link"})})})]}
1),(0,r.jsx)("div",{className:"hover-active"})]})]})})]})},j=t(9473),b=t(609);function _uuid_templateObject(){let n=(0,i._)(["\n color: ",";\n "," {\n margin-top: 7.5rem;\n\n h2 {\n margin-bottom: 2rem;\n }\n\n img {\n width: 45vw;\n height: auto;\n border: 3px solid ",";\n border-radius: 3px;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n }\n\n p {\n font-family: Montserrat, sans-serif;\n font-weight: 500;\n font-size: 18px;\n }\n\n div.img-text {\n display: flex;\n gap: 2rem;\n }\n\n div.not-found {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n height: 70vh;\n font-family: Montserrat, sans-serif;\n }\n }\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n"]);return _uuid_templateObject=function(){return n},n}let A=o.default.div.withConfig({componentId:"sc-cac5d50f-0"})(_uuid_templateObject(),n=>n.theme.colors.text1,n=>{let{theme:e}=n;return e.breakpoints.xs},n=>"light"===n.theme.mode?"black":"#244C73");var v=!0,_uuid_=function(n){let{credential:e,status:t,uid:i}=n;(0,j.v9)(b.ot);let o=(0,j.v9)(b.xp);if("success"!==t)return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.Z,{}),(0,r.jsx)(A,{children:(0,r.jsxs)("div",{className:"not-found",children:[(0,r.jsx)("h1",{children:"404: Not found"}),(0,r.jsxs)("h2",{children:["Contact us: ",(0,r.jsx)("a",{href:"mail:[email protected]",children:"[email protected]"})]})]})})]});{let n=e.credential;return i===o?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.Z,{}),(0,r.jsx)(certification_CertificatePopUp,{credential:n})]}):(0,r.jsx)(CertificateGlobal,{creds:n})}}}},function(n){n.O(0,[1272,8700,5937,4153,1622,9280,9428,9774,2888,179],function(){return n(n.s=65916)}),_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.