Skip to content

Commit c38c399

Browse files
HTMLheadHTMLhead
committed
update: 뷰 패키지 버전 수정
1 parent a625acb commit c38c399

10 files changed

+216
-266
lines changed

‎catcha.html

+22-24
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,27 @@
11
<!DOCTYPE html>
22
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<title>시험지를 훔쳤다 - 잡았다.요놈.</title>
8+
<link rel="stylesheet" href="./css/catcha.css" />
9+
</head>
310

4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<title>시험지를 훔쳤다 - 잡았다.요놈.</title>
9-
<link rel="stylesheet" href="./css/catcha.css">
10-
</head>
11-
12-
<body>
13-
<div class="container" id="app" @click="addIndex">
14-
<div class="catcha" v-for="(story, index) in stories" v-if="index === activeIndex">
15-
<div class="main">
16-
<img v-bind:src="'./photo/' + story.imageUrl + '.jpeg'" class="main-image">
17-
<div class="main-icon"></div>
18-
</div>
19-
<div class="chat">
20-
<span class="chat-text"></span>
11+
<body>
12+
<div class="container" id="app" @click="addIndex">
13+
<div class="catcha" v-for="(story, index) in stories" v-if="index === activeIndex">
14+
<div class="main">
15+
<img v-bind:src="'./photo/' + story.imageUrl + '.jpeg'" class="main-image" />
16+
<div class="main-icon"></div>
17+
</div>
18+
<div class="chat">
19+
<span class="chat-text"></span>
20+
</div>
2121
</div>
2222
</div>
23-
</div>
24-
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
25-
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
26-
<script src="./js/catcha.js"></script>
27-
</body>
28-
29-
</html>
23+
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
24+
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
25+
<script src="./js/catcha.js"></script>
26+
</body>
27+
</html>

‎crong.html

+9-32
Original file line numberDiff line numberDiff line change
@@ -14,62 +14,39 @@
1414
<div class="crong inner" onclick="window.location.href='./crong.html';">
1515
<span class="inner-text">마스터<br />책상</span>
1616
</div>
17-
<div
18-
class="front-end inner"
19-
onclick="window.location.href='./front.html';"
20-
>
17+
<div class="front-end inner" onclick="window.location.href='./front.html';">
2118
<span class="inner-text">프론트<br />자리</span>
2219
</div>
23-
<div
24-
class="class-room inner"
25-
onclick="window.location.href='./room.html';"
26-
>
20+
<div class="class-room inner" onclick="window.location.href='./room.html';">
2721
<span class="inner-text">강의실<br />자리</span>
2822
</div>
2923
</div>
3024

