1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{44890:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return p}});var n=r(85893),o=r(67294),i=r(41664),a=r(89789),s=r(14428),c=r(68527),l=r(20949),u=r(15193),f=r(90456),h=r(289),d=function(e){var t=e.learnMoreRef,r=(0,a.a)().state;return(0,n.jsxs)(c.xu,{px:4,position:"relative",paddingBottom:{base:"20",lg:"40"},paddingTop:{base:"20",lg:"40"},backgroundColor:(0,l.ff)("gray.100","#1c232e"),children:[(0,n.jsx)(c.W2,{maxW:"container.xl",children:(0,n.jsxs)(c.xu,{textAlign:{base:"center",lg:"left"},maxW:{base:"100%",lg:"50%"},children:[(0,n.jsxs)(c.X6,{size:"2xl",children:["Learn how to use the ",(0,n.jsx)(c.xu,{as:"span",children:"Korean Keyboard"})]}),(0,n.jsx)(c.xv,{pt:"4",fontSize:"xl",color:(0,l.ff)("gray.600","gray.300"),children:"Improve your typing skills in Korean with our easy-to-follow yet interactive and helpful modules!"}),(0,n.jsxs)(u.hE,{pt:"4",children:[(0,n.jsx)(i.default,{href:r&&r.isAuthenticated?"/get-started":"/auth/sign-in",children:(0,n.jsx)("a",{children:(0,n.jsx)(u.zx,{color:"white",backgroundColor:"blue.400",variant:"solid",_hover:{backgroundColor:"blue.500"},children:"Get Started"})})}),(0,n.jsx)(u.zx,{onClick:function(){return window.scrollTo({behavior:"smooth",top:t.current.offsetTop})},children:"Learn More"})]})]})}),(0,n.jsx)(c.xu,{visibility:{base:"hidden",lg:"visible"},width:"50%",position:"absolute",height:"full",right:"0px",bottom:"0px",top:"0px",clipPath:"polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%)",children:(0,n.jsx)(f.Ee,{as:h.Z,height:"100%",width:"100%",objectFit:"cover",placeholder:(0,l.ff)("./images/korea-day-small.webp","./images/korea-night-small.webp"),src:(0,l.ff)("./images/korea-day.webp","./images/korea-night.webp"),children:function(e,t){return(0,n.jsx)(f.Ee,{style:{filter:t?"blur(5px)":""},height:"100%",width:"100%",objectFit:"cover",src:e})}})})]})},g=function(e){var t=e.learnMoreRef;return(0,n.jsx)(c.W2,{ref:t,pt:"20",maxW:"7xl",children:(0,n.jsxs)(c.MI,{columns:{base:1,lg:3},spacing:10,children:[(0,n.jsxs)(c.Kq,{textAlign:{base:"center",lg:"justify"},children:[(0,n.jsx)(f.Ee,{ml:{base:"auto",lg:"0"},mr:{base:"auto",lg:"0"},w:"16",h:"16",src:"/images/challenge-small-icon.webp"}),(0,n.jsx)(c.xv,{fontWeight:600,children:"Who We Are"}),(0,n.jsx)(c.xv,{color:(0,l.ff)("gray.600","gray.400"),children:"KeyKorea is a website ideated by Dr Nicola Fraschini and created by computer science students Jarrod Malkovic, Anders Christensen, Diana Nik Suzaimi, Anoushka Singh, Matthew Walsh and Ziwen Li at the University of Western Australia."})]}),(0,n.jsxs)(c.Kq,{textAlign:{base:"center",lg:"justify"},children:[(0,n.jsx)(f.Ee,{ml:{base:"auto",lg:"0"},mr:{base:"auto",lg:"0"},w:"16",h:"16",src:"/images/practice-small-icon.webp"}),(0,n.jsx)(c.xv,{fontWeight:600,children:" Designed For Your Success"}),(0,n.jsx)(c.xv,{color:(0,l.ff)("gray.600","gray.400"),children:"KeyKorea is designed to help you learning typing in Korean. It is has been thought for learners of Korean as a foreign language, and it is structured with practice exercises of increasing difficulty to help you become a master of the Korean keyboard. All of the words and sentences are at the level of beginner or intermediate learner of Korean and appears with their English translation, so you can also improve your Korean while learning how to type it!"})]}),(0,n.jsxs)(c.Kq,{textAlign:{base:"center",lg:"justify"},children:[(0,n.jsx)(f.Ee,{ml:{base:"auto",lg:"0"},mr:{base:"auto",lg:"0"},w:"16",h:"16",src:"/images/keyboard-small-icon.webp"}),(0,n.jsx)(c.xv,{fontWeight:600,children:"Enhance Your Korean Typing Skills"}),(0,n.jsx)(c.xv,{color:(0,l.ff)("gray.600","gray.400"),children:"You can select the practice mode if you think that you need to do some more practice. Once you feel confident, you can attempt the challenge mode to check your progress and compare your score with other students."})]})]})})},p=function(){(0,s.Z)("KeyKorea");(0,a.a)().state;var e=o.useRef();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d,{learnMoreRef:e}),(0,n.jsx)(g,{learnMoreRef:e})]})}},78581:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return r(44890)}])},289:function(e,t,r){"use strict";function n(e){return(n="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}
1function i(e){return(i=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}t.Z=void 0;var l=function(e){function t(e){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),r=function(e,t){return!t||"object"!==n(t)&&"function"!==typeof t?s(e):t}(this,i(t).call(this,e)),c(s(s(r)),"image",void 0),c(s(s(r)),"loadImage",(function(e,t){r.image&&(r.image.onload=null,r.image.onerror=null);var n=new Image;r.image=n,n.onload=r.onLoad,n.onerror=r.onError,n.src=e,t&&(n.srcset=t.srcSet,n.sizes=t.sizes)})),c(s(s(r)),"onLoad",(function(){r.props.delay?r.setImageWithDelay():r.setImage()})),c(s(s(r)),"setImageWithDelay",(function(){setTimeout((function(){r.setImage()}),r.props.delay)})),c(s(s(r)),"setImage",(function(){r.setState({image:r.image.src,loading:!1,srcSetData:{srcSet:r.image.srcset||"",sizes:r.image.sizes||""}})})),c(s(s(r)),"onError",(function(e){var t=r.props.onError;t&&t(e)})),r.state={image:e.placeholder,loading:!0,srcSetData:{srcSet:"",sizes:""}},r}var r,l,u;return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}(t,e),r=t,(l=[{key:"componentDidMount",value:function(){var e=this.props,t=e.src,r=e.srcSetData;this.loadImage(t,r)}},{key:"componentDidUpdate",value:function(e){var t=this,r=this.props,n=r.src,o=r.placeholder,i=r.srcSetData;n!==e.src&&this.setState({image:o,loading:!0},(function(){t.loadImage(n,i)}))}},{key:"componentWillUnmount",value:function(){this.image&&(this.image.onload=null,this.image.onerror=null)}},{key:"render",value:function(){var e=this.state,t=e.image,r=e.loading,n=e.srcSetData,o=this.props.children;if(!o||"function"!==typeof o)throw new Error("ProgressiveImage requires a function as its only child");return o(t,r,n)}}])&&o(r.prototype,l),u&&o(r,u),t}(function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,r):{};n.get||n.set?Object.defineProperty(t,r,n):t[r]=e[r]}return t.default=e,t}(r(67294)).Component);t.Z=l},14428:function(e,t,r){"use strict";var n=r(67294),o={restoreOnUnmount:!1};t.Z="undefined"!==typeof document?function(e,t){void 0===t&&(t=o);var r=(0,n.useRef)(document.title);document.title!==e&&(document.title=e),(0,n.useEffect)((function(){return t&&t.restoreOnUnmount?function(){document.title=r.current}:void 0}),[])}:function(e){}}},function(e){e.O(0,[774,888,179],(function(){return t=78581,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
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.