CausalInferenceLab.github.io/game.html at main · CausalInferenceLab/CausalInferenceLab.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://www.googletagmanager.com; style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net https://fonts.googleapis.com; font-src 'self' data: https://cdn.jsdelivr.net https://fonts.gstatic.com; img-src 'self' data: blob: https://github.com https://avatars.githubusercontent.com https://*.google-analytics.com https://*.googletagmanager.com; connect-src 'self' https://api.github.com https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com; object-src 'none'; base-uri 'self'; form-action 'self'">
<script src="assets/js/ga.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>상관일까, 인과일까? | Causal Inference Hub</title>
<meta name="description" content="데이터 상황 10개를 보고 상관인지 인과인지 골라 보세요. 2분이면 끝나고, 답마다 관련 웹북 장으로 이어집니다.">
<meta property="og:title" content="상관일까, 인과일까? | Causal Inference Hub">
<meta property="og:description" content="데이터 상황 10개, 2분. 당신의 인과 감각은 몇 점일까요?">
<meta property="og:image" content="https://causalinferencelab.github.io/assets/img/og-game.jpg">
<meta property="og:url" content="https://causalinferencelab.github.io/game.html">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="assets/img/team-mark.png">
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" integrity="sha384-/uC/GIvKJ/9RN6i1izHoBY9ubYo60OAsQRNQ3NRFiNsN+N/MVQJHD5OYcZz6wvwn" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/hub.css">
</head>
<body class="gpage">
<a class="skip" href="#main">본문으로 건너뛰기</a>
<header class="site-header">
  <div class="wrap header-row">
    <a class="brand" href="./" aria-label="Causal Inference Hub 처음으로"><img class="brand-logo" src="assets/img/team-mark.png" alt="" width="34" height="34"><span class="brand-text"><span class="brand-name">Causal Inference Hub</span><span class="brand-sub">가짜연구소 인과추론팀</span></span></a>
    <nav class="site-nav" aria-label="주요 메뉴"><a href="./#curriculum">커리큘럼</a><a href="game.html" aria-current="page">게임</a><a href="lab.html">실험실</a><a href="builders/">Builder</a><a href="./#join">참여하기</a></nav>
    <button type="button" class="pass-btn" data-passport aria-label="활동 여권 열기">여권 <b data-passport-count>0/9</b></button>
  </div>
</header>
<main id="main" class="gm">
  <div class="wrap">
    <div class="gm-card" id="game">
      <p class="gm-kicker">2분 몸풀기 · 10문항</p>
      <h1>상관일까, 인과일까?</h1>
      <p class="gm-lede">데이터에서 본 관계를 원인이라고 말해도 될까요? 상황 10개마다 주장 하나가 붙어 있습니다. 그렇게 말해도 되는지 골라 보세요. 답마다 이유와 함께 읽을 웹북 장을 알려 드립니다.</p>
      <button type="button" class="btn" data-game-start>시작하기</button>
      <noscript><p>이 게임은 자바스크립트가 필요합니다.</p></noscript>
    </div>
  </div>
</main>
<footer class="site-footer">
  <div class="wrap footer-row">
    <div><p class="footer-brand">가짜연구소 인과추론팀</p><p>답은 이름 없이 통계로만 집계합니다.</p></div>
    <ul class="footer-links"><li><a href="./">허브</a></li><li><a href="https://causalinferencelab.github.io/Causal-Inference-with-Python/" target="_blank" rel="noopener">Brave &amp; True 인과추론 번역서</a></li></ul>
  </div>
</footer>
<script src="assets/js/track.js" defer></script>
<script src="assets/js/passport.js" defer></script>
<script src="assets/js/game.js" defer></script>
</body>
</html>