index.html

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>FABL 테스트 · 일이 떨어지면 나는 뭐부터 할까</title>
    <meta name="description" content="상황부터 파악하는 사람, 뭐가 중요한지 먼저 정하는 사람, 일단 만들어보는 사람, 사람부터 맞추는 사람. 12개 업무 상황으로 보는 나의 FABL 유형. 2~3분." />
    <link rel="canonical" href="https://fabl.m1k.app/" />
    <meta name="theme-color" content="#12101a" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="FABL 테스트" />
    <meta property="og:locale" content="ko_KR" />
    <meta property="og:title" content="일이 떨어지면 나는 뭐부터 할까" />
    <meta property="og:description" content="12개 상황 · 3분. 24유형 중 내가 일하는 순서를 찾습니다. 다빈치·나이팅게일·에디슨 중 나와 같은 순서로 일한 사람은 누구일까." />
    <meta property="og:url" content="https://fabl.m1k.app/" />
    <meta property="og:image" content="https://fabl.m1k.app/og/intro.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:alt" content="FABL 테스트 — 24유형 중 내가 일하는 순서 찾기" />
    <meta name="twitter:card" content="summary_large_image" />
    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='9' fill='%2312101a'/%3E%3Cellipse cx='16' cy='17' rx='9' ry='7.5' fill='%238b7cf0'/%3E%3C/svg%3E" />
    <link rel="preconnect" href="https://cdn.jsdelivr.net" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>