diff --git a/asset-manifest.json b/asset-manifest.json index 90fd9a2..9d6a7d7 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,7 +1,7 @@ { "files": { "main.css": "/static/css/main.5c79d431.css", - "main.js": "/static/js/main.db311da8.js", + "main.js": "/static/js/main.a4a1b081.js", "react-syntax-highlighter/refractor-core-import.js": "/static/js/react-syntax-highlighter/refractor-core-import.6e4d73b4.chunk.js", "react-syntax-highlighter_languages_refractor_abap.js": "/static/js/react-syntax-highlighter_languages_refractor_abap.f111e1b3.chunk.js", "react-syntax-highlighter_languages_refractor_abnf.js": "/static/js/react-syntax-highlighter_languages_refractor_abnf.21eeae21.chunk.js", @@ -283,7 +283,7 @@ "static/js/592.90a461a6.chunk.js": "/static/js/592.90a461a6.chunk.js", "index.html": "/index.html", "main.5c79d431.css.map": "/static/css/main.5c79d431.css.map", - "main.db311da8.js.map": "/static/js/main.db311da8.js.map", + "main.a4a1b081.js.map": "/static/js/main.a4a1b081.js.map", "refractor-core-import.6e4d73b4.chunk.js.map": "/static/js/react-syntax-highlighter/refractor-core-import.6e4d73b4.chunk.js.map", "react-syntax-highlighter_languages_refractor_abap.f111e1b3.chunk.js.map": "/static/js/react-syntax-highlighter_languages_refractor_abap.f111e1b3.chunk.js.map", "react-syntax-highlighter_languages_refractor_abnf.21eeae21.chunk.js.map": "/static/js/react-syntax-highlighter_languages_refractor_abnf.21eeae21.chunk.js.map", @@ -566,6 +566,6 @@ }, "entrypoints": [ "static/css/main.5c79d431.css", - "static/js/main.db311da8.js" + "static/js/main.a4a1b081.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 1573e25..044c52e 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -
p?p:o+n));1===i?(t=e[a-1],s.push(r[t>>2]+r[t<<4&63]+"==")):2===i&&(t=(e[a-2]<<8)+e[a-1],s.push(r[t>>10]+r[t>>4&63]+r[t<<2&63]+"="));return s.join("")};for(var r=[],a=[],i="undefined"!==typeof Uint8Array?Uint8Array:Array,s="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",n=0;n<64;++n)r[n]=s[n],a[s.charCodeAt(n)]=n;function o(e){var t=e.length;if(t%4>0)throw new Error("Invalid string. Length must be a multiple of 4");var r=e.indexOf("=");return-1===r&&(r=t),[r,r===t?0:4-r%4]}function u(e,t,a){for(var i,s,n=[],o=t;o>18&63]+r[s>>12&63]+r[s>>6&63]+r[63&s]);return n.join("")}a["-".charCodeAt(0)]=62,a["_".charCodeAt(0)]=63},63528:(e,t,r)=>{"use strict";var a=r(29044),i=r(23608),s=r(45672);function n(){return u.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function o(e,t){if(n() >1,l=23===i?Math.pow(2,-24)-Math.pow(2,-77):0,d=a?0:s-1,y=a?1:-1,b=t<0||0===t&&1/t<0?1:0;for(t=Math.abs(t),isNaN(t)||t===1/0?(o=isNaN(t)?1:0,n=c):(n=Math.floor(Math.log(t)/Math.LN2),t*(u=Math.pow(2,-n))<1&&(n--,u*=2),(t+=n+m>=1?l/u:l*Math.pow(2,1-m))*u>=2&&(n++,u/=2),n+m>=c?(o=0,n=c):n+m>=1?(o=(t*u-1)*Math.pow(2,i),n+=m):(o=t*Math.pow(2,m-1)*Math.pow(2,i),n=0));i>=8;e[r+d]=255&o,d+=y,o/=256,i-=8);for(n=n<0;e[r+d]=255&n,d+=y,n/=256,p-=8);e[r+d-y]|=128*b}},55880:e=>{"function"===typeof Object.create?e.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:e.exports=function(e,t){if(t){e.super_=t;var r=function(){};r.prototype=t.prototype,e.prototype=new r,e.prototype.constructor=e}}},56624:(e,t,r)=>{"use strict";var a=r(72324)(),i=r(34160)("Object.prototype.toString"),s=function(e){return!(a&&e&&"object"===typeof e&&Symbol.toStringTag in e)&&"[object Arguments]"===i(e)},n=function(e){return!!s(e)||null!==e&&"object"===typeof e&&"number"===typeof e.length&&e.length>=0&&"[object Array]"!==i(e)&&"[object Function]"===i(e.callee)},o=function(){return s(arguments)}();s.isLegacyArguments=n,e.exports=o?s:n},27444:e=>{"use strict";var t,r,a=Function.prototype.toString,i="object"===typeof Reflect&&null!==Reflect&&Reflect.apply;if("function"===typeof i&&"function"===typeof Object.defineProperty)try{t=Object.defineProperty({},"length",{get:function(){throw r}}),r={},i((function(){throw 42}),null,t)}catch(d){d!==r&&(i=null)}else i=null;var s=/^\s*class\b/,n=function(e){try{var t=a.call(e);return s.test(t)}catch(r){return!1}},o=function(e){try{return!n(e)&&(a.call(e),!0)}catch(t){return!1}},u=Object.prototype.toString,p="function"===typeof Symbol&&!!Symbol.toStringTag,c=!(0 in[,]),m=function(){return!1};if("object"===typeof document){var l=document.all;u.call(l)===u.call(document.all)&&(m=function(e){if((c||!e)&&("undefined"===typeof e||"object"===typeof e))try{var t=u.call(e);return("[object HTMLAllCollection]"===t||"[object HTML document.all class]"===t||"[object HTMLCollection]"===t||"[object Object]"===t)&&null==e("")}catch(r){}return!1})}e.exports=i?function(e){if(m(e))return!0;if(!e)return!1;if("function"!==typeof e&&"object"!==typeof e)return!1;try{i(e,null,t)}catch(a){if(a!==r)return!1}return!n(e)&&o(e)}:function(e){if(m(e))return!0;if(!e)return!1;if("function"!==typeof e&&"object"!==typeof e)return!1;if(p)return o(e);if(n(e))return!1;var t=u.call(e);return!("[object Function]"!==t&&"[object GeneratorFunction]"!==t&&!/^\[object HTML/.test(t))&&o(e)}},87376:(e,t,r)=>{"use strict";var a,i=Object.prototype.toString,s=Function.prototype.toString,n=/^\s*(?:function)?\*/,o=r(72324)(),u=Object.getPrototypeOf;e.exports=function(e){if("function"!==typeof e)return!1;if(n.test(s.call(e)))return!0;if(!o)return"[object GeneratorFunction]"===i.call(e);if(!u)return!1;if("undefined"===typeof a){var t=function(){if(!o)return!1;try{return Function("return function*() {}")()}catch(e){}}();a=!!t&&u(t)}return u(e)===a}},90368:(e,t,r)=>{"use strict";var a=r(85016);e.exports=function(e){return!!a(e)}},71736:(e,t)=>{!function(e){"use strict";function t(e){return null!==e&&"[object Array]"===Object.prototype.toString.call(e)}function r(e){return null!==e&&"[object Object]"===Object.prototype.toString.call(e)}function a(e,i){if(e===i)return!0;if(Object.prototype.toString.call(e)!==Object.prototype.toString.call(i))return!1;if(!0===t(e)){if(e.length!==i.length)return!1;for(var s=0;se.length)throw new RangeError("Index out of range")}function L(e,t,r,a){t<0&&(t=65535+t+1);for(var i=0,s=Math.min(e.length-r,2);i>>8*(a?i:1-i)}function _(e,t,r,a){t<0&&(t=4294967295+t+1);for(var i=0,s=Math.min(e.length-r,4);i>>8*(a?i:3-i)&255}function w(e,t,r,a,i,s){if(r+a>e.length)throw new RangeError("Index out of range");if(r<0)throw new RangeError("Index out of range")}function G(e,t,r,a,s){return s||w(e,0,r,4),i.write(e,t,r,a,23,4),r+4}function O(e,t,r,a,s){return s||w(e,0,r,8),i.write(e,t,r,a,52,8),r+8}u.prototype.slice=function(e,t){var r,a=this.length;if((e=~~e)<0?(e+=a)<0&&(e=0):e>a&&(e=a),(t=void 0===t?a:~~t)<0?(t+=a)<0&&(t=0):t>a&&(t=a),t>>=0,r=void 0===r?this.length:r>>>0,e||(e=0),"number"===typeof e)for(s=t;s>>1;a=55296&&t<=56319&&i65535&&(t+=T((e-=65536)>>>10&1023|55296),e=56320|1023&e),t+=T(e)})).join("")}function D(e,t){return e+22+75*(e<26)-((0!=t)<<5)}function x(e,t,r){var a=0;for(e=r?N(e/l):e>>1,e+=N(e/t);e>I*c>>1;a+=u)e=N(e/I);return N(a+(I+1)*e/(e+m))}function P(e){var t,r,a,i,s,n,m,l,h,g,S,f=[],I=e.length,T=0,C=y,v=d;for((r=e.lastIndexOf(b))<0&&(r=0),a=0;a=3&&(a.depth=arguments[2]),arguments.length>=4&&(a.colors=arguments[3]),b(r)?a.showHidden=r:r&&t._extend(a,r),f(a.showHidden)&&(a.showHidden=!1),f(a.depth)&&(a.depth=2),f(a.colors)&&(a.colors=!1),f(a.customInspect)&&(a.customInspect=!0),a.colors&&(a.stylize=p),m(a,e,a.depth)}function p(e,t){var r=u.styles[t];return r?"\x1b["+u.colors[r][0]+"m"+e+"\x1b["+u.colors[r][1]+"m":e}function c(e,t){return e}function m(e,r,a){if(e.customInspect&&r&&C(r.inspect)&&r.inspect!==t.inspect&&(!r.constructor||r.constructor.prototype!==r)){var i=r.inspect(a,e);return S(i)||(i=m(e,i,a)),i}var s=function(e,t){if(f(t))return e.stylize("undefined","undefined");if(S(t)){var r="'"+JSON.stringify(t).replace(/^"|"$/g,"").replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return e.stylize(r,"string")}if(g(t))return e.stylize(""+t,"number");if(b(t))return e.stylize(""+t,"boolean");if(h(t))return e.stylize("null","null")}(e,r);if(s)return s;var n=Object.keys(r),o=function(e){var t={};return e.forEach((function(e,r){t[e]=!0})),t}(n);if(e.showHidden&&(n=Object.getOwnPropertyNames(r)),k(r)&&(n.indexOf("message")>=0||n.indexOf("description")>=0))return l(r);if(0===n.length){if(C(r)){var u=r.name?": "+r.name:"";return e.stylize("[Function"+u+"]","special")}if(I(r))return e.stylize(RegExp.prototype.toString.call(r),"regexp");if(T(r))return e.stylize(Date.prototype.toString.call(r),"date");if(k(r))return l(r)}var p,c="",N=!1,v=["{","}"];(y(r)&&(N=!0,v=["[","]"]),C(r))&&(c=" [Function"+(r.name?": "+r.name:"")+"]");return I(r)&&(c=" "+RegExp.prototype.toString.call(r)),T(r)&&(c=" "+Date.prototype.toUTCString.call(r)),k(r)&&(c=" "+l(r)),0!==n.length||N&&0!=r.length?a<0?I(r)?e.stylize(RegExp.prototype.toString.call(r),"regexp"):e.stylize("[Object]","special"):(e.seen.push(r),p=N?function(e,t,r,a,i){for(var s=[],n=0,o=t.length;np.length||""===c){n=o;break}s=t.slice(n,t.length)}S.label=1;case 1:S.trys.push([1,6,7,8]),m=xe(function(e){var t,r,a,i,s,n,o;return De(this,(function(u){switch(u.label){case 0:t=function(e){return De(this,(function(t){switch(t.label){case 0:return[4,{op:function(t){return requestAnimationFrame((function(){return t.textContent=e}))},opCode:function(t){var r=t.textContent||"";return""===e||r.length>e.length?"DELETE":"WRITING"}}];case 1:return t.sent(),[2]}}))},u.label=1;case 1:u.trys.push([1,6,7,8]),r=xe(e),a=r.next(),u.label=2;case 2:return a.done?[3,5]:(i=a.value,[5,t(i)]);case 3:u.sent(),u.label=4;case 4:return a=r.next(),[3,2];case 5:return[3,8];case 6:return s=u.sent(),n={error:s},[3,8];case 7:try{a&&!a.done&&(o=r.return)&&o.call(r)}finally{if(n)throw n.error}return[7];case 8:return[2]}}))}(s)),l=m.next(),S.label=2;case 2:return l.done?[3,5]:(d=l.value,y="WRITING"===d.opCode(e)?r+r*(Math.random()-.5):a+a*(Math.random()-.5),d.op(e),[4,Le(y)]);case 3:S.sent(),S.label=4;case 4:return l=m.next(),[3,2];case 5:return[3,8];case 6:return b=S.sent(),h={error:b},[3,8];case 7:try{l&&!l.done&&(g=m.return)&&g.call(m)}finally{if(h)throw h.error}return[7];case 8:return[2]}}))}))}function we(e,t,r){var a,i;return void 0===r&&(r=0),De(this,(function(s){switch(s.label){case 0:a=t(e),i=a.length,s.label=1;case 1:return rr?[4,a.slice(0,--i).join("")]:[3,3];case 2:return s.sent(),[3,1];case 3:return[2]}}))}!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===r&&a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}(".index-module_type__E-SaG::after {\n content: '|';\n animation: index-module_cursor__PQg0P 1.1s infinite step-start;\n}\n\n@keyframes index-module_cursor__PQg0P {\n 50% {\n opacity: 0;\n }\n}\n");var Oe=(0,t.memo)((0,t.forwardRef)((function(e,r){var a=e.sequence,i=e.repeat,s=e.className,n=e.speed,o=void 0===n?40:n,u=e.deletionSpeed,p=e.omitDeletionAnimation,c=void 0!==p&&p,m=e.preRenderFirstString,l=void 0!==m&&m,d=e.wrapper,y=void 0===d?"span":d,b=e.splitter,h=void 0===b?function(e){return qe([],Pe(e),!1)}:b,g=e.cursor,S=void 0===g||g,f=e.style,I=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i".concat(a,"
");t.clearData(),t.setData("text/html",i),t.setData("text/plain",a)}}}componentDidMount(){this._isMounted=!0}componentWillUnmount(){this._isMounted=!1}render(){var e,r,a,i;const{lineNumberContainerStyle:s,codeBlockStyle:n,codeContainerStyle:o}=Iu(this.props.theme),u={language:this.props.language||ku,codeStyle:{...n,...null===(e=this.props)||void 0===e?void 0:e.codeBlockStyle},customStyle:null===(r=this.props)||void 0===r?void 0:r.customStyle,showLineNumbers:this.props.showLineNumbers,startingLineNumber:this.props.startingLineNumber,codeTagProps:{style:{...o,...null===(a=this.props)||void 0===a?void 0:a.codeContainerStyle}},lineNumberContainerStyle:{...s,...null===(i=this.props)||void 0===i?void 0:i.lineNumberContainerStyle},text:this.props.text.toString(),highlight:this.props.highlight,wrapLongLines:this.props.wrapLongLines};return t.createElement(Tu,Object.assign({},u))}}Cu.displayName="CodeBlock",Cu.defaultProps={text:"",showLineNumbers:!0,wrapLongLines:!1,startingLineNumber:1,language:ku,theme:{},highlight:"",lineNumberContainerStyle:{},customStyle:{},codeBlockStyle:{}};var vu=No(Cu);const Au=e=>{let{size:r,color:a,...i}=e;return t.createElement("svg",Object.assign({},i,{viewBox:"0 0 384 512",width:r,height:r,fill:a}),t.createElement("path",{d:"M280 240H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0 96H168c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM112 232c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24 24-10.7 24-24-10.7-24-24-24zM336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 48c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm144 408c0 4.4-3.6 8-8 8H56c-4.4 0-8-3.6-8-8V120c0-4.4 3.6-8 8-8h40v32c0 8.8 7.2 16 16 16h160c8.8 0 16-7.2 16-16v-32h40c4.4 0 8 3.6 8 8v336z"}))};Au.displayName="ClipboardListIcon",Au.defaultProps={size:"16pt",color:"currentcolor"};const Ru=e=>{let{size:r,color:a,...i}=e;return t.createElement("svg",Object.assign({},i,{viewBox:"0 0 384 512",width:r,height:r,fill:a}),t.createElement("path",{d:"M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm121.2 231.8l-143 141.8c-4.7 4.7-12.3 4.6-17-.1l-82.6-83.3c-4.7-4.7-4.6-12.3.1-17L99.1 285c4.7-4.7 12.3-4.6 17 .1l46 46.4 106-105.2c4.7-4.7 12.3-4.6 17 .1l28.2 28.4c4.7 4.8 4.6 12.3-.1 17z"}))};Ru.displayName="ClipboardCheckIcon",Ru.defaultProps={size:"16pt",color:"currentcolor"};Io.button(nu||(nu=Fr(["\n position: absolute;\n top: 0.5em;\n right: 0.75em;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n background: ",";\n margin-top: 0.15rem;\n border-radius: 0.25rem;\n max-height: 2rem;\n max-width: 2rem;\n padding: 0.25rem;\n &:hover {\n opacity: ",";\n }\n &:focus {\n outline: none;\n opacity: 1;\n }\n .icon {\n width: 1rem;\n height: 1rem;\n }\n"])),(e=>e.theme.backgroundColor),(e=>e.copied?1:.5)),Io.div(ou||(ou=Fr(["\n position: relative;\n background: ",";\n border-radius: 0.25rem;\n padding: ",";\n"])),(e=>e.theme.backgroundColor),(e=>e.codeBlock?"0.25rem 0.5rem 0.25rem 0.25rem":"0.25rem"));Io.div(uu||(uu=Fr(["\n position: relative;\n width: ",";\n max-width: 100%;\n padding: 8pt;\n padding-right: calc(2 * 16pt);\n color: ",";\n background-color: ",";\n border: 1px solid ",";\n border-radius: 5px;\n pre {\n margin: 0;\n padding: 0;\n border: none;\n background-color: transparent;\n color: ",";\n font-size: 0.8125rem;\n }\n pre::before {\n content: '$ ';\n user-select: none;\n }\n pre :global(*) {\n margin: 0;\n padding: 0;\n font-size: inherit;\n color: inherit;\n }\n .copy {\n position: absolute;\n right: 0;\n top: -2px;\n transform: translateY(50%);\n background-color: ",";\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: calc(2 * 16pt);\n color: inherit;\n transition: opacity 0.2s ease 0s;\n border-radius: 5px;\n cursor: pointer;\n user-select: none;\n }\n .copy:hover {\n opacity: 0.7;\n }\n"])),(e=>{let{width:t}=e;return t||"auto"}),(e=>{let{style:t}=e;return t.color}),(e=>{let{style:t}=e;return t.bgColor}),(e=>{let{style:t}=e;return t.border}),(e=>{let{style:t}=e;return t.color}),(e=>{let{style:t}=e;return t.bgColor}));var Du={lineNumberColor:"#c0c5ce",lineNumberBgColor:"#1C1D21",backgroundColor:"#1C1D21",textColor:"#c0c5ce",substringColor:"#c0c5ce",keywordColor:"#B45EA4",attributeColor:"#EE7C2B",selectorAttributeColor:"#B45EA4",docTagColor:"#c0c5ce",nameColor:"#EB3C54",builtInColor:"#E7CE56",literalColor:"#E7CE56",bulletColor:"#4FB4D7",codeColor:"#c0c5ce",additionColor:"#4FB4D7",regexpColor:"#EB3C54",symbolColor:"#4FB4D7",variableColor:"#EB3C54",templateVariableColor:"#EB3C54",linkColor:"#E7CE56",selectorClassColor:"#EB3C54",typeColor:"#E7CE56",stringColor:"#4FB4D7",selectorIdColor:"#EB3C54",quoteColor:"#B6B18B",templateTagColor:"#c0c5ce",deletionColor:"#EB3C54",titleColor:"#78BB65",sectionColor:"#78BB65",commentColor:"#B6B18B",metaKeywordColor:"#c0c5ce",metaColor:"#E7CE56",functionColor:"#c0c5ce",numberColor:"#E7CE56"};function xu(e){let{code:r,lang:a}=e;const[i,s]=(0,t.useState)(!1);return(0,Be.jsxs)("div",{className:"flex flex-col w-full justify-start gap-2",children:[(0,Be.jsxs)("div",{className:"mt-4 flex flex-row items-center gap-2 cursor-pointer group",onClick:()=>s(!i),children:[(0,Be.jsx)("h2",{className:"group-hover:text-red-400",children:"Show me the code"}),i?(0,Be.jsx)(Ri,{className:"group-hover:fill-red-400"}):(0,Be.jsx)(Ai,{className:"group-hover:fill-red-400"})]}),i&&(0,Be.jsx)(vu,{text:r,language:a,showLineNumbers:!0,theme:Du})]})}function Pu(e){let{project:t}=e;const{title:r,code:a,desc:i,stacks:s,status:n,imgs:o,duration:u,id:p,ended:c,lang:m}=t,l=X();return(0,Be.jsxs)("div",{className:"flex-1 flex flex-col gap-2 items-center px-5 md:px-20 py-10 w-full",children:[(0,Be.jsxs)("div",{className:"flex flex-row justify-center items-center relative w-full",children:[(0,Be.jsx)(Ci,{className:"w-7 h-7 absolute right-0 -top-1 hidden md:block cursor-pointer hover:fill-red-400",onClick:()=>{l("/projects")}}),(0,Be.jsx)("h1",{children:r})]}),(0,Be.jsx)("hr",{className:"w-10 my-2 border-red-500"}),(0,Be.jsx)("div",{className:"relative rounded-sm w-full",children:(0,Be.jsx)(Or,{imgs:o,id:p,isDetailPage:!0})}),(0,Be.jsxs)("div",{className:"flex flex-row justify-between items-center gap-2 w-full",children:[(0,Be.jsxs)("div",{className:"text-sm gap-2 flex flex-row items-center",children:[(0,Be.jsx)(vi,{className:"w-3 h-3"})," ",u," ",(0,Be.jsx)("span",{className:"text-xs",children:"days"})]}),(0,Be.jsxs)("div",{className:"flex flex-row items-center gap-2",children:[(0,Be.jsx)("div",{className:"p-[5px] rounded-full mt-[2px] text-sm",style:{backgroundColor:n.color}}),n.name,c&&(0,Be.jsxs)("div",{className:"hidden md:block text-sm",children:["on ",c]})]})]}),(0,Be.jsx)("h2",{className:"self-start mt-2",children:"Used Stacks"}),(0,Be.jsx)("div",{className:"flex flex-row flex-wrap gap-2 w-full",children:s.map(((e,t)=>(0,Be.jsx)("div",{className:"bg-red-500 px-2 py-1 rounded-sm text-sm",children:e},t)))}),(0,Be.jsx)("h2",{className:"self-start mt-4",children:"Description"}),(0,Be.jsx)("div",{className:"whitespace-pre-wrap w-full",children:i}),(0,Be.jsx)(xu,{code:a,lang:m})]})}function qu(){const{id:e}=function(){let{matches:e}=t.useContext(Q),r=e[e.length-1];return r?r.params:{}}(),{data:r,loading:a}=Dr(ni,{variables:{id:e},onError(e){console.log(e)}}),i=null===r||void 0===r?void 0:r.projects_by_pk;return(0,Be.jsxs)(Be.Fragment,{children:[a&&(0,Be.jsx)("div",{className:"flex flex-col gap-2 items-center",children:(0,Be.jsx)(ui(),{type:"cylon",className:"my-10"})}),!a&&!i&&(0,Be.jsx)("div",{className:"flex flex-col gap-2 items-center",children:(0,Be.jsx)("h1",{children:"Project Not Found"})}),i&&(0,Be.jsx)(Pu,{project:i})]})}function Eu(){return(0,Be.jsxs)("div",{className:"h-full flex flex-col gap-2 px-8 md:px-20 mt-4",children:[(0,Be.jsx)("div",{className:"my-5 md:my-8 text-lg md:text-4xl font-bold",children:"Who is Peter.K?"}),(0,Be.jsxs)("div",{children:[(0,Be.jsx)("p",{children:"\ud83d\udc4b Hi, My name is Peter Kim, currently working as a freelance web / app developer in Melbourne."}),(0,Be.jsx)("p",{children:"I've started my journey as a developer in 2017 when I was working as a factory floor manager in Brisbane (I know it sounds odd). Back then, the company had no system to manage the inventory, so I started making one myself using excel. Little later as I moved in to the office as a manager, I then started making a tiny CRM using PHP and JS after realising the limitations excel had."}),(0,Be.jsx)("p",{children:"Ever since, I've worked on various paid / unpaid projects whilist learning and utilising multiple technologies / languages / frameworks, which eventually lead me to shift my career as a full-time freelance developer."}),(0,Be.jsx)("p",{children:"As a self taught developer, I'm versatile, flexible, and always willing to learn not only the latest technologies but concepts and back bones of computer science that can teach me efficient and structured approaches to solving problems."})]}),(0,Be.jsx)("div",{className:"my-5 md:my-8 text-lg md:text-4xl font-bold",children:"Specialties & Tech Stacks"}),(0,Be.jsxs)("ul",{className:"list-disc ml-6",children:[(0,Be.jsx)("li",{children:"CRM (Customer relationship management) Software"}),(0,Be.jsxs)("li",{children:["JavaScript / ",(0,Be.jsx)("span",{className:"text-red-400",children:"TypeScript"})]}),(0,Be.jsxs)("li",{children:["JS Frameworks: ",(0,Be.jsx)("span",{className:"text-red-400",children:"React"}),", React Native, Node JS.."]}),(0,Be.jsx)("li",{children:"FrontEnd State management"}),(0,Be.jsxs)("li",{children:[(0,Be.jsx)("span",{className:"text-red-400",children:"Tailwind CSS"}),", SCSS, Various UI Frameworks inc. Bootstrap, Mui"," "]}),(0,Be.jsxs)("li",{children:["Rest API, ",(0,Be.jsx)("span",{className:"text-red-400",children:"GraphQL"})," API / related libraries inc. axios, ",(0,Be.jsx)("span",{className:"text-red-400",children:"Apollo"}),".."]}),(0,Be.jsxs)("li",{children:["NoSQL:Mongo DB, SQL:MySql,"," ",(0,Be.jsx)("span",{className:"text-red-400",children:"PostgreSql"}),", ORMs inc."," ",(0,Be.jsx)("span",{className:"text-red-400",children:"Hasura"})]}),(0,Be.jsxs)("li",{children:["Cloud Storage, ",(0,Be.jsx)("span",{className:"text-red-400",children:"Object Storage"}),", NAS integration"]}),(0,Be.jsx)("li",{children:"PWA with offline support, push notifications, real-time updates"}),(0,Be.jsx)("li",{children:"Product release on various platforms inc iOS, Android, Web Hosting, VPS"}),(0,Be.jsx)("li",{children:(0,Be.jsx)("span",{className:"text-red-400",children:"Git"})}),(0,Be.jsx)("li",{children:"PHP"})]}),(0,Be.jsxs)("div",{className:"text-sm italic",children:["* ",(0,Be.jsx)("span",{className:"text-red-400",children:"Highlighted"})," items were used in building this site"]})]})}function Mu(){return(0,Be.jsxs)("div",{className:"flex-1 flex flex-col justify-center items-center gap-2",children:[(0,Be.jsx)("h1",{className:"text-4xl md:text-6xl mb-4",children:"Peter Kim"}),(0,Be.jsx)("a",{href:"mailto:ksi9302@gmail",children:(0,Be.jsx)("div",{className:"hover:text-red-400 md:text-xl",children:"\u2709\ufe0f ksi9302@gmail.com"})}),(0,Be.jsx)("div",{className:"hover:text-red-400 md:text-xl",children:"\ud83d\udcf1 +61 431 134 016"})]})}function Lu(e,t){var r="undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"===typeof e)return _u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return _u(e,t)}(e))||t&&e&&"number"===typeof e.length){r&&(e=r);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r