-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (117 loc) · 5.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>METAST</title>
<meta property="og:type" content="website">
<meta property="og:url" content="https://metast.world">
<meta property="og:title" content="METAST">
<meta property="og:image" content="https://img3.daumcdn.net/thumb/R658x0.q70/?fname=https://t1.daumcdn.net/news/202102/25/Edaily/20210225071041781joki.jpg">
<meta property="og:site_name" content="METAST">
<meta property="og:locale" content="ko_KR">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:description" content="피해자 입장에서 보는 사이버불링">
<meta name="description" content="meta에서 제공하는 프로그램에 대한 웹사이트 제작한것으로 사이버 불링에 대한 웹사이트로 사용자가 직접 피해자가 되어 경험해볼수 있습니다.">
<meta name=”robots” content="noindex,nofollow"/>
<meta name=”keywords” content="meta,메타,사이버불링,사이버,사이버폭력"/>
<link rel="stylesheet" href="./css/index.css" />
<!--naver-->
<meta name="naver-site-verification" content="5933e7bdc6a4ff338504045927960f3673cc6175" />
<!--google ads-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2813641407023123"
crossorigin="anonymous"></script>
<!--google analytics-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-0B2H17ML4V"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-0B2H17ML4V");
</script>
<!-- update the version number as needed -->
<script defer src="/__/firebase/9.9.1/firebase-app-compat.js"></script>
<!-- include only the Firebase features as you need -->
<script defer src="/__/firebase/9.9.1/firebase-auth-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-database-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-firestore-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-functions-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-messaging-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-storage-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-analytics-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-remote-config-compat.js"></script>
<script defer src="/__/firebase/9.9.1/firebase-performance-compat.js"></script>
<!--
initialize the SDK after all desired features are loaded, set useEmulator to false
to avoid connecting the SDK to running emulators.
-->
<script defer src="/__/firebase/init.js?useEmulator=true"></script>
</head>
<body>
<div id="box">
<p id="explain" style="text-align: center">당신은 피해자 입장 입니다.</p>
<button id="next_btn">다음</button>
</div>
<div id="input_box">
<div>
<h1
style="font-size: 4.5rem; color: white; font-family: GmarketSansBold"
>
METAST
</h1>
</div>
<div id="parent">
<input type="text" id="name" />
<label for="name">이름</label>
</div>
<button id="start_btn">
<h1>시작하기</h1>
</button>
</div>
<script src="./js/index.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const loadEl = document.querySelector('#load');
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
// // The Firebase SDK is initialized and available here!
//
// firebase.auth().onAuthStateChanged(user => { });
// firebase.database().ref('/path/to/ref').on('value', snapshot => { });
// firebase.firestore().doc('/foo/bar').get().then(() => { });
// firebase.functions().httpsCallable('yourFunction')().then(() => { });
// firebase.messaging().requestPermission().then(() => { });
// firebase.storage().ref('/path/to/ref').getDownloadURL().then(() => { });
// firebase.analytics(); // call to activate
// firebase.analytics().logEvent('tutorial_completed');
// firebase.performance(); // call to activate
//
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
try {
let app = firebase.app();
let features = [
'auth',
'database',
'firestore',
'functions',
'messaging',
'storage',
'analytics',
'remoteConfig',
'performance',
].filter(feature => typeof app[feature] === 'function');
loadEl.textContent = `Firebase SDK loaded with ${features.join(', ')}`;
} catch (e) {
console.error(e);
loadEl.textContent = 'Error loading the Firebase SDK, check the console.';
}
});
</script>
</body>
</html>