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/front.css " />
9- </ head >
103
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 >
3011
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 >
4523 </ div >
46- < div class ="chat " v-show ="showChat "> < span class ="chat-text "> </ span > </ div >
4724 </ div >
48- < script >
49- document . addEventListener ( "DOMContentLoaded" , _ => {
50- const footStepSound = new Audio ( "./sound/footStep.mp3" ) ;
51- footStepSoundPlay ( footStepSound ) ;
52- } ) ;
5325
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/typed.js@2.0.9 "> </ 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/typed.js@2.0.9 "> </ script >
46+ < script src ="./js/rooms.js "> </ script >
47+ </ body >
48+
49+ </ html >
0 commit comments