qualify/index.html at master · Admin0/qualify · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="ko">

<head>
  <title>#qualify</title>
  <meta charset="utf-8">
  <meta property="og:title" content="#qualify" />
  <meta property="og:description" name="description" content="자격증 취득 도우미. 기출 중심. 버킷리스트의 하위 프로젝트로 개발되었습니다. #화학분석기사 #화공기사" />
  <meta property="og:url" content="https://jinh.kr/qualify/" />
  <meta property="og:image" content="https://jinh.kr/images/icon__qualify.webp" />
  <meta property="og:image:width" content="128" />
  <meta property="og:image:height" content="128" />
  <meta name="author" content="JinH" />
  <meta name="theme-color" content="#ffffff" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="shortcut icon" href="favicon.ico">
  <meta name="msapplication-TileImage" content="../images/icon__qualify.webp">
  <link rel="apple-touch-icon" href="../images/icon__qualify.webp">
  <link rel="icon" type="image/webp" href="../images/icon__qualify.webp">
  <link rel="stylesheet" href="system/style.css">
  <link rel="stylesheet" href="system/style_mobile.css" media="screen and (max-width: 1080px)">
  <link rel="stylesheet" href="system/style_print.css" media="print">
  <link rel="manifest" href="manifest.json">
  <script defer src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <!-- <script src="system/sub__jquery.js" defer></script> -->
  <script src="system/main__ajax.js" defer></script>
  <script src="system/main__initialize_icons.js" defer></script>
  <script src="system/main__initialize.js" defer></script>
  <script src="system/main__settings.js" defer></script>
  <script src="system/main__nav.js" defer></script>
  <script src="system/main__context.js" defer></script>
  <script src="system/main.js" defer></script>
  <script src="system/sub__timer.js" defer></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js' defer></script>
  <script src="system/sub__mathjax.js" defer></script>
  <script src="system/sub__scroll.js" defer></script>
  <script src="system/sub__shortcut.min.js" defer></script>
  <!-- sharer -->
  <script src="system/sub__share_kakao.js" defer></script>
  <script src="system/sub__clipboard.js" defer></script>

  <!-- adsense -->
  <script data-ad-client="ca-pub-8175591114279139" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-39552694-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-39552694-1');
  </script>
</head>

<body>

  <header>
    <h1>
      <i id="nav_on" onclick="if($('nav').attr('class')!='on'){$('nav, #nav_bg').addClass('on');}else{$('nav, #nav_bg').removeClass('on');};" class="material-icons">menu</i><span id="title"><span class="hide_mobile"></span>#qualify</span>
      <i id="print_icon" onclick="window.print();" class="material-icons hide_mobile">print</i>
      <i class="material-icons timer" style="margin-right:.25em;" onclick="time.start = Date.now();">timer</i>
      <span id="timer" class="timer" onclick="time.start = localStorage.timer = Date.now(); toast('초읽기가 초기화되었습니다.','timer')">0:00:00</span>
    </h1>
  </header>

  <section id="main_item"></section>

  <section id="item_list"> </section>

  <section id="share"> </section>

  <nav>
    <div id='nav'>
      <div id='nav_header'>
        <div id="to_github" class="" onclick="console_event('q');">
          <i class="material-icons">home</i><span>#qualify</span>
        </div>
        <div id="setting_bt">
          <i class="material-icons">settings</i>
          <i class="material-icons setting_arrow">play_arrow</i>
        </div>
      </div>
      <div id="nav_item_list"></div>
      <div id="nav_menu"></div>
    </div>
    <div id='nav_footer'><i class='material-icons'>chevron_left</i></div>
    <div id="tooltip_nav">
      <div id="tooltip_nav_text"></div>
      <div id="tooltip_nav_before"></div>
    </div>
  </nav>

  <div id="splash" class="on">
    <svg class="spin" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
      <path d="M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z" />
      <path fill="none" d="M0 0h18v18H0z" />
    </svg>
    <svg class="spin" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
      <path d="M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z" />
      <path fill="none" d="M0 0h18v18H0z" />
    </svg>
    <svg class="spin" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
      <path d="M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z" />
      <path fill="none" d="M0 0h18v18H0z" />
    </svg>
    <svg class="spin" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
      <path d="M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z" />
      <path fill="none" d="M0 0h18v18H0z" />
    </svg>
    <svg class="spin" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
      <path d="M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z" />
      <path fill="none" d="M0 0h18v18H0z" />
    </svg>
  </div>

  <section id="context_menu"></section>

  <div id="nav_bg" onclick="$('nav, #nav_bg').removeClass('on');"></div>

  <div id="setting_bg" onclick="$('#setting, #setting_bg, #share').removeClass('on');"></div>
  <dl id="setting">
    <div class="header">
      <i class="material-icons" onclick="$('#setting, #setting_bg').removeClass('on');">arrow_back</i><span>설정</span>
    </div>
    <div class="setting_title">일반</div>
    <div class="setting_item" id="general__dark">
      <input type="checkbox"> <dt>다크 모드</dt>
      <dd class="on">"아이고 맙소사 내 눈을 살려 주십시오." 모드가 적용되었습니다.</dd>
      <dd class="off">순결한 하얀색 테마를 사용중입니다.</dd>
    </div>
    <div class="setting_item" id="general__dark_auto">
      <input type="checkbox" checked> <dt>야간 모드 (PM 6 ~ AM 6)</dt>
      <dd class="on">시간에 따라 자동으로 다크 모드가 적용됩니다.</dd>
      <dd class="off">밤이되었습니다. 다크 모드는 고개를 들어 서로를 확인해주세요.</dd>
    </div>
    <div class="setting_title">답안</div>
    <div class="setting_item" id="answer__serif">
      <input type="checkbox" checked> <dt>세리프 글꼴</dt>
      <dd class="on">답안의 글꼴이 세리프 글꼴로 보입니다.</dd>
      <dd class="off">답안의 글꼴이 산세리프 글꼴로 보입니다.</dd>
    </div>
    <div class="setting_item" id="answer__quiz">
      <input type="checkbox"> <dt>퀴즈 모드</dt>
      <dd class="on">답이 가려졌습니다. 마우스 커서를 올리면 보입니다.</dd>
      <dd class="off">답이 항상 보입니다.</dd>
    </div>
  </dl>

  <footer class="shadow-top">
    <p class="copyright">© 2018-<span id="year"></span> JinH</p>
  </footer>

  <div id="tooltip">
    <div id="tooltip_text"></div>
    <div id="tooltip_before"></div>
  </div>

</body>

</html>