CINXE.COM
Male actors by Random order – The Actor is Present
<!doctype html> <html lang="ko-KR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Extremely Exquisite & Incredibly Vigorous! The Korean Actors 200 KOFIC campaign 'The Actor is Present' sees the selection of 100 men and 100 women who represent the present and the future of Korean film. Here is the actor who will impress the world."> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VZWK42543S"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-VZWK42543S'); </script> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap" rel="stylesheet"> <link rel="shortcut icon" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png" /> <link rel="apple-touch-icon" sizes="57x57" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <meta name="msapplication-TileImage" content="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/favicon.png"> <script type="text/javascript"> var MTUserId = '070fafc9-cd67-43fb-a237-bbd103dae8e3'; var MTFontIds = new Array(); MTFontIds.push("722227"); // Frutiger® Serif W01 Bold MTFontIds.push("722263"); // Frutiger® Serif W01 Heavy (function() { var mtTracking = document.createElement('script'); mtTracking.type = 'text/javascript'; mtTracking.async = 'true'; mtTracking.src = 'https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/mtiFontTrackingCode.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(mtTracking); })(); </script> <style type="text/css"> @font-face { font-family: "FrutigerSerifLTW01-Bold_722227"; src: url("https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/Fonts/722227/62c1e795-f2d1-44c9-8068-018656b14daf.woff2") format("woff2"), url("https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/Fonts/722227/1693a302-21eb-4217-abd6-3bfcc4bb3324.woff") format("woff"); } @font-face { font-family: "FrutigerSerifLTW01-Heav_722263"; src: url("https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/Fonts/722263/ec641237-1bd5-4be8-918a-d283d34001dc.woff2") format("woff2"), url("https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/Fonts/722263/313931ec-22cb-46c7-81ee-dbfa87158e2e.woff") format("woff"); } </style> <title>Male actors by Random order – The Actor is Present</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" type="application/rss+xml" title="The Actor is Present » 피드" href="https://theactorispresent.kr/feed/" /> <link rel="alternate" type="application/rss+xml" title="The Actor is Present » 댓글 피드" href="https://theactorispresent.kr/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/theactorispresent.kr\/drmvsn\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://theactorispresent.kr/drmvsn/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='kofic2021-style-css' href='https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/style.css?ver=1.0.0' media='all' /> <link rel="https://api.w.org/" href="https://theactorispresent.kr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://theactorispresent.kr/wp-json/wp/v2/pages/1108" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://theactorispresent.kr/drmvsn/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://theactorispresent.kr/male-actors-by-random-order/" /> <link rel='shortlink' href='https://theactorispresent.kr/?p=1108' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://theactorispresent.kr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftheactorispresent.kr%2Fmale-actors-by-random-order%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://theactorispresent.kr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftheactorispresent.kr%2Fmale-actors-by-random-order%2F&format=xml" /> <meta property="og:title" content="The Actor is Present : The Korean Actors 200 KOFIC campaign"> <meta property="og:description" content="Extremely Exquisite & Incredibly Vigorous! The Korean Actors 200 KOFIC campaign 'The Actor is Present' sees the selection of 100 men and 100 women who represent the present and the future of Korean film. Here is the actor who will impress the world. #MyActorIsHere #TheActorIsPresent #KoreanActors200"> <meta property="og:image" content="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/og_img.png"> <meta property="og:url" content="https://theactorispresent.kr/male-actors-by-random-order/"> <meta name="twitter:card" content="summary_large_image"> </head> <body data-rsssl=1 class="page-template-default page page-id-1108 no-sidebar"> <div class="preload"> <div class="load-align"> <div class="film"><span></span><span></span><span></span><span></span></div> <div class="film"><span></span><span></span><span></span><span></span></div> </div> </div> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> <header id="masthead" class="site-header"> <div class="site-branding"> <div class="slogans home"> <h1 class="first"><a href="/">The Actor is Present</a></h1> </div> </div><!-- .site-branding --> <div class="svg-logos"> <div id="kofic"> <a href="http://www.koreanfilm.or.kr/eng/kofic/200_actors/actors_list.jsp" target="_blank"> <svg version="1.1" x="0px" y="0px" viewBox="0 0 230 130" style="enable-background:new 0 0 230 130;" xml:space="preserve"> <g> <g> <path d="M37,107.5L16.1,80v27.5H0.9V45.2h15.2v27.3l20.8-27.3h17.8L30.5,75.7l25,31.8H37z" /> <path d="M66.9,105.1c-3.9-2.1-6.9-5-9.1-8.9c-2.2-3.8-3.3-8.3-3.3-13.5c0-5.1,1.1-9.6,3.4-13.4c2.2-3.9,5.3-6.8,9.2-8.9 c3.9-2.1,8.3-3.1,13.1-3.1c4.8,0,9.2,1,13.1,3.1c3.9,2.1,7,5,9.2,8.9c2.2,3.9,3.4,8.4,3.4,13.4c0,5.1-1.1,9.6-3.4,13.4 c-2.3,3.9-5.4,6.8-9.3,8.9c-3.9,2.1-8.3,3.1-13.2,3.1C75.1,108.2,70.7,107.2,66.9,105.1z M87.4,91.9c2-2.1,3.1-5.2,3.1-9.1 c0-4-1-7-3-9.1c-2-2.1-4.4-3.2-7.3-3.2c-3,0-5.4,1.1-7.4,3.1c-2,2.1-2.9,5.2-2.9,9.2c0,4,1,7,2.9,9.1c1.9,2.1,4.3,3.2,7.2,3.2 C82.8,95.1,85.3,94,87.4,91.9z" /> <path d="M158.9,80.9c2.2,2.8,3.3,6,3.3,9.6c0,5.2-1.8,9.3-5.5,12.4c-3.6,3-8.7,4.6-15.2,4.6h-29V45.2h28c6.3,0,11.3,1.4,14.9,4.3 c3.6,2.9,5.4,6.8,5.4,11.8c0,3.7-1,6.7-2.9,9.1c-1.9,2.4-4.5,4.1-7.7,5.1C153.8,76.3,156.7,78.1,158.9,80.9z M127.6,70.4h9.9 c2.5,0,4.4-0.5,5.7-1.6c1.3-1.1,2-2.7,2-4.8c0-2.1-0.7-3.8-2-4.9c-1.3-1.1-3.2-1.7-5.7-1.7h-9.9V70.4z M144.7,93.5 c1.4-1.2,2.1-2.8,2.1-5s-0.7-3.9-2.2-5.1c-1.4-1.2-3.4-1.9-6-1.9h-11v13.7h11.2C141.4,95.2,143.3,94.7,144.7,93.5z" /> <path d="M169.8,50.5c-1.7-1.6-2.5-3.5-2.5-5.8c0-2.4,0.8-4.3,2.5-5.9c1.7-1.6,3.9-2.3,6.5-2.3c2.6,0,4.7,0.8,6.4,2.3 c1.7,1.6,2.5,3.5,2.5,5.9c0,2.3-0.8,4.2-2.5,5.8c-1.7,1.6-3.8,2.4-6.4,2.4C173.7,52.9,171.5,52.1,169.8,50.5z M183.9,58v49.5 h-15.2V58H183.9z" /> <path d="M207.6,95h21.5v12.5h-38.4V95.4l20.6-24.9h-20.4V58h37.8v12.1L207.6,95z" /> </g> <g> <path d="M79.8,5.1c0,2.4-1.9,4.3-4.3,4.3c-2.4,0-4.3-1.9-4.3-4.3c0-2.4,1.9-4.3,4.3-4.3C77.8,0.8,79.8,2.7,79.8,5.1z" /> <path d="M37.1,11.7c-6.6,0-11.9,5.3-11.9,11.9c0,6.6,5.3,11.9,11.9,11.9c6.6,0,11.9-5.3,11.9-11.9C49,17,43.7,11.7,37.1,11.7z M37.1,28.2c-2.5,0-4.6-2.1-4.6-4.6s2.1-4.6,4.6-4.6c2.5,0,4.6,2.1,4.6,4.6S39.7,28.2,37.1,28.2z" /> <g> <path d="M68.7,12.3h-5.8V9.4c0-0.7,0.2-1.3,0.7-1.7c0.9-0.8,2.1-0.7,3.1-0.4l1.2-6.5C66.6,0.3,65.2,0,63.8,0 c-2.8,0-5,0.8-6.7,2.4c-1.7,1.6-2.6,3.7-2.6,6.4v3.5h-4.2v6.5h4.2v16h8.4v-16h5.8V12.3z" /> </g> <path d="M9.2,20.1V2H0.9v32.9h8.3V24.6l6.1,10.2h10.2l-8.4-12.7l8.9-9.8l-6.1,0c-3.3,0-4.1,0.5-6,2.6L9.2,20.1z" /> <path d="M79.6,16.1c0-2.1-1.7-3.8-3.8-3.8h-4.5v22.5h8.3V16.1z" /> <path d="M98.2,25.7c-0.8,1.5-2.3,2.5-4.1,2.5c-2.5,0-4.6-2.1-4.6-4.6s2.1-4.6,4.6-4.6c1.8,0,3.3,1,4.1,2.5h7.6 c-1-5.6-5.9-9.8-11.7-9.8c-6.6,0-11.9,5.3-11.9,11.9c0,6.6,5.3,11.9,11.9,11.9c5.9,0,10.7-4.2,11.7-9.8H98.2z" /> </g> <g> <path d="M7.9,129.8l-4.5-5.6v5.6H0.9v-12.5h2.5v5.6l4.5-5.6h3l-5.1,6.2l5.3,6.3H7.9z" /> <path d="M13.9,129.3c-0.8-0.4-1.4-1-1.8-1.8c-0.4-0.8-0.7-1.7-0.7-2.7c0-1,0.2-1.9,0.7-2.7c0.4-0.8,1.1-1.4,1.8-1.8 c0.8-0.4,1.6-0.6,2.6-0.6c1,0,1.8,0.2,2.6,0.6c0.8,0.4,1.4,1,1.8,1.8c0.4,0.8,0.7,1.7,0.7,2.7c0,1-0.2,1.9-0.7,2.7 c-0.5,0.8-1.1,1.4-1.9,1.8c-0.8,0.4-1.7,0.6-2.6,0.6C15.5,130,14.6,129.7,13.9,129.3z M17.7,127.4c0.4-0.2,0.7-0.6,1-1 c0.2-0.4,0.4-1,0.4-1.6c0-0.9-0.2-1.7-0.7-2.2c-0.5-0.5-1.1-0.8-1.8-0.8c-0.7,0-1.3,0.3-1.8,0.8c-0.5,0.5-0.7,1.2-0.7,2.2 s0.2,1.7,0.7,2.2c0.5,0.5,1.1,0.8,1.8,0.8C16.9,127.8,17.3,127.7,17.7,127.4z" /> <path d="M27.2,120.2c0.5-0.3,1.1-0.4,1.8-0.4v2.6h-0.7c-0.8,0-1.4,0.2-1.8,0.6c-0.4,0.4-0.6,1-0.6,1.9v4.9h-2.5v-9.9h2.5v1.5 C26.3,120.9,26.7,120.5,27.2,120.2z" /> <path d="M39.8,125.6h-7.2c0.1,0.7,0.3,1.3,0.8,1.7c0.4,0.4,1,0.6,1.6,0.6c0.9,0,1.6-0.4,2-1.2h2.7c-0.3,1-0.8,1.7-1.6,2.3 c-0.8,0.6-1.8,0.9-3,0.9c-1,0-1.8-0.2-2.6-0.6c-0.8-0.4-1.3-1-1.8-1.8c-0.4-0.8-0.6-1.7-0.6-2.7c0-1,0.2-1.9,0.6-2.7 c0.4-0.8,1-1.4,1.8-1.8c0.8-0.4,1.6-0.6,2.6-0.6c0.9,0,1.8,0.2,2.5,0.6c0.7,0.4,1.3,1,1.7,1.7c0.4,0.7,0.6,1.6,0.6,2.6 C39.9,125,39.8,125.3,39.8,125.6z M37.3,123.9c0-0.6-0.2-1.2-0.7-1.5c-0.5-0.4-1-0.6-1.7-0.6c-0.6,0-1.1,0.2-1.6,0.6 c-0.4,0.4-0.7,0.9-0.8,1.6H37.3z" /> <path d="M41.6,122.1c0.4-0.8,0.9-1.4,1.6-1.8c0.7-0.4,1.5-0.6,2.3-0.6c0.7,0,1.4,0.1,1.9,0.4c0.6,0.3,1,0.7,1.3,1.1v-1.4h2.5v9.9 h-2.5v-1.4c-0.3,0.5-0.8,0.8-1.3,1.2c-0.6,0.3-1.2,0.5-2,0.5c-0.8,0-1.6-0.2-2.3-0.6c-0.7-0.4-1.2-1-1.6-1.8 c-0.4-0.8-0.6-1.7-0.6-2.7C41,123.8,41.2,122.9,41.6,122.1z M48.5,123.3c-0.2-0.4-0.6-0.8-1-1c-0.4-0.2-0.8-0.3-1.3-0.3 c-0.5,0-0.9,0.1-1.3,0.3c-0.4,0.2-0.7,0.6-1,1c-0.2,0.4-0.4,1-0.4,1.5c0,0.6,0.1,1.1,0.4,1.6c0.2,0.4,0.6,0.8,1,1 c0.4,0.2,0.8,0.4,1.3,0.4c0.5,0,0.9-0.1,1.3-0.3c0.4-0.2,0.7-0.6,1-1c0.2-0.4,0.4-1,0.4-1.6S48.7,123.7,48.5,123.3z" /> <path d="M62.2,120.9c0.7,0.7,1.1,1.8,1.1,3.1v5.8h-2.5v-5.5c0-0.8-0.2-1.4-0.6-1.8c-0.4-0.4-0.9-0.6-1.6-0.6 c-0.7,0-1.2,0.2-1.6,0.6c-0.4,0.4-0.6,1-0.6,1.8v5.5h-2.5v-9.9h2.5v1.2c0.3-0.4,0.8-0.8,1.3-1c0.5-0.2,1.1-0.4,1.7-0.4 C60.5,119.8,61.4,120.1,62.2,120.9z" /> <path d="M77.6,117.3v2h-5.2v3.2h4v2h-4v5.3h-2.5v-12.5H77.6z" /> <path d="M79.5,118.3c-0.3-0.3-0.4-0.6-0.4-1c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.7-0.4,1.1-0.4s0.8,0.1,1.1,0.4c0.3,0.3,0.4,0.6,0.4,1 c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.7,0.4-1.1,0.4S79.8,118.6,79.5,118.3z M81.8,119.9v9.9h-2.5v-9.9H81.8z" /> <path d="M86.8,116.6v13.2h-2.5v-13.2H86.8z" /> <path d="M104.5,120.9c0.7,0.7,1.1,1.8,1.1,3.1v5.8h-2.5v-5.5c0-0.8-0.2-1.4-0.6-1.8c-0.4-0.4-0.9-0.6-1.6-0.6 c-0.7,0-1.2,0.2-1.6,0.6c-0.4,0.4-0.6,1-0.6,1.8v5.5h-2.5v-5.5c0-0.8-0.2-1.4-0.6-1.8c-0.4-0.4-0.9-0.6-1.6-0.6 c-0.7,0-1.2,0.2-1.6,0.6c-0.4,0.4-0.6,1-0.6,1.8v5.5h-2.5v-9.9h2.5v1.2c0.3-0.4,0.7-0.7,1.2-1c0.5-0.2,1.1-0.4,1.7-0.4 c0.8,0,1.5,0.2,2.1,0.5c0.6,0.3,1.1,0.8,1.4,1.4c0.3-0.6,0.8-1,1.4-1.4c0.6-0.3,1.3-0.5,2-0.5 C102.8,119.8,103.8,120.1,104.5,120.9z" /> <path d="M121.1,124.5c0.5,0.6,0.7,1.2,0.7,2c0,0.7-0.2,1.3-0.5,1.8c-0.3,0.5-0.8,0.9-1.4,1.2c-0.6,0.3-1.4,0.4-2.2,0.4h-5.4v-12.5 h5.1c0.8,0,1.6,0.1,2.2,0.4c0.6,0.3,1.1,0.7,1.4,1.1c0.3,0.5,0.5,1,0.5,1.7c0,0.7-0.2,1.3-0.6,1.8c-0.4,0.5-0.9,0.8-1.5,1 C120,123.5,120.6,123.9,121.1,124.5z M114.8,122.5h2.3c0.6,0,1.1-0.1,1.4-0.4c0.3-0.3,0.5-0.7,0.5-1.2s-0.2-0.9-0.5-1.2 c-0.3-0.3-0.8-0.4-1.4-0.4h-2.3V122.5z M118.7,127.3c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-1-0.5-1.3c-0.4-0.3-0.8-0.5-1.4-0.5h-2.5 v3.4h2.5C117.9,127.8,118.4,127.6,118.7,127.3z" /> <path d="M123.9,118.3c-0.3-0.3-0.4-0.6-0.4-1c0-0.4,0.1-0.8,0.4-1c0.3-0.3,0.7-0.4,1.1-0.4c0.4,0,0.8,0.1,1.1,0.4 c0.3,0.3,0.4,0.6,0.4,1c0,0.4-0.1,0.8-0.4,1c-0.3,0.3-0.7,0.4-1.1,0.4C124.6,118.7,124.2,118.6,123.9,118.3z M126.3,119.9v9.9 h-2.5v-9.9H126.3z" /> <path d="M131,127.7h4.4v2.1h-7.3v-2l4.3-5.8h-4.3v-2.1h7.2v2L131,127.7z" /> <path d="M144.2,127.7h5.6v2.1h-8.5v-1.9l5.6-8.4h-5.6v-2.1h8.5v1.9L144.2,127.7z" /> <path d="M153.4,129.3c-0.8-0.4-1.4-1-1.8-1.8c-0.4-0.8-0.7-1.7-0.7-2.7c0-1,0.2-1.9,0.7-2.7c0.4-0.8,1.1-1.4,1.8-1.8 c0.8-0.4,1.6-0.6,2.6-0.6c1,0,1.8,0.2,2.6,0.6c0.8,0.4,1.4,1,1.8,1.8c0.4,0.8,0.7,1.7,0.7,2.7c0,1-0.2,1.9-0.7,2.7 c-0.5,0.8-1.1,1.4-1.9,1.8c-0.8,0.4-1.7,0.6-2.6,0.6C155,130,154.1,129.7,153.4,129.3z M157.2,127.4c0.4-0.2,0.7-0.6,1-1 c0.2-0.4,0.4-1,0.4-1.6c0-0.9-0.2-1.7-0.7-2.2c-0.5-0.5-1.1-0.8-1.8-0.8c-0.7,0-1.3,0.3-1.8,0.8c-0.5,0.5-0.7,1.2-0.7,2.2 s0.2,1.7,0.7,2.2c0.5,0.5,1.1,0.8,1.8,0.8C156.4,127.8,156.8,127.7,157.2,127.4z" /> <path d="M171.3,120.9c0.7,0.7,1.1,1.8,1.1,3.1v5.8h-2.5v-5.5c0-0.8-0.2-1.4-0.6-1.8c-0.4-0.4-0.9-0.6-1.6-0.6 c-0.7,0-1.2,0.2-1.6,0.6c-0.4,0.4-0.6,1-0.6,1.8v5.5H163v-9.9h2.5v1.2c0.3-0.4,0.8-0.8,1.3-1c0.5-0.2,1.1-0.4,1.7-0.4 C169.6,119.8,170.6,120.1,171.3,120.9z" /> <path d="M183.9,125.6h-7.2c0.1,0.7,0.3,1.3,0.8,1.7c0.4,0.4,1,0.6,1.6,0.6c0.9,0,1.6-0.4,2-1.2h2.7c-0.3,1-0.8,1.7-1.6,2.3 c-0.8,0.6-1.8,0.9-3,0.9c-1,0-1.8-0.2-2.6-0.6c-0.8-0.4-1.3-1-1.8-1.8c-0.4-0.8-0.6-1.7-0.6-2.7c0-1,0.2-1.9,0.6-2.7 c0.4-0.8,1-1.4,1.8-1.8c0.8-0.4,1.6-0.6,2.6-0.6c0.9,0,1.8,0.2,2.5,0.6c0.7,0.4,1.3,1,1.7,1.7c0.4,0.7,0.6,1.6,0.6,2.6 C184,125,184,125.3,183.9,125.6z M181.4,123.9c0-0.6-0.2-1.2-0.7-1.5c-0.5-0.4-1-0.6-1.7-0.6c-0.6,0-1.1,0.2-1.6,0.6 c-0.4,0.4-0.7,0.9-0.8,1.6H181.4z" /> </g> </g> </svg> </a> </div> <div id="thescreen"> <svg version="1.1" x="0px" y="0px" viewBox="0 0 340 124" style="enable-background:new 0 0 340 124;" xml:space="preserve"> <g> <polygon class="st0" points="73.8,43.2 65.2,43.2 65.2,36.9 90.4,36.9 90.4,43.2 81.9,43.2 81.9,90.1 73.8,90.1 73.8,43.2 " /> <polygon class="st0" points="95.8,36.9 103.9,36.9 103.9,59.2 113.5,59.2 113.5,36.9 121.5,36.9 121.5,90.1 113.5,90.1 113.5,65.5 103.9,65.5 103.9,90.1 95.8,90.1 95.8,36.9 " /> <polygon class="st0" points="130.7,36.9 150.4,36.9 150.4,43.2 138.8,43.2 138.8,59.2 147.8,59.2 147.8,65.5 138.8,65.5 138.8,83.7 150.7,83.7 150.7,90.1 130.7,90.1 130.7,36.9 " /> <path class="st0" d="M168.1,79.3c0-1.1,0.1-2.2,0.2-3.2c0.1-1,0.3-2,0.6-3.1h6.3v2.6c0,1.4,0.1,2.7,0.3,3.8c0.2,1.1,0.5,2,0.9,2.8 c0.4,0.8,0.9,1.3,1.6,1.7c0.7,0.4,1.5,0.6,2.5,0.6c1.5,0,2.7-0.4,3.5-1.3c0.8-0.8,1.2-2.1,1.2-3.7c0-0.8-0.1-1.6-0.2-2.3 c-0.1-0.7-0.3-1.4-0.6-2.1c-0.3-0.7-0.7-1.4-1.1-2.2c-0.5-0.8-1.1-1.6-1.8-2.5l-8.4-10c-1.5-1.9-2.6-3.8-3.5-5.8 c-0.8-1.9-1.2-4-1.2-6.2c0-1.8,0.3-3.4,0.8-4.9c0.5-1.5,1.3-2.7,2.4-3.8c1-1.1,2.3-1.9,3.8-2.5c1.5-0.6,3.3-0.9,5.2-0.9 c2.3,0,4.3,0.3,5.9,1c1.6,0.7,2.8,1.5,3.8,2.6c0.9,1.1,1.6,2.3,2,3.6c0.4,1.3,0.6,2.7,0.6,4c0,1.1-0.1,2.2-0.3,3.2 c-0.2,1-0.4,2-0.6,3.2h-6.2v-2.5c0-2.8-0.4-5-1.2-6.5c-0.8-1.5-2.1-2.3-4-2.3c-1.5,0-2.6,0.4-3.4,1.3c-0.7,0.8-1.1,2-1.1,3.4 c0,0.7,0.1,1.4,0.2,2c0.1,0.6,0.3,1.2,0.5,1.7c0.2,0.5,0.5,1,0.8,1.5c0.3,0.5,0.7,1,1.1,1.5l9.4,11.3c1.7,2.2,3,4.4,3.9,6.4 c0.9,2,1.4,4.2,1.4,6.5c0,1.9-0.3,3.6-0.9,5.1c-0.6,1.5-1.4,2.8-2.5,3.9c-1.1,1.1-2.4,1.9-4,2.4c-1.6,0.6-3.3,0.9-5.3,0.9 c-2.4,0-4.4-0.3-6-1c-1.6-0.6-2.9-1.5-3.8-2.6c-0.9-1.1-1.6-2.3-2-3.6C168.3,82.1,168.1,80.7,168.1,79.3L168.1,79.3z" /> <path class="st0" d="M211.4,90.5c-0.8,0-1.7-0.1-2.7-0.2c-1-0.1-1.9-0.4-2.9-0.9c-1-0.4-1.9-1.1-2.8-1.9c-0.9-0.8-1.7-1.9-2.3-3.2 c-0.7-1.3-1.2-2.9-1.6-4.8c-0.4-1.9-0.6-4.2-0.6-6.9V53.9c0-2.7,0.2-5,0.6-6.9c0.4-1.9,1-3.5,1.7-4.8c0.7-1.3,1.5-2.3,2.4-3.1 c0.9-0.8,1.8-1.4,2.8-1.8c1-0.4,1.9-0.7,2.8-0.8c0.9-0.1,1.8-0.2,2.6-0.2c2.1,0,3.9,0.3,5.3,0.9c1.4,0.6,2.6,1.4,3.4,2.4 c0.9,1,1.5,2.2,1.8,3.6c0.4,1.4,0.5,2.8,0.5,4.4c0,1.1-0.1,2.2-0.2,3.2c-0.1,1-0.3,2-0.5,3.2h-6.5v-2.7c0-2.9-0.3-5.1-1-6.6 c-0.6-1.5-1.6-2.2-2.8-2.2c-0.7,0-1.4,0.1-2,0.4c-0.6,0.3-1,0.8-1.4,1.5c-0.4,0.7-0.7,1.6-0.9,2.8c-0.2,1.1-0.3,2.6-0.3,4.3v24.3 c0,1.7,0.1,3,0.2,4.1c0.2,1.1,0.4,2,0.8,2.6c0.4,0.7,0.8,1.1,1.4,1.4c0.6,0.3,1.3,0.4,2.1,0.4c0.5,0,1-0.1,1.5-0.4 c0.5-0.2,0.9-0.6,1.3-1.1c0.4-0.5,0.7-1.2,0.9-1.9c0.2-0.8,0.3-1.7,0.3-2.8v-5.2h7.4V78c0,4.3-1,7.4-2.9,9.5 C217.9,89.5,215.1,90.5,211.4,90.5L211.4,90.5z" /> <path class="st0" d="M229.1,36.9h8.8c1,0,2.1,0,3.3,0.1c1.2,0.1,2.4,0.3,3.6,0.6c1.2,0.3,2.3,0.8,3.5,1.4c1.1,0.6,2.1,1.5,3,2.6 c0.9,1.1,1.6,2.5,2.1,4.2c0.5,1.7,0.8,3.7,0.8,6.2v1.3c0,4-0.6,7.3-1.7,9.9c-1.2,2.5-2.9,4.4-5.1,5.5l8.5,21.3h-8.5L240,70.2h-3 v19.9h-7.9V36.9L229.1,36.9z M238.2,64.4c1.4,0,2.6-0.2,3.6-0.5c1-0.3,1.8-0.8,2.4-1.6c0.6-0.7,1-1.7,1.3-2.9 c0.3-1.2,0.4-2.7,0.4-4.5v-4.2c0-1.4-0.1-2.6-0.4-3.6c-0.2-1-0.7-1.8-1.3-2.5c-0.6-0.6-1.4-1.1-2.4-1.4c-1-0.3-2.2-0.5-3.7-0.5H237 v21.6H238.2L238.2,64.4z" /> <polygon class="st0" points="261.7,36.9 281.5,36.9 281.5,43.2 269.8,43.2 269.8,59.2 278.8,59.2 278.8,65.5 269.8,65.5 269.8,83.7 281.8,83.7 281.8,90.1 261.7,90.1 261.7,36.9 " /> <polygon class="st0" points="287.6,36.9 307.3,36.9 307.3,43.2 295.7,43.2 295.7,59.2 304.7,59.2 304.7,65.5 295.7,65.5 295.7,83.7 307.6,83.7 307.6,90.1 287.6,90.1 287.6,36.9 " /> <path class="st0" d="M313.4,36.9h6.5l12.9,35.6h0.2c-0.1-0.8-0.1-1.8-0.3-2.8c-0.1-1-0.2-2.2-0.3-3.5c-0.1-1.3-0.2-2.8-0.2-4.4 c-0.1-1.6-0.1-3.5-0.1-5.5V36.9h7.2v53.2h-6.6L320,55.4h-0.2c0.1,0.9,0.1,1.9,0.2,3c0.1,1.1,0.2,2.4,0.3,3.8 c0.1,1.5,0.2,3.2,0.2,5.2c0.1,2,0.1,4.3,0.1,7v15.6h-7.2V36.9L313.4,36.9z" /> <polygon class="st0" points="47.8,43.2 0.6,70.1 0.6,27.1 47.8,0.3 47.8,43.2 " /> <path class="st0" d="M0.6,27.1v43l47.2,26.9V54L0.6,27.1z M44.8,91.8L3.6,68.3V32.3l41.2,23.4V91.8z" /> <polygon points="3.6,68.3 44.8,91.8 44.8,55.7 3.6,32.3 " /> <polygon class="st0" points="47.8,96.9 0.6,123.7 0.6,80.8 47.9,54 47.8,96.9 " /> </g> </svg> </div> </div> <div class="second"> <div class="second-1"> <a href="/male-actors-by-random-order/"> <svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <defs> <linearGradient id="myGradient" gradientTransform="rotate(90)"> <stop offset="40%" stop-color="#ffecb3" /> <stop offset="78%" stop-color="#3a2c0f" /> </linearGradient> </defs> <path fill="url('#myGradient')" d="M55.1,140.7c-11,7.1-16.8,7-20.1,5.4c-1.7-0.8-4.2-2.8-8.9-4.5c-2.5-0.9-4.7-1.4-6.2-1.7c1.6-1.8,5.7-5.9,12.4-7.5 c2.4-0.6,7.9-1.9,13.9,0.7C51.2,135.3,54,139.1,55.1,140.7z M16.3,57.8c0-3.5,1-6.3,2.2-9.5c2.5-6.6,0.9-10.4-0.6-16.3 c-1.4-5.4-0.3-8.1-1.3-7.2C1.3,38.8,16.3,60.3,16.3,57.8z M22.9,84.4c0.9-2.6,3.4-4.4,5.2-6.4c3.6-4.2,4-8.9,4.5-13.6 c0.4-4.4,1.9-6.1,1-5.7C17.5,66.7,22.2,86.3,22.9,84.4z M23.4,56.4c1.2-1.9,3-3.7,4.7-5c3.6-2.8,5.2-5.5,6.3-9.2 c1.1-3.4,2.5-5.3,1.7-5.1C21.6,40.7,22.6,57.7,23.4,56.4z M25.3,28.3c0.7-1.8,3.2-3.6,5.2-8.6c0.1-0.3,0.2-0.7,0.4-1.2l0.5-8.7 C20.8,15.1,24.8,29.8,25.3,28.3z M75.2,142.6c-3-0.8-3.6-1.1-6.9-2.5c-12.3-5.1-36.4-18.6-45.4-48.1c-10.1-31.6,3.9-60.2,11.6-72.6 C36,17.2,36.9,16,37,16c1.4-0.9,5.9-3.8,7.7-7.2L48,1c-9.5,1.7-11.1,10.9-11.4,14.1c-1,1.4-2.2,3.3-3.7,5.7 c-7.5,11.1-22.6,40.2-12.2,73c3.8,12.1,10,21.6,16.8,29c10.5,11.6,26.8,18.8,30.1,20c0.7,0.3,1.4,0.4,2.2,0.4c0,0,4,0,5.4,0 C75.8,143.2,76.1,142.8,75.2,142.6z M41.6,19.4c-4,1.4-10.5,5.3-10.9,13.6c0,0,6.9-3.9,8.8-6.7C40.7,24.6,41.6,19.4,41.6,19.4z M17.6,91.7c0,0-1.2-8.3-2-11.9C12.7,67.3,3.6,61,2.4,58.7C1.2,56.5-0.9,68.1,1,73.9C4.5,85.2,14.3,90.3,17.6,91.7z M46.4,120 c0.4,2,1.8,6.7,8,11.3c0.7-3.9,1.1-8.7,0.6-11.4c-0.9-4.3-3-8-4.7-10.9l-2.6-3.7C46.9,106.6,45.2,114,46.4,120z M35.1,81.9 C35.1,81.9,35.1,81.9,35.1,81.9c-0.1,0.1-5.9,8.4-5.4,17.8c1,10,7.5,15.9,7.4,14.3c-0.3-3.4,1.2-8.9,1.6-11.7 C39.8,95.5,35.1,81.9,35.1,81.9z M32.2,121c-1.4-3-3.3-5.7-5.6-8.4C19.5,104.2,2,99,2,99c-0.5,7.9,3.7,13.3,9.1,16.8 C14.2,117.9,22.7,121.7,32.2,121z" /> </svg><span>Extremely<br>Exquisite</span><svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <path fill="url('#myGradient')" d="M56.1,139.9c-1.5,0.3-3.6,0.7-6.2,1.7c-4.8,1.7-7.3,3.7-8.9,4.5c-3.3,1.6-9.1,1.7-20.1-5.4c1.1-1.7,3.9-5.5,9-7.6 c6-2.6,11.4-1.3,13.9-0.7C50.4,134.1,54.5,138.1,56.1,139.9z M59.7,57.8c0,2.5,15-19.1-0.2-33c-1-0.9,0.1,1.8-1.3,7.2 c-1.5,5.8-3.1,9.6-0.6,16.3C58.8,51.5,59.7,54.3,59.7,57.8z M53.1,84.4c0.7,1.8,5.4-17.7-10.7-25.7c-0.9-0.5,0.6,1.3,1,5.7 c0.5,4.7,1,9.4,4.5,13.6C49.7,80.1,52.2,81.8,53.1,84.4z M39.8,37.1c-0.8-0.2,0.6,1.6,1.7,5.1c1.2,3.7,2.7,6.4,6.3,9.2 c1.8,1.3,3.5,3.1,4.7,5C53.4,57.7,54.4,40.7,39.8,37.1z M45.5,19.7c2,5,4.5,6.8,5.2,8.6c0.6,1.5,4.6-13.2-6-18.5l0.5,8.7 C45.3,19,45.4,19.4,45.5,19.7z M38.5,122.8c6.7-7.4,13-16.9,16.8-29c10.3-32.8-4.8-61.9-12.2-73c-1.4-2.4-2.7-4.3-3.7-5.7 C39.1,11.8,37.5,2.7,28,1l3.3,7.8c1.7,3.4,6.3,6.3,7.7,7.2c0,0.1,1,1.3,2.4,3.4C49.2,31.8,63.2,60.4,53.1,92 c-9,29.5-33.1,42.9-45.4,48.1c-3.4,1.4-3.9,1.6-6.9,2.5c-0.9,0.2-0.6,0.7,0,0.7c1.4,0,5.4,0,5.4,0c0.7,0,1.5-0.1,2.2-0.4 C11.7,141.6,28,134.5,38.5,122.8z M34.4,19.4c0,0,0.9,5.2,2.1,6.8c1.9,2.8,8.8,6.7,8.8,6.7C44.9,24.7,38.3,20.9,34.4,19.4z M73.6,58.7c-1.3,2.3-10.3,8.6-13.2,21.1c-0.8,3.6-2,11.9-2,11.9c3.3-1.4,13-6.5,16.6-17.8C76.9,68.1,74.8,56.5,73.6,58.7z M29.6,120c1.2-6-0.5-13.4-1.4-14.8l-2.6,3.7c-1.7,2.8-3.8,6.6-4.7,10.9c-0.5,2.7-0.1,7.5,0.6,11.4C27.9,126.7,29.3,122,29.6,120z M46.2,99.7c0.5-9.4-5.3-17.8-5.3-17.8c0,0,0-0.1-0.1-0.1c0,0-4.6,13.6-3.6,20.4c0.4,2.7,1.9,8.2,1.6,11.7 C38.7,115.6,45.2,109.7,46.2,99.7z M49.4,112.6c-2.3,2.7-4.2,5.4-5.6,8.4c9.5,0.7,18-3.1,21.1-5.1c5.4-3.5,9.5-8.9,9.1-16.8 C74,99,56.5,104.2,49.4,112.6z" /> </svg> </a> </div> <div class="second-2"> <a href="/female-actors-by-random-order/"> <svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <path fill="url('#myGradient')" d="M55.1,140.7c-11,7.1-16.8,7-20.1,5.4c-1.7-0.8-4.2-2.8-8.9-4.5c-2.5-0.9-4.7-1.4-6.2-1.7c1.6-1.8,5.7-5.9,12.4-7.5 c2.4-0.6,7.9-1.9,13.9,0.7C51.2,135.3,54,139.1,55.1,140.7z M16.3,57.8c0-3.5,1-6.3,2.2-9.5c2.5-6.6,0.9-10.4-0.6-16.3 c-1.4-5.4-0.3-8.1-1.3-7.2C1.3,38.8,16.3,60.3,16.3,57.8z M22.9,84.4c0.9-2.6,3.4-4.4,5.2-6.4c3.6-4.2,4-8.9,4.5-13.6 c0.4-4.4,1.9-6.1,1-5.7C17.5,66.7,22.2,86.3,22.9,84.4z M23.4,56.4c1.2-1.9,3-3.7,4.7-5c3.6-2.8,5.2-5.5,6.3-9.2 c1.1-3.4,2.5-5.3,1.7-5.1C21.6,40.7,22.6,57.7,23.4,56.4z M25.3,28.3c0.7-1.8,3.2-3.6,5.2-8.6c0.1-0.3,0.2-0.7,0.4-1.2l0.5-8.7 C20.8,15.1,24.8,29.8,25.3,28.3z M75.2,142.6c-3-0.8-3.6-1.1-6.9-2.5c-12.3-5.1-36.4-18.6-45.4-48.1c-10.1-31.6,3.9-60.2,11.6-72.6 C36,17.2,36.9,16,37,16c1.4-0.9,5.9-3.8,7.7-7.2L48,1c-9.5,1.7-11.1,10.9-11.4,14.1c-1,1.4-2.2,3.3-3.7,5.7 c-7.5,11.1-22.6,40.2-12.2,73c3.8,12.1,10,21.6,16.8,29c10.5,11.6,26.8,18.8,30.1,20c0.7,0.3,1.4,0.4,2.2,0.4c0,0,4,0,5.4,0 C75.8,143.2,76.1,142.8,75.2,142.6z M41.6,19.4c-4,1.4-10.5,5.3-10.9,13.6c0,0,6.9-3.9,8.8-6.7C40.7,24.6,41.6,19.4,41.6,19.4z M17.6,91.7c0,0-1.2-8.3-2-11.9C12.7,67.3,3.6,61,2.4,58.7C1.2,56.5-0.9,68.1,1,73.9C4.5,85.2,14.3,90.3,17.6,91.7z M46.4,120 c0.4,2,1.8,6.7,8,11.3c0.7-3.9,1.1-8.7,0.6-11.4c-0.9-4.3-3-8-4.7-10.9l-2.6-3.7C46.9,106.6,45.2,114,46.4,120z M35.1,81.9 C35.1,81.9,35.1,81.9,35.1,81.9c-0.1,0.1-5.9,8.4-5.4,17.8c1,10,7.5,15.9,7.4,14.3c-0.3-3.4,1.2-8.9,1.6-11.7 C39.8,95.5,35.1,81.9,35.1,81.9z M32.2,121c-1.4-3-3.3-5.7-5.6-8.4C19.5,104.2,2,99,2,99c-0.5,7.9,3.7,13.3,9.1,16.8 C14.2,117.9,22.7,121.7,32.2,121z" /> </svg><span>Incredibly<br>Vigorous</span><svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <path fill="url('#myGradient')" d="M56.1,139.9c-1.5,0.3-3.6,0.7-6.2,1.7c-4.8,1.7-7.3,3.7-8.9,4.5c-3.3,1.6-9.1,1.7-20.1-5.4c1.1-1.7,3.9-5.5,9-7.6 c6-2.6,11.4-1.3,13.9-0.7C50.4,134.1,54.5,138.1,56.1,139.9z M59.7,57.8c0,2.5,15-19.1-0.2-33c-1-0.9,0.1,1.8-1.3,7.2 c-1.5,5.8-3.1,9.6-0.6,16.3C58.8,51.5,59.7,54.3,59.7,57.8z M53.1,84.4c0.7,1.8,5.4-17.7-10.7-25.7c-0.9-0.5,0.6,1.3,1,5.7 c0.5,4.7,1,9.4,4.5,13.6C49.7,80.1,52.2,81.8,53.1,84.4z M39.8,37.1c-0.8-0.2,0.6,1.6,1.7,5.1c1.2,3.7,2.7,6.4,6.3,9.2 c1.8,1.3,3.5,3.1,4.7,5C53.4,57.7,54.4,40.7,39.8,37.1z M45.5,19.7c2,5,4.5,6.8,5.2,8.6c0.6,1.5,4.6-13.2-6-18.5l0.5,8.7 C45.3,19,45.4,19.4,45.5,19.7z M38.5,122.8c6.7-7.4,13-16.9,16.8-29c10.3-32.8-4.8-61.9-12.2-73c-1.4-2.4-2.7-4.3-3.7-5.7 C39.1,11.8,37.5,2.7,28,1l3.3,7.8c1.7,3.4,6.3,6.3,7.7,7.2c0,0.1,1,1.3,2.4,3.4C49.2,31.8,63.2,60.4,53.1,92 c-9,29.5-33.1,42.9-45.4,48.1c-3.4,1.4-3.9,1.6-6.9,2.5c-0.9,0.2-0.6,0.7,0,0.7c1.4,0,5.4,0,5.4,0c0.7,0,1.5-0.1,2.2-0.4 C11.7,141.6,28,134.5,38.5,122.8z M34.4,19.4c0,0,0.9,5.2,2.1,6.8c1.9,2.8,8.8,6.7,8.8,6.7C44.9,24.7,38.3,20.9,34.4,19.4z M73.6,58.7c-1.3,2.3-10.3,8.6-13.2,21.1c-0.8,3.6-2,11.9-2,11.9c3.3-1.4,13-6.5,16.6-17.8C76.9,68.1,74.8,56.5,73.6,58.7z M29.6,120c1.2-6-0.5-13.4-1.4-14.8l-2.6,3.7c-1.7,2.8-3.8,6.6-4.7,10.9c-0.5,2.7-0.1,7.5,0.6,11.4C27.9,126.7,29.3,122,29.6,120z M46.2,99.7c0.5-9.4-5.3-17.8-5.3-17.8c0,0,0-0.1-0.1-0.1c0,0-4.6,13.6-3.6,20.4c0.4,2.7,1.9,8.2,1.6,11.7 C38.7,115.6,45.2,109.7,46.2,99.7z M49.4,112.6c-2.3,2.7-4.2,5.4-5.6,8.4c9.5,0.7,18-3.1,21.1-5.1c5.4-3.5,9.5-8.9,9.1-16.8 C74,99,56.5,104.2,49.4,112.6z" /> </svg> </a> </div> </div> <div class="site-navigation"> <div class="menu-reveal gnb-menu"> <span>MENU</span> <div class="svg-pocket"> <svg id="open-ham" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M19.6,7.2L19.6,7.2l4.4,0l0-1.6l-2.2,0l0-1.6L24,4l0-1.6l-24,0L0,4l2.2,0l0,1.6L0,5.6l0,1.6l4.4,0h0 M4.4,5.6l0-1.6l2.2,0 l0,1.6L4.4,5.6z M8.7,5.6l0-1.6l2.2,0l0,1.6L8.7,5.6z M13.1,5.6l0-1.6l2.2,0l0,1.6L13.1,5.6z M17.5,5.6l0-1.6l2.2,0l0,1.6L17.5,5.6z " /> <path d="M19.6,21.6L19.6,21.6l4.4,0l0-1.6l-2.2,0l0-1.6H24l0-1.6l-24,0l0,1.6h2.2l0,1.6L0,20l0,1.6l4.4,0h0 M4.4,20l0-1.6h2.2l0,1.6 H4.4z M8.7,20l0-1.6l2.2,0l0,1.6H8.7z M13.1,20l0-1.6l2.2,0l0,1.6L13.1,20z M17.5,20l0-1.6l2.2,0l0,1.6L17.5,20z" /> <path d="M7.6,10.2" /> <path d="M7.6,10.2" /> <rect x="0" y="10.5" width="24" height="3.1" /> </svg> <svg id="close-ham" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z" /> </svg> </div> </div> <div class="drawer"> <div class="slogans-and-msg"> <div class="slogans-and-logo"> <h1 class="site-name">The Actor is Present</h1> <div class="second"> <div class="second-1"><svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <defs> <linearGradient id="myGradient2" gradientTransform="rotate(90)"> <stop offset="40%" stop-color="#ffecb3" /> <stop offset="78%" stop-color="#3a2c0f" /> </linearGradient> </defs> <path fill="url('#myGradient2')" d="M55.1,140.7c-11,7.1-16.8,7-20.1,5.4c-1.7-0.8-4.2-2.8-8.9-4.5c-2.5-0.9-4.7-1.4-6.2-1.7c1.6-1.8,5.7-5.9,12.4-7.5 c2.4-0.6,7.9-1.9,13.9,0.7C51.2,135.3,54,139.1,55.1,140.7z M16.3,57.8c0-3.5,1-6.3,2.2-9.5c2.5-6.6,0.9-10.4-0.6-16.3 c-1.4-5.4-0.3-8.1-1.3-7.2C1.3,38.8,16.3,60.3,16.3,57.8z M22.9,84.4c0.9-2.6,3.4-4.4,5.2-6.4c3.6-4.2,4-8.9,4.5-13.6 c0.4-4.4,1.9-6.1,1-5.7C17.5,66.7,22.2,86.3,22.9,84.4z M23.4,56.4c1.2-1.9,3-3.7,4.7-5c3.6-2.8,5.2-5.5,6.3-9.2 c1.1-3.4,2.5-5.3,1.7-5.1C21.6,40.7,22.6,57.7,23.4,56.4z M25.3,28.3c0.7-1.8,3.2-3.6,5.2-8.6c0.1-0.3,0.2-0.7,0.4-1.2l0.5-8.7 C20.8,15.1,24.8,29.8,25.3,28.3z M75.2,142.6c-3-0.8-3.6-1.1-6.9-2.5c-12.3-5.1-36.4-18.6-45.4-48.1c-10.1-31.6,3.9-60.2,11.6-72.6 C36,17.2,36.9,16,37,16c1.4-0.9,5.9-3.8,7.7-7.2L48,1c-9.5,1.7-11.1,10.9-11.4,14.1c-1,1.4-2.2,3.3-3.7,5.7 c-7.5,11.1-22.6,40.2-12.2,73c3.8,12.1,10,21.6,16.8,29c10.5,11.6,26.8,18.8,30.1,20c0.7,0.3,1.4,0.4,2.2,0.4c0,0,4,0,5.4,0 C75.8,143.2,76.1,142.8,75.2,142.6z M41.6,19.4c-4,1.4-10.5,5.3-10.9,13.6c0,0,6.9-3.9,8.8-6.7C40.7,24.6,41.6,19.4,41.6,19.4z M17.6,91.7c0,0-1.2-8.3-2-11.9C12.7,67.3,3.6,61,2.4,58.7C1.2,56.5-0.9,68.1,1,73.9C4.5,85.2,14.3,90.3,17.6,91.7z M46.4,120 c0.4,2,1.8,6.7,8,11.3c0.7-3.9,1.1-8.7,0.6-11.4c-0.9-4.3-3-8-4.7-10.9l-2.6-3.7C46.9,106.6,45.2,114,46.4,120z M35.1,81.9 C35.1,81.9,35.1,81.9,35.1,81.9c-0.1,0.1-5.9,8.4-5.4,17.8c1,10,7.5,15.9,7.4,14.3c-0.3-3.4,1.2-8.9,1.6-11.7 C39.8,95.5,35.1,81.9,35.1,81.9z M32.2,121c-1.4-3-3.3-5.7-5.6-8.4C19.5,104.2,2,99,2,99c-0.5,7.9,3.7,13.3,9.1,16.8 C14.2,117.9,22.7,121.7,32.2,121z" /> </svg><span>Extremely Exquisite</span><svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <path fill="url('#myGradient2')" d="M56.1,139.9c-1.5,0.3-3.6,0.7-6.2,1.7c-4.8,1.7-7.3,3.7-8.9,4.5c-3.3,1.6-9.1,1.7-20.1-5.4c1.1-1.7,3.9-5.5,9-7.6 c6-2.6,11.4-1.3,13.9-0.7C50.4,134.1,54.5,138.1,56.1,139.9z M59.7,57.8c0,2.5,15-19.1-0.2-33c-1-0.9,0.1,1.8-1.3,7.2 c-1.5,5.8-3.1,9.6-0.6,16.3C58.8,51.5,59.7,54.3,59.7,57.8z M53.1,84.4c0.7,1.8,5.4-17.7-10.7-25.7c-0.9-0.5,0.6,1.3,1,5.7 c0.5,4.7,1,9.4,4.5,13.6C49.7,80.1,52.2,81.8,53.1,84.4z M39.8,37.1c-0.8-0.2,0.6,1.6,1.7,5.1c1.2,3.7,2.7,6.4,6.3,9.2 c1.8,1.3,3.5,3.1,4.7,5C53.4,57.7,54.4,40.7,39.8,37.1z M45.5,19.7c2,5,4.5,6.8,5.2,8.6c0.6,1.5,4.6-13.2-6-18.5l0.5,8.7 C45.3,19,45.4,19.4,45.5,19.7z M38.5,122.8c6.7-7.4,13-16.9,16.8-29c10.3-32.8-4.8-61.9-12.2-73c-1.4-2.4-2.7-4.3-3.7-5.7 C39.1,11.8,37.5,2.7,28,1l3.3,7.8c1.7,3.4,6.3,6.3,7.7,7.2c0,0.1,1,1.3,2.4,3.4C49.2,31.8,63.2,60.4,53.1,92 c-9,29.5-33.1,42.9-45.4,48.1c-3.4,1.4-3.9,1.6-6.9,2.5c-0.9,0.2-0.6,0.7,0,0.7c1.4,0,5.4,0,5.4,0c0.7,0,1.5-0.1,2.2-0.4 C11.7,141.6,28,134.5,38.5,122.8z M34.4,19.4c0,0,0.9,5.2,2.1,6.8c1.9,2.8,8.8,6.7,8.8,6.7C44.9,24.7,38.3,20.9,34.4,19.4z M73.6,58.7c-1.3,2.3-10.3,8.6-13.2,21.1c-0.8,3.6-2,11.9-2,11.9c3.3-1.4,13-6.5,16.6-17.8C76.9,68.1,74.8,56.5,73.6,58.7z M29.6,120c1.2-6-0.5-13.4-1.4-14.8l-2.6,3.7c-1.7,2.8-3.8,6.6-4.7,10.9c-0.5,2.7-0.1,7.5,0.6,11.4C27.9,126.7,29.3,122,29.6,120z M46.2,99.7c0.5-9.4-5.3-17.8-5.3-17.8c0,0,0-0.1-0.1-0.1c0,0-4.6,13.6-3.6,20.4c0.4,2.7,1.9,8.2,1.6,11.7 C38.7,115.6,45.2,109.7,46.2,99.7z M49.4,112.6c-2.3,2.7-4.2,5.4-5.6,8.4c9.5,0.7,18-3.1,21.1-5.1c5.4-3.5,9.5-8.9,9.1-16.8 C74,99,56.5,104.2,49.4,112.6z" /> </svg> </div> <div class="second-2"><svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <path fill="url('#myGradient2')" d="M55.1,140.7c-11,7.1-16.8,7-20.1,5.4c-1.7-0.8-4.2-2.8-8.9-4.5c-2.5-0.9-4.7-1.4-6.2-1.7c1.6-1.8,5.7-5.9,12.4-7.5 c2.4-0.6,7.9-1.9,13.9,0.7C51.2,135.3,54,139.1,55.1,140.7z M16.3,57.8c0-3.5,1-6.3,2.2-9.5c2.5-6.6,0.9-10.4-0.6-16.3 c-1.4-5.4-0.3-8.1-1.3-7.2C1.3,38.8,16.3,60.3,16.3,57.8z M22.9,84.4c0.9-2.6,3.4-4.4,5.2-6.4c3.6-4.2,4-8.9,4.5-13.6 c0.4-4.4,1.9-6.1,1-5.7C17.5,66.7,22.2,86.3,22.9,84.4z M23.4,56.4c1.2-1.9,3-3.7,4.7-5c3.6-2.8,5.2-5.5,6.3-9.2 c1.1-3.4,2.5-5.3,1.7-5.1C21.6,40.7,22.6,57.7,23.4,56.4z M25.3,28.3c0.7-1.8,3.2-3.6,5.2-8.6c0.1-0.3,0.2-0.7,0.4-1.2l0.5-8.7 C20.8,15.1,24.8,29.8,25.3,28.3z M75.2,142.6c-3-0.8-3.6-1.1-6.9-2.5c-12.3-5.1-36.4-18.6-45.4-48.1c-10.1-31.6,3.9-60.2,11.6-72.6 C36,17.2,36.9,16,37,16c1.4-0.9,5.9-3.8,7.7-7.2L48,1c-9.5,1.7-11.1,10.9-11.4,14.1c-1,1.4-2.2,3.3-3.7,5.7 c-7.5,11.1-22.6,40.2-12.2,73c3.8,12.1,10,21.6,16.8,29c10.5,11.6,26.8,18.8,30.1,20c0.7,0.3,1.4,0.4,2.2,0.4c0,0,4,0,5.4,0 C75.8,143.2,76.1,142.8,75.2,142.6z M41.6,19.4c-4,1.4-10.5,5.3-10.9,13.6c0,0,6.9-3.9,8.8-6.7C40.7,24.6,41.6,19.4,41.6,19.4z M17.6,91.7c0,0-1.2-8.3-2-11.9C12.7,67.3,3.6,61,2.4,58.7C1.2,56.5-0.9,68.1,1,73.9C4.5,85.2,14.3,90.3,17.6,91.7z M46.4,120 c0.4,2,1.8,6.7,8,11.3c0.7-3.9,1.1-8.7,0.6-11.4c-0.9-4.3-3-8-4.7-10.9l-2.6-3.7C46.9,106.6,45.2,114,46.4,120z M35.1,81.9 C35.1,81.9,35.1,81.9,35.1,81.9c-0.1,0.1-5.9,8.4-5.4,17.8c1,10,7.5,15.9,7.4,14.3c-0.3-3.4,1.2-8.9,1.6-11.7 C39.8,95.5,35.1,81.9,35.1,81.9z M32.2,121c-1.4-3-3.3-5.7-5.6-8.4C19.5,104.2,2,99,2,99c-0.5,7.9,3.7,13.3,9.1,16.8 C14.2,117.9,22.7,121.7,32.2,121z" /> </svg><span>Incredibly Vigorous</span><svg version="1.1" x="0px" y="0px" viewBox="0 0 76 148" style="enable-background:new 0 0 76 148;" xml:space="preserve"> <path fill="url('#myGradient2')" d="M56.1,139.9c-1.5,0.3-3.6,0.7-6.2,1.7c-4.8,1.7-7.3,3.7-8.9,4.5c-3.3,1.6-9.1,1.7-20.1-5.4c1.1-1.7,3.9-5.5,9-7.6 c6-2.6,11.4-1.3,13.9-0.7C50.4,134.1,54.5,138.1,56.1,139.9z M59.7,57.8c0,2.5,15-19.1-0.2-33c-1-0.9,0.1,1.8-1.3,7.2 c-1.5,5.8-3.1,9.6-0.6,16.3C58.8,51.5,59.7,54.3,59.7,57.8z M53.1,84.4c0.7,1.8,5.4-17.7-10.7-25.7c-0.9-0.5,0.6,1.3,1,5.7 c0.5,4.7,1,9.4,4.5,13.6C49.7,80.1,52.2,81.8,53.1,84.4z M39.8,37.1c-0.8-0.2,0.6,1.6,1.7,5.1c1.2,3.7,2.7,6.4,6.3,9.2 c1.8,1.3,3.5,3.1,4.7,5C53.4,57.7,54.4,40.7,39.8,37.1z M45.5,19.7c2,5,4.5,6.8,5.2,8.6c0.6,1.5,4.6-13.2-6-18.5l0.5,8.7 C45.3,19,45.4,19.4,45.5,19.7z M38.5,122.8c6.7-7.4,13-16.9,16.8-29c10.3-32.8-4.8-61.9-12.2-73c-1.4-2.4-2.7-4.3-3.7-5.7 C39.1,11.8,37.5,2.7,28,1l3.3,7.8c1.7,3.4,6.3,6.3,7.7,7.2c0,0.1,1,1.3,2.4,3.4C49.2,31.8,63.2,60.4,53.1,92 c-9,29.5-33.1,42.9-45.4,48.1c-3.4,1.4-3.9,1.6-6.9,2.5c-0.9,0.2-0.6,0.7,0,0.7c1.4,0,5.4,0,5.4,0c0.7,0,1.5-0.1,2.2-0.4 C11.7,141.6,28,134.5,38.5,122.8z M34.4,19.4c0,0,0.9,5.2,2.1,6.8c1.9,2.8,8.8,6.7,8.8,6.7C44.9,24.7,38.3,20.9,34.4,19.4z M73.6,58.7c-1.3,2.3-10.3,8.6-13.2,21.1c-0.8,3.6-2,11.9-2,11.9c3.3-1.4,13-6.5,16.6-17.8C76.9,68.1,74.8,56.5,73.6,58.7z M29.6,120c1.2-6-0.5-13.4-1.4-14.8l-2.6,3.7c-1.7,2.8-3.8,6.6-4.7,10.9c-0.5,2.7-0.1,7.5,0.6,11.4C27.9,126.7,29.3,122,29.6,120z M46.2,99.7c0.5-9.4-5.3-17.8-5.3-17.8c0,0,0-0.1-0.1-0.1c0,0-4.6,13.6-3.6,20.4c0.4,2.7,1.9,8.2,1.6,11.7 C38.7,115.6,45.2,109.7,46.2,99.7z M49.4,112.6c-2.3,2.7-4.2,5.4-5.6,8.4c9.5,0.7,18-3.1,21.1-5.1c5.4-3.5,9.5-8.9,9.1-16.8 C74,99,56.5,104.2,49.4,112.6z" /> </svg> </div> </div> </div> </div> <div class="gnb"> <ul> <li><a href="/">Home</a></li> <li><a href="/male-actors-by-alphabetical-order/">100 Male Actors</a></li> <li><a href="/female-actors-by-alphabetical-order/">100 Female Actors</a></li> <li><a href="/category/thumbnail-sketch/">Thumbnail Sketch</a></li> </ul> <div class="mobile-info"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="info"> <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z" /> </svg> </div> <div class="footer-info"> <p class="about"> Welcome to the Korean Actors 200 website of KoBiz.<br><br>The KOREAN ACTORS 200 website aims to introduce the 200 actors that best represent the present and future of Korean cinema to the people in the film industry all over the world.<br><br>The selection process considered performers who starred in some of the biggest successes of the last decade, actors who earned accolades from film festivals in Korea or abroad, as well as the biggest contributors to indie film or those who participated in international projects.<br><br>The profiles of 20 actors out of 200 will be open every Monday successively starting March 15 on a special online web page.<br><br>This website will provide you with detailed bios of each actor accompanied by portrait photographs and showreels.<br><br>Extremely Exquisite and Incredibly Vigorous, The Actor is Present.<br><br>Thank you! </p> <div class="site-info"> 13/14F 55, Centum jungang-ro, Haeundae-gu, Busan, 48058 TEL : 051-720-4877 FAX : 051-720-4816 E-mail : kobiz@kofic.or.kr<br>COPYRIGHT(C) 2021 KOFIC. RIGHTS RESERVED. </div> </div> </div> </div> </div> </div> <!--pop--> <!--up--> </header><!-- #masthead --> <script> var $buoop = { required: { e: -4, f: -3, o: -3, s: -1, c: -3 }, insecure: true, unsupported: true, api: 2021.03 }; function $buo_f() { var e = document.createElement("script"); e.src = "//browser-update.org/update.min.js"; document.body.appendChild(e); }; try { document.addEventListener("DOMContentLoaded", $buo_f, false) } catch (e) { window.attachEvent("onload", $buo_f) } </script><div class="menu-reveal filter-for-list"> <a href="/male-actors-by-alphabetical-order/"> <span>By Alphabetical order</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M24 20v1h-4v-1h.835c.258 0 .405-.178.321-.422l-.473-1.371h-2.231l-.575-1.59h2.295l-1.362-4.077-1.154 3.451-.879-2.498.921-2.493h2.222l3.033 8.516c.111.315.244.484.578.484h.469zm-6-1h1v2h-7v-2h.532c.459 0 .782-.453.633-.887l-.816-2.113h-6.232l-.815 2.113c-.149.434.174.887.633.887h1.065v2h-7v-2h.43c.593 0 1.123-.375 1.32-.935l5.507-15.065h3.952l5.507 15.065c.197.56.69.935 1.284.935zm-10.886-6h4.238l-2.259-6.199-1.979 6.199z" /> </svg> </a> </div> <main id="primary" class="site-main"> <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script> <div id="js-grid" class="grid-container infinite-tile"></div> <script> let randomID = 387; let randomCopy = 'Now she is responsible for a whole character, instead of someone else’s childhood role'; </script> <script type='text/javascript'> let weekactorsArray = [78,282,80,2702,104,3906,3866,288,106,290,82,292,84,294,86,371,3288,297,94,299,3852,3846,100,381,102,301,108,3872,116,307,118,309,120,311,124,3229,126,313,3257,317,128,3093,3852,3846,130,132,134,3860,138,140,142,144,2752,3862,2499,321,323,325,327,329,3334,3342,333,3874,3880,3881,146,148,152,154,156,158,150,2760,160,162,2931,335,337,339,341,343,2509,345,347,349,3852,3846,164,166,168,2911,170,172,174,176,178,180,3876,2308,355,357,359,361,363,365,367,369,3880,3881,182,184,186,188,190,192,194,196,2756,2938,373,375,377,383,3870,387,391,393,395,397,3852,3846,198,200,202,204,3864,206,208,212,214,216,399,401,403,405,407,409,319,2909,411,417,3880,3881,218,220,226,222,228,230,232,234,236,238,419,3264,423,425,429,431,435,433,437,439,3852,3846,240,242,2934,246,248,250,252,254,256,244,441,443,447,449,451,453,455,3868,459,463,3852,3846,258,260,262,122,266,268,270,272,274,3089,465,467,469,471,473,475,477,415,479,481,3880,3881]; let wpactosArray = []; </script> <script> function findMatch(array_1_small, array2_large) { var ary = new Array(); for (i = 0; i < array2_large.length; i++) { for (z = 0; z < array_1_small.length; z++) { if (array2_large[i] == array_1_small[z]) { ary.push(i); } } } return ary; } </script> <script> var getJSON = function(url, callback) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'json'; xhr.onload = function() { var status = xhr.status; if (status === 200) { callback(null, xhr.response); } else { callback(status, xhr.response); } }; xhr.send(); }; let revealedActorarr = []; let notRevealedActorarr = []; let nRevealedActorarr = []; for (let i = 0; i < 100; i++) { nRevealedActorarr.push(i); } getJSON('/wp-json/wp/v2/posts?categories=2&_embed&per_page=100', function(err, data) { if (err !== null) { console.log('Something went wrong: ' + err); } else { // alert('load correctly'); for (let i = 0; i < data.length; i++) { wpactosArray.push(data[i].id); } var a = findMatch(weekactorsArray, wpactosArray); revealedActorarr = a; nRevealedActorarr = nRevealedActorarr.filter(n => !revealedActorarr.includes(n)) // wpactosArray - revealedActorarr; notRevealedActorarr = wpactosArray.filter(n => !weekactorsArray.includes(n)); for (let i = 0; i < 10; i++) { // revealedActorarr.push(Math.floor(Math.random()*99)); } setTimeout(() => { startInfinite(); }, 10); } }); </script> <script> function startInfinite() { const GALLERY_JSON = '/wp-json/wp/v2/posts?categories=2&_embed&per_page=100'; //women const CARD_WIDTH = 220; const CARD_HEIGHT = 280; const FIXED_ROWS = 5; const FIXED_COLS = 5; let previousPositionX = 0; let previousPositionY = 0; let exposed const NEIGHBOURS = [ [0, -1], // up [0, 1], // down [1, 0], // right [-1, 0], // left [1, 1], // bottom right [-1, 1], // bottom left [-1, -1], // upper left [1, -1] // upper right ]; function LoadJSON(url, callback) { let req = new XMLHttpRequest(); req.overrideMimeType("application/json"); req.open('GET', url, true); req.onreadystatechange = () => { if (req.readyState === 4 && req.status === 200) { callback(JSON.parse(req.responseText)); } }; req.send(null); } class SimpleDrag { constructor(DOMElement, onDrag) { this.useTouch = this.isTouch(); this.dragging = false; this.lastX = 0; this.lastY = 0; this.tween = undefined; this.prevVelocity = 0; this.DOMElement = DOMElement; this.onDragCallback = onDrag; this.bind(); } onMove(e) { if (this.dragging) { e = e.type == "touchmove" ? e.touches[0] : e; let xDelta = e.clientX - this.lastX; let yDelta = e.clientY - this.lastY; let velocity = Math.abs(xDelta * yDelta); if (velocity > 50) { //this.dragging = false; let v = { x: xDelta * 0.5, y: yDelta * 0.5 }; if (this.tween) this.tween.kill(); this.tween = gsap.to(v, 0.5, { x: 0, y: 0, onUpdate: () => { this.onDragCallback(v.x, v.y); } }); } this.onDragCallback(xDelta, yDelta); this.lastX = e.clientX; this.lastY = e.clientY; } } onStart(e) { e = e.type == "touchstart" ? e.touches[0] : e; this.lastX = e.clientX; this.lastY = e.clientY; this.dragging = true; previousPositionX = e.clientX; previousPositionY = e.clientY; } onEnd(e) { this.dragging = false; var deltaX, deltaY; if (this.useTouch) { deltaX = e.changedTouches[0].clientX - previousPositionX; deltaY = e.changedTouches[0].clientY - previousPositionY; } if (previousPositionX === e.clientX && previousPositionY === e.clientY) { if (e.target.querySelector('img').getAttribute('data-href') !== 'not-revealed') { window.location.href = e.target.querySelector('img').getAttribute('data-href'); } else {} } if (deltaX === 0 && deltaY === 0) { if (e.target.querySelector('img').getAttribute('data-href') !== 'not-revealed') { window.location.href = e.target.querySelector('img').getAttribute('data-href'); } else {} } } isTouch() { return ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0); } bind() { let el = this.DOMElement; if (this.useTouch) { el.addEventListener('touchstart', this.onStart.bind(this), false); el.addEventListener('touchmove', this.onMove.bind(this), false); el.addEventListener('touchend', this.onEnd.bind(this), false); } else { el.addEventListener('mousedown', this.onStart.bind(this), false) el.addEventListener('mousemove', this.onMove.bind(this), false); el.addEventListener('mouseup', this.onEnd.bind(this), false); } } } class Card { constructor(descriptor) { this.descriptor = descriptor; this.createDOMElement(); this.x = 0; this.y = 0; } createDOMElement() { this.rootElement = document.createElement('div'); this.imgElement = document.createElement('img'); this.textElement = document.createElement('div'); this.textElement.className = 'text'; this.rootElement.className = 'card'; this.rootElement.appendChild(this.imgElement); this.rootElement.appendChild(this.textElement); } load() { let { imgElement, textElement } = this; // console.log(this.descriptor) if (this.descriptor !== undefined) { if (this.descriptor._embedded['wp:featuredmedia'] !== undefined && weekactorsArray.indexOf(this.descriptor.id) > -1) { // // if (imgElement.src !== this.descriptor._embedded['wp:featuredmedia'][0].media_details.sizes.full.source_url) { let alreadyVar = textElement.getAttribute('data-id'); if (alreadyVar) { // console.log(this.descriptor.id); let dataSrc = imgElement.getAttribute('data-src'); imgElement.setAttribute('data-iidd', this.descriptor.id); if (this.descriptor.kofic_fields !== undefined) { imgElement.src = dataSrc; } else { imgElement.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII='; // imgElement.style.display = "none"; } imgElement.setAttribute('data-href', 'not-revealed'); imgElement.onload = () => { this.update(); this.rootElement.classList.toggle('hidden', false); } } else { // console.log(this.descriptor._embedded['wp:featuredmedia'][0]); // imgElement.src = this.descriptor._embedded['wp:featuredmedia'][0].media_details.sizes.full.source_url ? this.descriptor._embedded['wp:featuredmedia'][0].media_details.sizes.full.source_url: ; imgElement.src = this.descriptor._embedded['wp:featuredmedia'][0].source_url; imgElement.setAttribute('data-href', this.descriptor.link); imgElement.onload = () => { this.update(); this.rootElement.classList.toggle('hidden', false); } } // } } else { if (this.descriptor.kofic_fields !== undefined) { imgElement.src = this.descriptor.kofic_fields; } else { imgElement.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII='; // imgElement.style.display = "none"; } imgElement.setAttribute('data-title', this.descriptor.title.rendered) imgElement.setAttribute('data-src', this.descriptor.kofic_fields) textElement.innerHTML = '<div class="coming-soon-figure"><div class="coming-title">' + this.descriptor.title.rendered + '</div><div class="infinite-title comingsoon" data-id="' + this.descriptor.id + '">Coming soon</div></div>'; textElement.setAttribute('data-id', this.descriptor.id) imgElement.setAttribute('data-href', 'not-revealed'); // imgElement.setAttribute('aaa', this.descriptor.id); imgElement.onload = () => { this.update(); this.rootElement.classList.toggle('hidden', false); } } } } appendTo(el) { if (this.rootElement.parentElement !== el) { //console.log('append'); el.appendChild(this.rootElement); this.load(); } } removeSelf() { if (this.rootElement.parentElement) { this.rootElement.classList.toggle('hidden', true); this.imgElement.src = ''; this.rootElement.parentElement.removeChild(this.rootElement); } } update() { let cssBatch = ''; cssBatch += `transform: translate3d(${this.x}px, ${this.y}px, 0);`; //cssBatch += 'display:' + ( this._visible ? 'block;' : 'none;' ); this.rootElement.setAttribute('style', cssBatch); } } class Grid { constructor(DOMElement, JSONGallery) { this.descriptors = JSONGallery; this.DOMElement = DOMElement; // dict to save previous assignations by col and row this.picks = {}; // current visible cards this.cards = {}; // all elements are cached and reused this.cardsPool = []; this.offsetX = 0; this.offsetY = 0; this.viewCols = 0; this.viewRows = 0; this.viewWidth = 0; this.viewHeight = 0; } init() { window.addEventListener('resize', this.onResize.bind(this)); this.onResize(); let d = new SimpleDrag(this.DOMElement, this.onDrag.bind(this)); } getGalleryDescriptor(index) { // console.log(this.descriptors[200]) return this.descriptors[index % this.descriptors.length]; // return this.descriptors[index]; } getGalleryDescriptorReveal() { // let randomActorNotRevealed = Math.floor(Math.random() * nRevealedActorarr.length); // let notExistConfirmed = parseInt(nRevealedActorarr[randomActorNotRevealed]); // let randomActorRevealed = Math.floor(Math.random() * revealedActorarr.length); // let existConfirmed = parseInt(revealedActorarr[randomActorRevealed]); // return this.descriptors[existConfirmed]; let randomActorNotRevealed = Math.floor(Math.random() * nRevealedActorarr.length); let notExistConfirmed = parseInt(nRevealedActorarr[randomActorNotRevealed]); let randomActorRevealed = Math.floor(Math.random() * revealedActorarr.length); let existConfirmed = parseInt(revealedActorarr[randomActorRevealed]); let percetageRand = Math.floor(Math.random() * 1000) if (percetageRand > 998) { return this.descriptors[notExistConfirmed]; } else { return this.descriptors[existConfirmed]; } // let randomActorNotRevealed = Math.floor(Math.random() * nRevealedActorarr.length); // let notExistConfirmed = parseInt(nRevealedActorarr[randomActorNotRevealed]); // let randomActorRevealed = Math.floor(Math.random() * revealedActorarr.length); // let existConfirmed = parseInt(revealedActorarr[randomActorRevealed]); // return this.descriptors[existConfirmed]; } getGalleryDescriptorNotReveal() { let randomActorNotRevealed = Math.floor(Math.random() * nRevealedActorarr.length); let notExistConfirmed = parseInt(nRevealedActorarr[randomActorNotRevealed]); let randomActorRevealed = Math.floor(Math.random() * revealedActorarr.length); let existConfirmed = parseInt(revealedActorarr[randomActorRevealed]); let percetageRand = Math.floor(Math.random() * 1000) if (percetageRand > 998) { return this.descriptors[notExistConfirmed]; } else { return this.descriptors[existConfirmed]; } // let randomActorNotRevealed = Math.floor(Math.random() * nRevealedActorarr.length); // let notExistConfirmed = parseInt(nRevealedActorarr[randomActorNotRevealed]); // let randomActorRevealed = Math.floor(Math.random() * revealedActorarr.length); // let existConfirmed = parseInt(revealedActorarr[randomActorRevealed]); // return this.descriptors[existConfirmed]; } getGalleryDescriptor100Reveal() { // after 10 weeks let randomActorNotRevealed = Math.floor(Math.random() * nRevealedActorarr.length); let notExistConfirmed = parseInt(nRevealedActorarr[randomActorNotRevealed]); let randomActorRevealed = Math.floor(Math.random() * revealedActorarr.length); let existConfirmed = parseInt(revealedActorarr[randomActorRevealed]); return this.descriptors[existConfirmed]; } onDragEnd() {} onDrag(deltaX, deltaY) { this.offsetX += deltaX; this.offsetY += deltaY; this.updateGrid(); } onResize() { this.viewHeight = this.DOMElement.offsetHeight; this.viewWidth = this.DOMElement.offsetWidth; this.updateViewColRows(); this.updateGrid(); } updateViewColRows() { this.viewCols = Math.ceil(this.viewWidth / CARD_WIDTH) + 2; this.viewRows = Math.ceil(this.viewHeight / CARD_HEIGHT) + 2; } isVisible(x, y) { return ((x + CARD_WIDTH > 0 && y + CARD_HEIGHT > 0) && (x < this.viewWidth && y < this.viewHeight)); } getRandomSafe(col, row) { let pick; let tries = 0; let i = 0; while (pick === undefined) { let rnd = ~~(Math.random() * 10000); let randomActorRevealed = Math.floor(Math.random() * revealedActorarr.length); let existConfirmed = parseInt(revealedActorarr[randomActorRevealed]); // let item = this.getGalleryDescriptor(existConfirmed); // extroconfirmed/100 의 나머지 // let item = this.getGalleryDescriptor(rnd); let item = this.getGalleryDescriptorReveal(); // let item = this.getGalleryDescriptor100Reveal(); // after 10 weeks for (i = 0; i < NEIGHBOURS.length; i++) { let offsets = NEIGHBOURS[i]; let key = `${col + offsets[ 0 ]}:${row + offsets[ 1 ]}`; if (this.picks[key] === item) { break; } } if (tries++ > 20 || i === NEIGHBOURS.length) { pick = item; } } return pick; } getRandomDescriptor(col, row) { let key = `${col}:${row}`; if (!this.picks[key]) { let item = this.getRandomSafe(col, row); this.picks[key] = item; } return this.picks[key]; } getCardPos(col, row) { let offsetX = this.offsetX % CARD_WIDTH; let offsetY = this.offsetY % CARD_HEIGHT; let x = col * CARD_WIDTH + offsetX - CARD_WIDTH; let y = row * CARD_HEIGHT + offsetY - CARD_HEIGHT; return [Math.round(x), Math.round(y)]; } updateGrid() { let newCards = {}; let colOffset = ~~(this.offsetX / CARD_WIDTH) * -1; let rowOffset = ~~(this.offsetY / CARD_HEIGHT) * -1; for (let row = -1; row < this.viewRows; row++) { for (let col = -1; col < this.viewCols; col++) { let desc = undefined; let tCol = colOffset + col; let tRow = rowOffset + row; if (tCol > 0 && tRow > 0 && tCol < FIXED_COLS && tRow < FIXED_ROWS) { let index = tRow * FIXED_COLS + tCol; // desc = this.getGalleryDescriptor(index); let randomActorRevealed = Math.floor(Math.random() * notRevealedActorarr.length); let existConfirmed = parseInt(notRevealedActorarr[randomActorRevealed]); desc = this.getGalleryDescriptorNotReveal(); // desc = this.getGalleryDescriptor100Reveal(); // after 10 weeks } else { desc = this.getRandomDescriptor(tCol, tRow); } let [x, y] = this.getCardPos(col, row); if (this.isVisible(x, y)) { let index = tCol + "" + tRow; let card = this.cards[index] || this.getCard(desc); delete this.cards[index]; card.x = x; card.y = y; card.appendTo(this.DOMElement); card.update(); newCards[index] = card; } } } this.cleanupCards(); this.cards = newCards; } cleanupCards() { let keys = Object.keys(this.cards); for (let i = 0; i < keys.length; i++) { let card = this.cards[keys[i]]; card.removeSelf(); this.cardsPool.push(card); } this.cards = null; } getCard(descriptor) { if (this.cardsPool.length > 0) { let card = this.cardsPool.pop(); card.descriptor = descriptor; return card; } else { return new Card(descriptor); } } } LoadJSON(GALLERY_JSON, (gallery) => { let grid = new Grid(document.getElementById("js-grid"), gallery); grid.init(); setTimeout(() => { document.querySelector('.preload').classList.add('hide'); document.querySelector('.grid-container').classList.add('started'); }, 1000); }); } </script> </main><!-- #main --> <style> body { background: black; overflow: hidden; margin: 0; } .grid-container { user-select: none; width: 100vw; height: 100vh; position: absolute; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; opacity: 0; transition: 0.5s opacity cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition: 0.2s opacity cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition: 0.2s opacity cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: 0.2s opacity cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition: 0.2s opacity cubic-bezier(0.075, 0.82, 0.165, 1); overflow: hidden; } .grid-container.started { opacity: 1; } .grid-container:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .card img { position: absolute; pointer-events: none; user-select: none; top: 10px; left: 25px; width: calc(100% - 50px); border-radius: 5px; } .card { transition: opacity 0.5s; opacity: 1; overflow: hidden; position: absolute; width: 220px; height: 280px; padding: 10px 20px; } .card:hover { /* opacity: 0.5; */ } .card.hidden { opacity: 0; } </style> <footer id="colophon" class="site-footer"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="info"> <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z" /> </svg> </div> <div class="footer-info"> <p class="about"> </p> <div class="site-info"> Welcome to the Korean Actors 200 website of KoBiz.<br><br>The KOREAN ACTORS 200 website aims to introduce the 200 actors that best represent the present and future of Korean cinema to the people in the film industry all over the world.<br><br>The selection process considered performers who starred in some of the biggest successes of the last decade, actors who earned accolades from film festivals in Korea or abroad, as well as the biggest contributors to indie film or those who participated in international projects.<br><br>The profiles of 20 actors out of 200 will be open every Monday successively starting March 15 on a special online web page.<br><br>This website will provide you with detailed bios of each actor accompanied by portrait photographs and showreels.<br><br>Extremely Exquisite and Incredibly Vigorous, The Actor is Present.<br><br>Thank you!<br><br> 130, Suyeonggangbyeon-daero, Haeundae-gu, Busan, Republic of Korea (48058) TEL : 051-720-4877 FAX : 051-720-4816 E-mail : kobiz@kofic.or.kr<br>COPYRIGHT(C) 2021 KOFIC. RIGHTS RESERVED. </div> </div> </footer><!-- #colophon --> </div><!-- #page --> <script src="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/js/navigation.js?ver=1.0.0" id="kofic2021-navigation-js"></script> <script> let ham = document.querySelector('.menu-reveal.gnb-menu'); let drawer = document.querySelector('.drawer'); let info = document.querySelector('.gnb .info'); let footerInfo = document.querySelector('.gnb .footer-info'); let info2 = document.querySelector('.site-footer .info'); let footerInfo2 = document.querySelector('.site-footer .footer-info'); ham.addEventListener('click', toggleMenu); function toggleMenu() { drawer.classList.toggle('opened'); ham.classList.toggle('active'); footerInfo.querySelector('.about').classList.remove('show'); footerInfo.querySelector('.site-info').classList.remove('show'); footerInfo.classList.remove('expand'); } document.addEventListener("contextmenu", function(e) { e.preventDefault(); if (document.querySelector('.modal-wrapper') === null) { copyRedirect(); } }, false); function copyRedirect() { let modalHtml = document.createElement('div'); modalHtml.classList.add('modal-wrapper'); if (window.location.href.indexOf('/youn-yuhjung/') > -1) { console.log('Congrats! Oscar nominee!'); var copyModal = ` <div class="copy-modal"> <p class="copy-text"><img style="width:24px; margin:0 3px;" src="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/oscar.png" />Celebrate!!!<br>Korean Female Actor Has Won the Best Supporting Actress<br>for the First Time at the Academy Awards!<br>A big clap to Actor Youn Yuhjung who never stops new challenges!<br>We congratulate on your winning the Oscar from the bottom of our heart!<img style="width:24px; margin:0 3px;" src="https://theactorispresent.kr/drmvsn/wp-content/themes/kofic_final/imgs/oscar.png" /></p> <div class="buttons"> <div class="cancel" onclick="cancelModal()" style="width:100%">CLOSE</div> </div> </div> `; } else { var copyModal = ` <div class="copy-modal"> <p class="copy-text">${randomCopy}</p> <div class="buttons"> <div class="cancel" onclick="cancelModal()">CANCEL</div> <div class="view-start"><a href="https://theactorispresent.kr/?p=${randomID}">VIEW</a></div> </div> </div> `; } modalHtml.innerHTML = copyModal; document.body.append(modalHtml); } function cancelModal() { let modalTarget = document.querySelector('.modal-wrapper'); modalTarget.parentNode.removeChild(modalTarget); } info.addEventListener('click', function() { footerInfo.classList.toggle('expand'); if (footerInfo.className.indexOf('expand') > -1) { setTimeout(() => { footerInfo.querySelector('.about').classList.add('show'); footerInfo.querySelector('.site-info').classList.add('show'); }, 1000); } else { footerInfo.querySelector('.about').classList.remove('show'); footerInfo.querySelector('.site-info').classList.remove('show'); } }); info2.addEventListener('click', function() { footerInfo2.classList.toggle('expand'); if (footerInfo2.className.indexOf('expand') > -1) { setTimeout(() => { footerInfo2.querySelector('.about').classList.add('show'); footerInfo2.querySelector('.site-info').classList.add('show'); }, 1000); } else { footerInfo2.querySelector('.about').classList.remove('show'); footerInfo2.querySelector('.site-info').classList.remove('show'); } }); </script> </body> </html>