김동근 / WhoAreYou

Go to a project
Toggle navigation Toggle navigation pinning
서주원
220ecc0c 1 parent 3e1706e6

publish main.html and ingame.html

Inline Side-by-side
Showing 2 changed files with 184 additions and 0 deletions
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 + <meta name="viewport" content="width=device-width, initial-scale=1">
7 + <title>Who Are You? - 하스스톤 멀리건 도우미</title>
8 +
9 + <!-- 부트스트랩 -->
10 + <link href="../../static/bootstrap-3.3.2-dist/css/bootstrap.min.css?ver=1" rel="stylesheet">
11 + <link href="../../static/main.css" rel="stylesheet">
12 + <!-- IE8 에서 HTML5 요소와 미디어 쿼리를 위한 HTML5 shim 와 Respond.js -->
13 + <!-- WARNING: Respond.js 는 당신이 file:// 을 통해 페이지를 볼 때는 동작하지 않습니다. -->
14 + <!--[if lt IE 9]>
15 + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
16 + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
17 + <![endif]-->
18 +</head>
19 +<body>
20 + <nav class="navbar-default navbar-fixed-top">
21 + <div class="container">
22 + <div class="navbar-header">
23 + <button class="navbar-toggle collapsed" aria-expanded="false" aria-controls="navbar" type="button" data-toggle="collapse" data-target="#navbar">
24 + <span class="sr-only">Toggle navigation</span>
25 + <span class="icon-bar"></span>
26 + <span class="icon-bar"></span>
27 + <span class="icon-bar"></span>
28 + </button>
29 + <a class="navbar-brand" href="#">Who Are You?</a>
30 + </div>
31 + <div class="navbar-collapse collapse" id="navbar" aria-expanded="false" style="height: 1px;">
32 + <ul class="nav navbar-nav">
33 + </ul>
34 + <div class="navbar-right">
35 + <a href="#"><button class="btn navbar-btn" style="color:#000;">로그아웃</button></a>
36 + </div>
37 + </div>
38 + </div>
39 + </nav>
40 +
41 + <div class="container show-grid" >
42 + <div class="padding" style="width:100px"></div>
43 + <h3 class="form-signin-heading">상대편의 직업을 선택해 주세요</h3>
44 + <br>
45 + <br>
46 + <div class="row" style="text-align: center;">
47 + <div class="col-md-4">
48 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/c/c5/Garrosh_Hellscream%28635%29.png?version=bab934001bb784a94c59a47823d535a7" style="width:150px;height:200px;"/>
49 + <br>
50 + <input type="radio" name="checkOpponent" value="전사"/>전사
51 + </div>
52 + <div class="col-md-4">
53 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/4/4b/Thrall%28319%29.png?version=adcee55715548b949a7d973c2fddbd95" style="width:150px;height:200px;"/>
54 + <br>
55 + <input type="radio" name="checkOpponent" value="주술사"/>주술사
56 + </div>
57 + <div class="col-md-4">
58 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/a/a4/Valeera_Sanguinar%282%29.png?version=84a816910b223169eb14cc93c20437b2" style="width:150px;height:200px;"/>
59 + <br>
60 + <input type="radio" name="checkOpponent" value="도적"/>도적
61 + </div>
62 + </div>
63 + <br>
64 + <br>
65 + <br>
66 + <div class="row" style="text-align: center;">
67 + <div class="col-md-4">
68 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/4/4d/Uther_Lightbringer%28257%29.png?version=b45ade5ac3fdd2579160fe5d7b7c1b20" style="width:150px;height:200px;"/>
69 + <br>
70 + <input type="radio" name="checkOpponent" value="성기사"/>성기사
71 + </div>
72 + <div class="col-md-4">
73 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/a/a0/Rexxar%28484%29.png?version=c21b57837db15d20cc814f2bf45682b6" style="width:150px;height:200px;"/>
74 + <br>
75 + <input type="radio" name="checkOpponent" value="사냥꾼"/>사냥꾼
76 + </div>
77 + <div class="col-md-4">
78 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/f/fa/Malfurion_Stormrage%28621%29.png?version=b3f5a40e33f33d32995f3becbdd7aa94" style="width:150px;height:200px;"/>
79 + <br>
80 + <input type="radio" name="checkOpponent" value="드루이드"/>드루이드
81 + </div>
82 + </div>
83 + <br>
84 + <br>
85 + <br>
86 + <div class="row" style="text-align: center;">
87 + <div class="col-md-4">
88 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/0/0a/Gul%27dan%28618%29.png?version=90f421585c6f2d493ba94e259a76190e" style="width:150px;height:200px;"/>
89 + <br>
90 + <input type="radio" name="checkOpponent" value="흑마법사"/>흑마법사
91 + </div>
92 + <div class="col-md-4">
93 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/3/3c/Jaina_Proudmoore%28320%29.png?version=75868a59a53f90bce829edeb66126b73" style="width:150px;height:200px;"/>
94 + <br>
95 + <input type="radio" name="checkOpponent" value="마법사"/>마법사
96 + </div>
97 + <div class="col-md-4">
98 + <img src="https://d1u5p3l4wpay3k.cloudfront.net/hearthstone_gamepedia/8/80/Anduin_Wrynn%28110%29.png?version=ba8ecc39b3fdd4a2ede72e046c434454" style="width:150px;height:200px;"/>
99 + <br>
100 + <input type="radio" name="checkOpponent" value="사제"/>사제
101 + </div>
102 + </div>
103 + <br>
104 + <br>
105 + <div class="row">
106 + <div class="col-md-5"></div>
107 + <div class="col-md-2">
108 + <input class="btn btn-lg btn-primary btn-block" type="button" value="확인"/>
109 + </div>
110 + <div class="col-md-5"></div>
111 + </div>
112 + </div>
113 +
114 + <!-- jQuery (부트스트랩의 자바스크립트 플러그인을 위해 필요합니다) -->
115 + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
116 + <!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 -->
117 + <script src="../../static/bootstrap-3.3.2-dist/js/bootstrap.min.js"></script>
118 +</body>
119 +</html>
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html lang="ko">
3 +<head>
4 + <meta charset="utf-8">
5 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 + <meta name="viewport" content="width=device-width, initial-scale=1">
7 + <title>Who Are You? - 하스스톤 멀리건 도우미</title>
8 +
9 + <!-- 부트스트랩 -->
10 + <link href="../../static/bootstrap-3.3.2-dist/css/bootstrap.min.css?ver=1" rel="stylesheet">
11 + <link href="../../static/main.css" rel="stylesheet">
12 + <!-- IE8 에서 HTML5 요소와 미디어 쿼리를 위한 HTML5 shim 와 Respond.js -->
13 + <!-- WARNING: Respond.js 는 당신이 file:// 을 통해 페이지를 볼 때는 동작하지 않습니다. -->
14 + <!--[if lt IE 9]>
15 + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
16 + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
17 + <![endif]-->
18 +</head>
19 +<body>
20 +<nav class="navbar-default navbar-fixed-top">
21 + <div class="container">
22 + <div class="navbar-header">
23 + <button class="navbar-toggle collapsed" aria-expanded="false" aria-controls="navbar" type="button" data-toggle="collapse" data-target="#navbar">
24 + <span class="sr-only">Toggle navigation</span>
25 + <span class="icon-bar"></span>
26 + <span class="icon-bar"></span>
27 + <span class="icon-bar"></span>
28 + </button>
29 + <a class="navbar-brand" href="#">Who Are You?</a>
30 + </div>
31 + <div class="navbar-collapse collapse" id="navbar" aria-expanded="false" style="height: 1px;">
32 + <ul class="nav navbar-nav">
33 + </ul>
34 + <div class="navbar-right">
35 + <a href="#"><button class="btn navbar-btn" style="color:#000;">로그인</button></a>
36 + </div>
37 + </div>
38 + </div>
39 +</nav>
40 +
41 +<div class="container show-grid" style="height:50%;">
42 + <div class="padding"></div>
43 + <h3 class="form-signin-heading">실행할 메뉴를 선택해 주세요</h3>
44 + <div class="col-md-6 ">
45 + <br>
46 + <br>
47 + <input class="btn btn-lg btn-primary btn-block" type="button" id="goMyDecks" value="덱 확인"/>
48 + <br>
49 + <br>
50 + </div>
51 + <div class="col-md-6 ">
52 + <br>
53 + <br>
54 + <input class="btn btn-lg btn-primary btn-block" type="button" id="goGame" value="게임 시작"/>
55 + <br>
56 + <br>
57 + </div>
58 +</div>
59 +
60 +<!-- jQuery (부트스트랩의 자바스크립트 플러그인을 위해 필요합니다) -->
61 +<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
62 +<!-- 모든 컴파일된 플러그인을 포함합니다 (아래), 원하지 않는다면 필요한 각각의 파일을 포함하세요 -->
63 +<script src="../../static/bootstrap-3.3.2-dist/js/bootstrap.min.js"></script>
64 +</body>
65 +</html>
...\ No newline at end of file ...\ No newline at end of file