forked from teknackgaming/teknack-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreveal.html
117 lines (101 loc) · 4.61 KB
/
reveal.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Teknack is a Gaming Studio run by ACM-DBIT Student Chapter. Teknack is one of the amazing battlefields provided by ACM for students of not just DBIT but
also of other colleges to boost up their creative skills and pump up their technical skills.">
<meta name="keywords" content="teknack, gaming, studio, dbit, acm, mumbai, technak, tecknak, technack, tecknack">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:image" content="https://dbit.acm.org/teknack/img/favicon/android-chrome-512x512.png">
<meta property="og:description" content="Teknack is a Gaming Studio run by ACM-DBIT Student Chapter. Teknack is one of the amazing battlefields provided by ACM for students of not just DBIT but
also of other colleges to boost up their creative skills and pump up their technical skills.">
<meta property="og:title" content="Reveal | Teknack Gaming Studio">
<title>Reveal | Teknack 2021</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
<!-- Css Styles -->
<!-- <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> -->
<!-- <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"> -->
<!-- <link rel="stylesheet" href="css/elegant-icons.css" type="text/css"> -->
<!-- <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css"> -->
<!-- <link rel="stylesheet" href="css/magnific-popup.css" type="text/css"> -->
<!-- <link rel="stylesheet" href="css/slicknav.min.css" type="text/css"> -->
<!-- <link rel="stylesheet" href="css/style.css" type="text/css"> -->
<link rel="stylesheet" href="css/reveal.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4LG3JX454M"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-4LG3JX454M');
</script>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #8ce2ea;
flex-direction: column;
font-family: 'Beaver';
letter-spacing: 1.2rem;
}
@font-face {
font-family: 'Beaver';
src: url('fonts/beaver.ttf');
}
</style>
</head>
<body style="background-color: #100028;">
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<h1 class="reveal-text" id="reveal">
</h1>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
function textReveal(text) {
document.getElementById('reveal').innerHTML = text;
console.log(text);
}
onkeydown()
function executeAsynchronously(functions, timeout) {
for (var i = 0; i < functions.length; i++) {
window.setTimeout(functions[i], timeout);
}
}
executeAsynchronously(
[textReveal("3"), textReveal("2"), textReveal("1"), textReveal("Best Design Game"), textReveal("Space Tycoon")], 3000);
// function sleep(milliseconds) {
// const date = Date.now();
// let currentDate = null;
// do {
// currentDate = Date.now();
// } while (currentDate - date < milliseconds);
// }
// textReveal("3");
// setTimeout(textReveal("3"), 2000);
// sleep(2000);
// textReveal("2");
// setTimeout(textReveal("2"), 2000);
// sleep(2000);
// textReveal("1");
// sleep(2000);
// setTimeout(textReveal("1"), 2000);
// sleep(2000);
// textReveal("Best Game Design");
// sleep(2000);
// setTimeout(textReveal("BEST DESIGN GAME"), 3000);
// sleep(2000);
</script>
</body>
</html>