-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
landing page updated #1
base: master
Are you sure you want to change the base?
Changes from 3 commits
18d175f
ec86c20
da50cd9
dd912b0
d88c8ab
9ff9537
757a960
b1a2625
55073eb
392e521
413e212
ea58b79
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,55 @@ | ||
@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; | ||
} | ||
span { | ||
transition: all 0.5s ease; | ||
} | ||
#splash { | ||
background: #ff2b06; | ||
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; | ||
} | ||
li { | ||
display: inline; | ||
margin: 20px; | ||
} | ||
#main_info_cont, #coming_soon { | ||
opacity: 0; | ||
} | ||
.jumbotron { | ||
min-height: 100vh; | ||
background: transparent; | ||
} | ||
.transformation { | ||
opacity: 0; | ||
} | ||
h1 { | ||
font-family: hBold; | ||
} | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Every file must contain a newline character at the end, in short, an empty line at the end. |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>TedX Nit Kurukshetra</title> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Missing meta-tags. Tags like author, links, description, charset, etc are missing. There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Fix the indentation in all your files. |
||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> | ||
<link rel="stylesheet" type="text/css" href="css/main.css"> | ||
</head> | ||
<body> | ||
<div id="splash"> | ||
</div> | ||
<div class="container" id="full_container"> | ||
<div class="jumbotron text-center"> | ||
<h1 id="main_info_cont" style="margin-top: 150px;">TEDx<small>Nit Kurukshetra</small></h1> | ||
<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> </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=""><img src="png/twitter.png"></a></li> | ||
<li><a href=""><img src="png/youtube.png"></a></li> | ||
<li><a href=""><img src="png/facebook.png"></a></li> | ||
<li><a href=""><img src="png/gmail.png"></a></li> | ||
</ul> | ||
<footer style="margin-top: 150px;"><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> |
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
|
||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Shouldn't we use two spaces as a tab? Which text editor are you using ? There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. sublime There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. You should enable |
||
function splittext() { | ||
TweenMax.to('#main_info_cont', 1, | ||
{ | ||
opacity: 0, | ||
delay: 2.5 | ||
} | ||
) | ||
; | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. |
||
TweenMax.to('#coming_soon', 0.5, | ||
{ | ||
opacity: 1, | ||
delay: 2.5 | ||
} | ||
) | ||
; | ||
var i = -10; | ||
var interval = setInterval( | ||
function() { | ||
i++; | ||
var obj = '#' + i; | ||
console.log(obj); | ||
$(obj).addClass('transformation'); | ||
obj = '#' + (i - 1); | ||
$(obj).removeClass('transformation'); | ||
if(i == 20){ | ||
clearInterval(interval); | ||
start(); | ||
} | ||
} | ||
,250 | ||
); | ||
} | ||
function start() { | ||
$('body').css('background', '#ff2b06'); | ||
$('#splash').addClass('hidden'); | ||
TweenMax.to('#coming_soon', 0.5, | ||
{ | ||
opacity: 0 | ||
} | ||
) | ||
; | ||
TweenMax.to('#main_info_cont', 1, | ||
{ | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Follow standard conventions all over your code. Use format similar to call at Line54. |
||
opacity: 1, | ||
onComplete: splittext | ||
} | ||
) | ||
; | ||
} | ||
|
||
function full_splash() { | ||
var splash = $('#splash'); | ||
TweenMax.to(splash, 0.5, { | ||
height: '500vh', | ||
width: '500vh', | ||
x: '-500px', | ||
y: '-800px', | ||
onComplete: start | ||
} | ||
); | ||
} | ||
|
||
function splash_screen() { | ||
var splash = $('#splash'); | ||
TweenMax.to(splash, 0.2, { | ||
opacity: 0, | ||
repeat: 5, | ||
yoyo: true, | ||
onComplete: full_splash | ||
} | ||
); | ||
} | ||
splash_screen(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Set the default tab spaces to 2. The code looks clean from L58-76. Follow the same kind of indentation from line from lines 1 to 58.
Follow the same coding convention in all the files.