3125
<div class="main">
3226
<img src="./photo/crong.jpeg" class="main-image" />
33-
<div
34-
@click="activeChat('\'최저임금\'에 대한 책을 읽고 계시는군.')"
35-
class="desk info"
36-
></div>
37-
<div
38-
@click="activeChat('가방 안에는 아무것도 없다.')"
39-
class="bag info"
40-
></div>
27+
<div @click="activeChat('\'최저임금\'에 대한 책을 읽고 계시는군.')" class="desk info"></div>
28+
<div @click="activeChat('가방 안에는 아무것도 없다.')" class="bag info"></div>
4129
<div
4230
@click="activeChat('서랍이 잠겨있다. 자물쇠를 풀려면 문제를 맞혀야 할 것 같다.')"
4331
class="cabinet info"
4432
></div>
45-
<div
46-
@click="activeChat('...윽. 저건 만지고 싶지 않다.')"
47-
class="under info"
48-
></div>
33+
<div @click="activeChat('...윽. 저건 만지고 싶지 않다.')" class="under info"></div>
4934
<div @click="openModal" class="lock"></div>
5035
</div>
5136
<div class="chat" v-show="showChat"><span class="chat-text"></span></div>
5237
<div class="modal" v-if="showModal" @click="closeModal">
53-
<div
54-
class="modal-body"
55-
@click.stop
56-
:class="{'modal-body-wrong': wrongAnswer}"
57-
>
38+
<div class="modal-body" @click.stop :class="{'modal-body-wrong': wrongAnswer}">
5839
<button class="modal-btn-close" @click="closeModal">x</button>
5940
<div class="modal-question" v-for="question in questions">
6041
<label class="modal-question-label">{{ question.question }}</label>
61-
<input
62-
type="text"
63-
class="modal-question-input"
64-
v-model="question.input"
65-
/>
42+
<input type="text" class="modal-question-input" v-model="question.input" />
6643
</div>
6744
<button class="modal-btn-submit" @click="submitAnswer">열기</button>
6845
</div>
6946
</div>
7047
</div>
7148
<script>
72-
document.addEventListener("DOMContentLoaded", _ => {
49+
document.addEventListener("DOMContentLoaded", (_) => {
7350
const footStepSound = new Audio("./sound/footStep.mp3");
7451
footStepSoundPlay(footStepSound);
7552
});
@@ -78,7 +55,7 @@
7855
footStepSound.play();
7956
}
8057
</script>
81-
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
58+
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
8259
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
8360
<script src="./js/rooms.js"></script>
8461
</body>

‎door.html

+25-27
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,29 @@
11
<!DOCTYPE html>
22
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<title>시험지를 훔쳤다 - 코드스쿼드 문 앞</title>
8+
<link rel="stylesheet" href="./css/door.css" />
9+
</head>
310

4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<title>시험지를 훔쳤다 - 코드스쿼드 문 앞</title>
9-
<link rel="stylesheet" href="./css/door.css">
10-
</head>
11-
12-
<body>
13-
<div class="container" id="app">
14-
<div class="card" v-if="hasKey">밤코카드</div>
15-
<div class="main">
16-
<img src="./photo/door.jpeg" class="main-image">
17-
<div @click="lockDoor" class='door info'></div>
18-
<div @click="getKey" class='signBoard info'></div>
19-
<div @click="openDoor" class='security info'></div>
20-
<div @click="catcha" class='floor info'></div>
21-
</div>
22-
<div class="chat" v-show="showChat">
23-
<span class="chat-text"></span>
11+
<body>
12+
<div class="container" id="app">
13+
<div class="card" v-if="hasKey">밤코카드</div>
14+
<div class="main">
15+
<img src="./photo/door.jpeg" class="main-image" />
16+
<div @click="lockDoor" class="door info"></div>
17+
<div @click="getKey" class="signBoard info"></div>
18+
<div @click="openDoor" class="security info"></div>
19+
<div @click="catcha" class="floor info"></div>
20+
</div>
21+
<div class="chat" v-show="showChat">
22+
<span class="chat-text"></span>
23+
</div>
2424
</div>
25-
</div>
26-
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
27-
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
28-
<script src="./js/door.js"></script>
29-
</body>
30-
31-
</html>
25+
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
26+
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
27+
<script src="./js/door.js"></script>
28+
</body>
29+
</html>

‎end.html

+35-37
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,41 @@
11
<!DOCTYPE html>
22
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<title>시험지를 훔쳤다 - 엔딩 크레딧</title>
8+
<link rel="stylesheet" href="./css/end.css" />
9+
</head>
310

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
8-
<title>시험지를 훔쳤다 - 엔딩 크레딧</title>
9-
<link rel="stylesheet" href="./css/end.css" />
10-
</head>
11-
12-
<body>
13-
<audio controls autoplay loop hidden>
14-
<source src="./sound/ending.mp3" type="audio/ogg" />
15-
</audio>
16-
<div class="container" id="app">
17-
<div class="restart-container">
18-
<div class="restart-button" @click="restart">
19-
<img class="restart-img" src="./photo/icons/restart.svg" alt="restart icon" />
20-
다시 하기
11+
<body>
12+
<audio controls autoplay loop hidden>
13+
<source src="./sound/ending.mp3" type="audio/ogg" />
14+
</audio>
15+
<div class="container" id="app">
16+
<div class="restart-container">
17+
<div class="restart-button" @click="restart">
18+
<img class="restart-img" src="./photo/icons/restart.svg" alt="restart icon" />
19+
다시 하기
20+
</div>
2121
</div>
22-
</div>
23-
<div class='ending-credit-container'>
24-
<div class="ending-credit">
25-
<p>제1회 코드스쿼드</p>
26-
<p>프론트엔드 해커톤</p>
27-
<p>2018년 12월 27일</p>
28-
<p>.</p>
29-
<p>.</p>
30-
<p>.</p>
31-
<p>윤</p>
32-
<p>숨</p>
33-
<p>헤드</p>
34-
<p>새라</p>
35-
<p>솔로몬</p>
22+
<div class="ending-credit-container">
23+
<div class="ending-credit">
24+
<p>제1회 코드스쿼드</p>
25+
<p>프론트엔드 해커톤</p>
26+
<p>2018년 12월 27일</p>
27+
<p>.</p>
28+
<p>.</p>
29+
<p>.</p>
30+
<p>윤</p>
31+
<p>숨</p>
32+
<p>헤드</p>
33+
<p>새라</p>
34+
<p>솔로몬</p>
35+
</div>
3636
</div>
3737
</div>
38-
</div>
39-
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
40-
<script src="./js/common.js"></script>
41-
</body>
42-
43-
</html>
38+
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
39+
<script src="./js/common.js"></script>
40+
</body>
41+
</html>

‎ending.html

+21-23
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,26 @@
11
<!DOCTYPE html>
22
<html lang="ko">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<title>시험지를 훔쳤다 - 엔딩</title>
8+
<link rel="stylesheet" href="./css/ending.css" />
9+
</head>
310

4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<title>시험지를 훔쳤다 - 엔딩</title>
9-
<link rel="stylesheet" href="./css/ending.css">
10-
</head>
11-
12-
<body>
13-
<div class="container" id="app" @click="addIndex">
14-
<div class="ending" v-for="(story, index) in stories" v-if="index === activeIndex">
15-
<div class="main">
16-
<div class="main-icon"></div>
17-
</div>
18-
<div class="chat">
19-
<span class="chat-text"></span>
11+
<body>
12+
<div class="container" id="app" @click="addIndex">
13+
<div class="ending" v-for="(story, index) in stories" v-if="index === activeIndex">
14+
<div class="main">
15+
<div class="main-icon"></div>
16+
</div>
17+
<div class="chat">
18+
<span class="chat-text"></span>
19+
</div>
2020
</div>
2121
</div>
22-
</div>
23-
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
24-
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
25-
<script src="./js/ending.js"></script>
26-
</body>
27-
28-
</html>
22+
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
23+
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
24+
<script src="./js/ending.js"></script>
25+
</body>
26+
</html>

0 commit comments

Comments
 (0)