forked from pathak107/aib
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (157 loc) · 7.8 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/index.css">
<title>AIB | Acumen</title>
</head>
<body>
<!-- <video class="video" autoplay muted loop id="myVideo" style="z-index: -99;">
<source src="background.mp4" type="video/mp4">
</video> -->
<div class="navbar" style="z-index: 1;">
<ul>
<li style="float: left;">
<a href="leadpage.html">Leaderboard</a>
</li>
<li style="float:right;">
<button id="myBtn" class="button button1">Contact Us</button>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<br>
<p>
<p style="text-align: center; font-size: xx-large; color: orange; font-style: oblique;">Contact us</p>
</p>
<br>
<p style="text-align: center; color: red;">Shaurya :
<p style="align-items: center; text-align: center;"><button id="p1" class="buttononclick" onclick="p1()">+91 87573 73564</button></p>
</p>
<p style="text-align: center; color:red;">Anupriya :
<p style="align-items: center; text-align: center;"><button id="p2" class="buttononclick" onclick="p2()">+91 95701 64884</button></p>
</p>
<p style="text-align: center; color: red;">Pranav :
<p style="align-items: center; text-align: center;"><button id="p3" class="buttononclick" onclick="p3()">+91 97030 03291</button></p>
</p>
<p style="text-align: center; color: red;">Sparsh :
<p style="align-items: center; text-align: center;"><button id="p4" class="buttononclick" onclick="p4()">+91 94331 80822</button></p>
</p>
<br>
<p style="font-size: small; color:grey; text-align: center;">(Click to copy to Clipboard)</p>
<script>
function p1() {
var input = document.createElement('input');
input.value = document.getElementById('p1').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
function p2() {
var input = document.createElement('input');
input.value = document.getElementById('p2').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
function p3() {
var input = document.createElement('input');
input.value = document.getElementById('p3').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
function p4() {
var input = document.createElement('input');
input.value = document.getElementById('p4').innerHTML;
input.id = 'inputID';
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
</script>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</div>
</li>
</ul>
</div>
<div class="headings" style="z-index: 1;">
<p class="acumen">Acumen</p>
<p class="presents">presents</p>
<p class="aib" href="index.html">AIB</p>
<br>
<p class="infodate">Round 1</p>
<br>
<p class="infoday">November 5, 2020 & November 6, 2020</p>
<br>
<p class="infodate">Round 2</p>
<br>
<p class="infoday">November 7, 2020</p>
</div>
<div class="rounds-container ">
<div class="rounds one ">
<h1>Round 1</h1>
<img src="graphics/Image1.png" />
<div>
<p style="font-size: small;">
Welcome to The Skeld!
</p>
<p style="font-size: small;">
The O2 has been sabotaged and the sirens are blaring. There seems to be an impostor among us. It is time to get to work.</p>
<p style="font-size: small;">
You have a set of tasks to be done in an hour's time to foil the imposter's dastardly plans. The tasks range from short to long to common. Your mission is to complete as many tasks as you can and get maximum points.
</p>
<p style="font-size: small;">
Remember, only the best of the best crewmates survive to carry forward to Polus.
</p>
<button class="round1start "><a href="leadpage.html">Leader Board</a></button>
</div>
</div>
<div class="rounds two ">
<h1>Round 2</h1>
<img src="graphics/Image2.png" />
<div>
<p style="font-size: mediums;">The Round 2 will activate at 3pm on 7th November. Winners of the Skeld, All the Best because Polus is even more challenging than Skled! Have fun</p>
<button class="round2start "><a href="round-two.html">Start</button>
</div>
</div>
</div>
<footer>
<div class="footer ">
<p>
AIB - Acumen @ TechTatva 2020, MIT Manipal.
</p>
</div>
</footer>
</body>
</html>