gawdsnitkkr · rishabh2609 · Aug 14, 2017 · Aug 14, 2017 · Aug 14, 2017 · Aug 14, 2017
diff --git a/css/HelveticaBold.ttf b/css/HelveticaBold.ttf
diff --git a/css/HelveticaNeue.ttf b/css/HelveticaNeue.ttf
diff --git a/css/X.png b/css/X.png
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,98 @@
+@font-face {
+	font-family: hLight;
+	src: url(HelveticaNeue.ttf);
+}
+@font-face {
+	font-family: hBold;
+	src: url(HelveticaBold.ttf);	
+}
+body, html {
+	width: 100%;
+	overflow-x: hidden;
+	margin: 0px;
+	padding: 0px;
+	color: #fff;
+	font-family: hLight;
+	text-align: center;
+	overflow: hidden;
+}
+span {
+	transition: all 0.18s ease;
+	font-size: 3.5rem;
+}
+#splash {
+	background: black;
+	width: 10px;
+	height: 10px;
+	transform: translate(50vw, 50vh);
+	transform-origin: 50% 50%;
+	border-radius: 100%;
+}
+.hidden {
+	display: none;
+}
+small {
+	color: #fff !important;
+	margin-left: 20px;
+}
+ul {
+	list-style-type: none;
+	padding: 0px;
+}
+li {
+	display: inline;
+	margin: 10px;
+}
+#main_info_cont, #coming_soon {
+	opacity: 0;
+}
+#main_info_cont {
+	margin-top: 30px;
+	height: 200px;
+}
+.jumbotron {
+	min-height: 100vh;
+	background: transparent;
+}
+.transformation_light {
+	color: rgba(230, 43, 30, 0.5);
+}
+.transformation {
+	color: rgba(230, 43, 30, 1);	
+}
+h1 {
+	font-family: hBold;
+}
+#logo {
+	width: 128px;
+}
+@media only screen and (max-width: 1000px) {
+    #main_info_cont {
+    	height: 110px; 
+    }
+    span {
+    	font-size: 2.5rem;
+    }
+}
+@media only screen and (max-width: 325px) {
+    #main_info_cont {
+    	margin-top: 50px !important;
+    	height: 128px; 
+    }
+    span {
+    	font-size: 2rem;
+    }
+    small {
+    	display: block;
+    }
+    ul {
+    	margin-top: 40px !important;	
+    }
+    footer {
+    	font-size: 1rem;
+    	margin-top: 100px !important;	
+    }
+    #logo {
+    	width: 96px;
+    }
+}
diff --git a/favicon.ico b/favicon.ico
diff --git a/fonts/glyphicons-halflings-regular.eot b/fonts/glyphicons-halflings-regular.eot
diff --git a/fonts/glyphicons-halflings-regular.svg b/fonts/glyphicons-halflings-regular.svg
diff --git a/fonts/glyphicons-halflings-regular.ttf b/fonts/glyphicons-halflings-regular.ttf
diff --git a/fonts/glyphicons-halflings-regular.woff b/fonts/glyphicons-halflings-regular.woff
diff --git a/fonts/glyphicons-halflings-regular.woff2 b/fonts/glyphicons-halflings-regular.woff2
diff --git a/index.html b/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>TedX Nit Kurukshetra</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="TEDx NIT, Kurukshetra" />
+    <meta name="robots" content="index, follow" />
+    <link rel="author" href="http://gawds.in" />
+    <meta name="author" content="gawds" />
+    <!-- Open Graph data -->
+    <meta property="og:title" content="TEDx NITK" />
+    <meta property="og:type" content="website" />
+    <meta property="og:description" content="TEDx NIT, Kurukshetra" />
+    <!-- Twitter Card data -->
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="TEDx NITK" />
+    <meta name="twitter:description" content="TEDx NIT, Kurukshetra" />
+    <!-- Schema.org markup for Google+ -->
+    <meta itemprop="name" content="TEDx NITK">
+    <meta itemprop="description" content="TEDx NIT, Kurukshetra">
+
+	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="css/main.css">
+	<link rel="shortcut icon" href="favicon.ico" />
+</head>
+<body>
+	<div id="splash">
+	</div>
+	<div class="container" id="full_container">
+		<div class="jumbotron text-center">
+			<img id="main_info_cont" src = "png/tedxNitkkr.png">
+			<h1 id="coming_soon">
+				<span id="1">C</span>
+				<span id="2">O</span>
+				<span id="3">M</span>
+				<span id="4">I</span>
+				<span id="5">N</span>
+				<span id="6">G</span>
+				<span>&nbsp;</span>
+				<span id="7">S</span>
+				<span id="8">O</span>
+				<span id="9">O</span>
+				<span id="10">N</span>
+			</h1>
+			<ul style="margin-top: 50px;">
+				<li><a href="https://twitter.com/TEDtalks" target="_blank"><img src="png/twitter.png"></a></li>
+				<li><a href="https://www.youtube.com/user/TEDtalksDirector" target="_blank"><img src="png/youtube.png"></a></li>
+				<li><a href="https://www.facebook.com/TED/" target="_blank"><img src="png/facebook.png"></a></li>
+				<li><a href="" target="_blank"><img src="png/gmail.png"></a></li>
+			</ul>
+			<footer style="margin-top: 120px;"><h4>Cooked with love by <a href="http://www.gawds.in" target="_blank"><img src="logo.png" id="logo"/></a></h4></footer>
+		</div>
+	</div>
+</body>
+<script src="js/jquery.min.js"></script>
+<script src="js/TweenMax.min.js"></script>
+<script src="js/main.js"></script>
+</html>
diff --git a/js/TweenMax.min.js b/js/TweenMax.min.js
diff --git a/js/bootstrap.min.js b/js/bootstrap.min.js
diff --git a/js/jquery.min.js b/js/jquery.min.js
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1,64 @@
+
+function splittext() {
+	var i = -2;
+	var interval = setInterval(
+		function() {
+			i++;
+			var obj = '#' + i; 
+			$(obj).removeClass('transformation_light');
+			$(obj).addClass('transformation');
+
+			obj = '#' + (i - 1);
+			$(obj).addClass('transformation_light');
+			$(obj).removeClass('transformation');
+
+
+			obj = '#' + (i + 1);
+			$(obj).addClass('transformation_light');
+			$(obj).removeClass('transformation');
+
+			obj = '#' + (i - 2);
+			$(obj).removeClass('transformation_light');
+			$(obj).removeClass('transformation');
+			if(i == 12){
+				clearInterval(interval);
+				start();
+			}
+		}
+		,150
+	);	
+}
+function start() {
+	$('body').css('background', 'black');
+	$('#splash').addClass('hidden');
+	TweenMax.to('#coming_soon', 0.5, {
+		opacity: 1
+	}
+	);
+	TweenMax.to('#main_info_cont', 1, {
+		opacity: 1,
+		onComplete: splittext
+	}
+	);
+}
+
+function full_splash() {
+	var splash = $('#splash');
+	TweenMax.to(splash, 0.5,  {
+		scale: 250,
+		onComplete: start
+	}
+	);
+}
+
+function splash_screen() {
+	var splash = $('#splash');
+	TweenMax.to(splash, 0.2, {
+		opacity: 0,
+		repeat: 5,
+		yoyo: true,
+		onComplete: full_splash
+	}
+	);
+}
+splash_screen();
diff --git a/logo.png b/logo.png
diff --git a/png/facebook.png b/png/facebook.png
diff --git a/png/gmail.png b/png/gmail.png
diff --git a/png/tedxNitkkr.png b/png/tedxNitkkr.png
diff --git a/png/twitter.png b/png/twitter.png
diff --git a/png/youtube.png b/png/youtube.png