-
Notifications
You must be signed in to change notification settings - Fork 0
/
welcome.html
executable file
·90 lines (67 loc) · 2.91 KB
/
welcome.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
<title>SwampHacks 2018 - Welcome</title>
<meta name="description" content="
SwampHacks is a 36 hour open coding event where students become creators.
In the time allotted, students from around the country come together at the
University of Florida to collaborate on projects, mingle in activities, and
network with sponsors for a fully immersive experience.
"/>
<!-- Stylesheets
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Favicon
================================================== -->
<link rel="icon" type="image/png" href="favicon.png" />
<!-- Icons & Fonts
================================================== -->
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- MLH Badge
================================================== -->
<!-- <a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:absolute;right:50px;top:0;width:10%;z-index:0" href="https://mlh.io/seasons/na-2018/events?utm_source=na-2018&utm_medium=TrustBadge&utm_campaign=na-2018&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2018/white.svg" alt="Major League Hacking 2017 Hackathon Season" style="width:100%"></a> -->
</head>
<body>
<div class="top-blk">
<div id="top-txt" class="top-txt welcome">WELCOME</div>
</div>
<div class="bottom-blk">
<div id="bottom-txt" class="bottom-txt welcome">ALL</div>
</div>
<script src="js/menu.js"></script>
<script src="js/jquery.js"></script>
<script src="js/classie.js"></script>
</body>
<script>
var topSchoolsDisplay = ["GT", "UF", "FSU", "WATERLOO", "FIU", "USF", "UCF", "FIT", "GSU", "IIT", "UM", "DUKE", "UA", "UTD", "FPOLY", "ERAU", "NU", "ALL"];
loopInfo(topSchoolsDisplay);
function loopInfo(text) {
$("#top-txt").text("WELCOME");
$("#bottom-txt").text("ALL");
setTimeout(function() {
loopText(topSchoolsDisplay);
}, 0);
}
function loopText(text) {
var i = 0;
$("#top-txt").text("WELCOME");
function printEntry() {
$("#bottom-txt").text(text[i]);
i++; // Increment the position
if (i < text.length) { // If there are more chars, schedule another
setTimeout(printEntry, 800);
} else {
setTimeout(function() {
loopInfo();
}, 10000);
}
}
printEntry(); // Print the first entry/char
}
</script>
</html>