-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
121 lines (114 loc) · 4.76 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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Chronicle Ferguson</title>
<link rel="icon" href="CF_Favicon_V2.ico" type="image/x-icon">
<link rel="shortcut icon" href="CF_Favicon_V2.ico" type="image/x-icon">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="top" class="top_height1">
<div id="top_menu">
<div id="top_menu_middle">
<div id="img_div" class="toggle" >
<img src="img/ChronicleFerguson_Viewfinder_white.png" height="40" width="40">
</div>
<div id="logo_label">
<div id="logo_label_vertical">
CHRONICLE <span id="dots">::</span> FERGUSON
</div>
</div>
<div id="share">
<div id="fb">
<a href="http://www.facebook.com/chronicleferguson"><i class="fa fa-facebook fa-lg"></i></a>
<a href="http://www.twitter.com/photosferguson"><i class="fa fa-twitter fa-lg"></i></a>
<a href="http://www.instagram.com/chronicleferguson"><i class="fa fa-instagram fa-lg"></i></a>
<a href="http://"><i class="fa fa-pinterest-p fa-lg"></i></a>
</div>
</div>
<div id="connect">
<div id="connect_middle">
SHARE & CONNECT
</div>
</div>
</div>
</div>
</div>
<div id="content" class="content_height">
<div id="content_box" class="">
<div id="content_label">
<div id="content_label_1">
BE A PART OF
</div>
<div id="content_label_2">
THE MO<span id="text" class="hide">VE</span>M<span>E</span>NT.
</div>
</div>
<div id="content_p">
SIGN UP FOR THE MAILING LIST TO RECEIVE UPDATES ON CHRONICLE FERGUSON.
</div>
<div id="content_form">
<span id="content_form1"></span>
<form role="form" onsubmit="return signup(this)" class="form_sign">
<input name="email" type="email" placeholder="EMAIL" class="email" required> <a href="#"> <button type="submit" >SIGN UP</button></a>
</form>
</div>
</div>
<script>
$(document).ready(function(){
letterTrans()
});
function letterTrans(){
setTimeout(function(){ trans() }, 2000);
}
function trans() {
console.log('testing');
text.classList.remove('hide');
text.classList.add('un_hide');
}
console.log('testing');
var text = document.querySelector('.hide');
var toggle = document.getElementById('slider_button_button');
var slider = document.querySelector('.slider');
var content_box = document.getElementById('content_box');
var t = document.querySelector('.top_height1');
var sliderHeight = document.querySelector('.slider_height');
var contentHeight = document.querySelector('.content_height');
var button_div = document.querySelector('.white');
var button_text = document.getElementById('slider_button_button_button');
var video_tag = document.getElementsByTagName("video");
toggle.addEventListener('click', togg, false);
function togg(){
slider.classList.remove('closed');
slider.classList.add('open');
t.classList.remove('top_height1');
t.classList.add('top_height');
sliderHeight.classList.remove('slider_height');
sliderHeight.classList.add('slider_height2');
contentHeight.classList.remove("content_height");
contentHeight.classList.add("content_height2");
button_div.classList.add('black');
console.log(video_tag);
button_text.innerHTML = "UPLOAD PHOTO";
button_text.classList.add("upload");
/*video_tag.document.createAttribute("autoplay")*/
$(video_tag).prop('autoplay', true);
}
var formsign = document.querySelector('.form_sign');
var contentForm1 = document.getElementById('content_form1');
function signup(formObj){
var myFirebaseRef = new Firebase("https://chron.firebaseio.com/signups");
myFirebaseRef.push({
email: formObj.email.value
});
formsign.style.display = 'none';
contentForm1.innerHTML = 'Thanks for signing up!';
return false;
}
</script>
</body>
</html>