ColaCoca's picture
jeju ๋ชจ๋ธ ์—…๋กœ๋“œ
8eb2cb0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../static/chatbot.css">
<link rel="stylesheet" href="../static/loading_bar.css">
<link rel="icon" href="../static/logo.png">
<!-- jQuery ๋ถˆ๋Ÿฌ์˜ค๊ธฐ -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>์‚ฌํˆฌ๋ฆฌ ์ฑ—๋ด‡</title>
</head>
<body>
<!-- Currently BROKEN!
Working prototype on meesrutten.me :) -->
<main class="page__main">
<div class="block--background">
<div class="loading-bar" id="loadingBar">
<div class="chatbot__overview">
<ul class="chatlist">
<li class="bot__output bot__output--standard"><span class="bot__command">์•ˆ๋…•ํ•˜์šฐ๊ฝˆ!</span></li>
<li class="bot__output bot__output--standard"><span class="bot__command">์˜ค๋Š˜ ํ•˜๋ฃจ ์–ด๋• ์šฐ๊ฝˆ?</span></li>
<li class="bot__output bot__output--standard">
<span class="bot__output--second-sentence">๋‚˜ํ•œํ‹ฐ ์ด๋Ÿฐ ๊ฒƒ๋œ ๋ฌผ์–ด๋ณด๋ผ</span>
<ul>
<li class="input__nested-list">"๋„Œ ๋ญ˜ ํ•˜๊ณ ์žˆ์–ด?"</li>
<!-- <span class="bot__command"></span> -->
<li class="input__nested-list">"๋‚˜๋ž‘ ๋Œ€ํ™”ํ•˜์ž"</li>
<li class="input__nested-list">"๋ฐฅ ๋จน์—ˆ์–ด?"</li>
<li class="input__nested-list">์ œ์ฃผ๋„์—์„œ ๋ญ๊ฐ€ ์ œ์ผ ์žฌ๋ฐŒ๋‹ˆ?</li>
</ul>
</li>
</ul>
</div>
<!-- toggle button [voice] -->
<div>
<fieldset>
<label style="margin: 0 auto;">
<input role="switch" id="voice_yn" type="checkbox" />
<span style="color:#84a444ff">voice</span>
</label>
</fieldset>
</div>
<div class="chatbox-area">
<form action="" id="chatform">
<textarea placeholder="๋ฌธ์žฅ์„ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”!" class="chatbox" name="chatbox" resize: "none" minlength="2">์•ˆ๋…•ํ•˜์„ธ์š”</textarea>
<input class="submit-button" type="submit" value="์ „์†ก">
</form>
</div>
<div class="block--background"></div>
</main>
<div id="hidden_area" style="display:none">
</div>
<div class="main">
<div class="loading_circle" hidden></div>
</div>
<!-- javascript ํ˜ธ์ถœ -->
<script src="../static/chatbot.js"></script>
</body>
</html>