1
1
<!DOCTYPE html>
2
2
< 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/front.css " />
9
- </ head >
10
3
11
- < body >
12
- < div class ="container " id ="app ">
13
- < div class ="mini-map ">
14
- < div class ="crong inner " onclick ="window.location.href='./crong.html'; ">
15
- < span class ="inner-text "> 마스터< br /> 책상</ span >
16
- </ div >
17
- < div
18
- class ="front-end inner "
19
- onclick ="window.location.href='./front.html'; "
20
- >
21
- < span class ="inner-text "> 프론트< br /> 자리</ span >
22
- </ div >
23
- < div
24
- class ="class-room inner "
25
- onclick ="window.location.href='./room.html'; "
26
- >
27
- < span class ="inner-text "> 강의실< br /> 자리</ span >
28
- </ div >
29
- </ div >
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/front.css " />
10
+ </ head >
30
11
31
- < div class ="main ">
32
- < img src ="./photo/front.jpeg " class ="main-image " />
33
- < div
34
- @click ="activeChat('\'윈도우xp\'에 대한 책이 눈에 띈다.') "
35
- class ="bookshelf info "
36
- > </ div >
37
- < div
38
- @click ="activeChat('아...해커톤 한다던데...하기 싫다.') "
39
- class ="blackboard info "
40
- > </ div >
41
- < div
42
- @click ="activeChat('남의 것은 건드리면 안 된다. 손대지 말자.') "
43
- class ="notebook info "
44
- > </ div >
12
+ < body >
13
+ < div class ="container " id ="app ">
14
+ < div class ="mini-map ">
15
+ < div class ="crong inner " onclick ="window.location.href='./crong.html'; ">
16
+ < span class ="inner-text "> 마스터< br /> 책상</ span >
17
+ </ div >
18
+ < div class ="front-end inner " onclick ="window.location.href='./front.html'; ">
19
+ < span class ="inner-text "> 프론트< br /> 자리</ span >
20
+ </ div >
21
+ < div class ="class-room inner " onclick ="window.location.href='./room.html'; ">
22
+ < span class ="inner-text "> 강의실< br /> 자리</ span >
45
23
</ div >
46
- < div class ="chat " v-show ="showChat "> < span class ="chat-text "> </ span > </ div >
47
24
</ div >
48
- < script >
49
- document . addEventListener ( "DOMContentLoaded" , _ => {
50
- const footStepSound = new Audio ( "./sound/footStep.mp3" ) ;
51
- footStepSoundPlay ( footStepSound ) ;
52
- } ) ;
53
25
54
- function footStepSoundPlay ( footStepSound ) {
55
- footStepSound . play ( ) ;
56
- }
57
- </ script >
58
- < script src ="https://cdn.jsdelivr.net/npm/vue "> </ script >
59
- < script src ="
https://cdn.jsdelivr.net/npm/[email protected] "
> </ script >
60
- < script src ="./js/rooms.js "> </ script >
61
- </ body >
62
- </ html >
26
+ < div class ="main ">
27
+ < img src ="./photo/front.jpeg " class ="main-image " />
28
+ < div @click ="activeChat('\'윈도우xp\'에 대한 책이 눈에 띈다.') " class ="bookshelf info "> </ div >
29
+ < div @click ="activeChat('아...해커톤 한다던데...하기 싫다.') " class ="blackboard info "> </ div >
30
+ < div @click ="activeChat('남의 것은 건드리면 안 된다. 손대지 말자.') " class ="notebook info "> </ div >
31
+ </ div >
32
+ < div class ="chat " v-show ="showChat "> < span class ="chat-text "> </ span > </ div >
33
+ </ div >
34
+ < script >
35
+ document . addEventListener ( "DOMContentLoaded" , _ => {
36
+ const footStepSound = new Audio ( "./sound/footStep.mp3" ) ;
37
+ footStepSoundPlay ( footStepSound ) ;
38
+ } ) ;
39
+
40
+ function footStepSoundPlay ( footStepSound ) {
41
+ footStepSound . play ( ) ;
42
+ }
43
+ </ script >
44
+ < script src ="https://cdn.jsdelivr.net/npm/vue "> </ script >
45
+ < script src ="
https://cdn.jsdelivr.net/npm/[email protected] "
> </ script >
46
+ < script src ="./js/rooms.js "> </ script >
47
+ </ body >
48
+
49
+ </ html >
0 commit comments