-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
executable file
·154 lines (134 loc) · 5.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Cyber Alliance - TCA</title>
<meta name="description" content="An Information Security Student's Club at Rashtriya Raksha University">
<meta name="author" content="The Cyber Alliance - TCA" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="media/favicon.png">
<link rel="stylesheet" media="screen" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap4-neon-glow.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<style>
html,
body {
margin: 0;
height: 100%;
/* overflow: hidden */
/* background-color: black; */
}
.first-div {
font-family: Courier;
/* font-size: 1em; */
position: absolute;
width: 100%;
top: 0%;
left: 0%;
}
.panel h1 {
font-family: Courier, monospace;
}
.panel div {
font-family: Courier, monospace;
}
#particles-js {
position: absolute;
left: 0%;
top: 0%;
height: 100vh;
}
.content::-webkit-scrollbar {
display: none;
}
.content {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.tca-logo {
width: 500px;
}
@media screen and (max-width: 600px) {
.display-2 {
font-size: 4rem;
}
.tca-logo {
width: 300px;
margin-bottom: 50px;
}
.tca-content {
display: flex;
justify-content: center;
align-items: center;
}
}
</style>
<body onload="handleWindowResize()" onresize="handleWindowResize()">
<!-- particles.js container -->
<header></header>
<div class="first-div">
<div id="particles-js"></div>
<div class="content">
<div class="panel jumbotron bg-transparent mb-0 radius-0">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12" style="display: flex;justify-content: center;align-items: center;">
<img src="media/logo-2.png" class="tca-logo" alt="TCA Logo">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 tca-content">
<div>
<h1 class="display-2 text-white">The Cyber</h1>
<h1 class="display-2 text-white">Allianc<span class="vim-caret backWhite">e</span></h1>
<div class="lead mb-3 text-mono text-success">
Hack. Patch. Repeat.
</div>
<div class="text-darkgrey text-mono my-2 text-success">
Let's Learn, Grow & Hack Together
</div>
<div style="font-family:Courier;">
<button href="" onclick="btnJoinClick()" class="btn btn btn-outline-light btn-shadow px-3 my-2 ml-0 ml-sm-1 text-left ">Join the squad</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="fixed-bottom pb-2 pt-2 text-white text-center" style="background-color: rgb(52, 58, 64, 0.4);">
In Association with Student Development Cell at <a href="https://rsu.ac.in/home/">Rashtriya Raksha University</a><br /> Managed by students of <a href="https://rsu.ac.in/school-of-information-technology-and-cyber-security/">SITAICS</a>
</div>
</footer>
<!-- scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="js/script.js"></script>
<script>
$(document).ready(function() {
createNav(["active", "", "", "", "", ""], "fixed-top");
handleWindowResize(null);
});
function btnJoinClick(e) {
// if (moment().isAfter("2020-10-17T12:00:00+05:30")) {
// Looks like you are a Hackur. But for accessing the link, you will need to hack Google ;P
window.open("https://forms.gle/zbhKXoA5ehVXNoTJ6");
//} else {
// alert("Oops! It's not the correct time to press that button. Try again later...");
//}
}
function handleWindowResize(e) {
$(".content").css({
"margin-top": $(".navbar").outerHeight(),
"margin-bottom": $(".fixed-bottom").outerHeight()
});
}
</script>
<script src="js/particles.js"></script>
<script src="js/app.js"></script>
</body>
</html>