-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
229 lines (208 loc) · 9.79 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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE HTML>
<!-- ............................. -->
<!-- ............................. -->
<!-- ..... LIQUID GEM V.1.0. ..... -->
<!-- ............................. -->
<!-- ............................. -->
<!-- ............................. -->
<!-- ............................. -->
<!-- .... MADE BY CHRIS BIRON .... -->
<!-- ............................. -->
<!-- ............................. -->
<!-- ............................. -->
<!-- ............................. -->
<!-- Liquid Gem is licensed under
Creative Commons
Attribution-NonCommercial-ShareAlike
3.0 Unported License -->
<!-- ............................. -->
<!-- ............................. -->
<!-- DON'T TOUCH THIS SECTION -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- END OF DON'T TOUCH -->
<!-- Website Title -->
<title>The #Tweets4Science initiative</title>
<!-- END OF Website Title -->
<!-- Website description - Change the 'content' section to whatever you want -->
<meta name="description" content="#Tweets4Science: A Manifesto - We ask you to donate your tweets for research purposes. We will not profit from your information. We will share the collection of donated tweets with anybody interested in research in social media under a Creative Commons license.">
<!-- END OF Website description -->
<!-- DON'T TOUCH THIS SECTION -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700|Cookie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="scripts/jquery.carouFredSel-5.5.2.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/jquery.form.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>
<style>
.download-button{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
padding: 5px;
color: white;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#204D86));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #204D86, #1a82f7);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #204D86, #1a82f7);
font-size: 36px;
}
input[type=checkbox]
{
/* Double-sized Checkboxes */
-ms-transform: scale(1.5); /* IE */
-moz-transform: scale(1.5); /* FF */
-webkit-transform: scale(1.5); /* Safari and Chrome */
-o-transform: scale(1.5); /* Opera */
padding: 10px;
margin:10px;
}
.center{
text-align: center;
align:center;
}
</style>
</head>
<!-- END OF DON'T TOUCH -->
<body>
<div class="wrapper">
<div id="top">
<div id="logo">
<h1 id="logotitle">#Tweets4Science</h1> <!-- Logo text -->
</div><!--/logo-->
<nav> <!-- Navigation Start -->
<ul>
<li><a href="#download">Download archive</a></li>
<li><a href="#donate">Donate your tweets</a></li>
<li><a href="manifesto.html">The Manifesto</a></li>
</ul>
</nav> <!-- Navigation End -->
</div><!--/top-->
<hr/><!-- Horizontal Line -->
<section id="slideshow"> <!-- Slideshow Start -->
<div class="html_carousel">
<div id="slider">
<div class="slide">
<img src="images/tweets4science-banner.png" width="3000" height="783" alt="image 1"/><!-- Replace these images with your own but make sure they are 3000px wide and 783px high or the same ration -->
</div><!--/slide-->
</div><!--/slider-->
<div class="clearfix"></div>
</div><!--/html_carousel-->
</section> <!-- Slideshow End -->
<aside id="manifesto" class=" left"> <!-- Text Section Start -->
<h3>The #Tweets4Science Manifesto</h3><!-- Replace all text with what you want -->
<p>We ask you to donate your tweets for research purposes. We will not profit from your information. We will share the collection of donated tweets with anybody interested in research in social media under a Creative Commons license.</p>
<p><a href="manifesto.html">Read more...</a></p>
</aside>
<aside id="who" class="right">
<h3>Who we are</h3>
<p>We are a group of researchers interested in Social Media and social behavior on the Web. Right now the people involved in this project are:</p>
<ul>
<li><a href="http://www.dcc.uchile.cl/node/465">Bárbara Poblete</a> (<a href="http://twitter.com/bpoblete/">@bpoblete</a>).
<li><a href="http://www.di.uniovi.es/~dani/">Daniel Gayo-Avello</a> (<a href="http://twitter.com/PFCdgayo/">@PFCdgayo</a>).
<li><a href="http://graves.cl/">Álvaro Graves</a> (<a href="http://twitter.com/alvarograves/">@alvarograves</a>).
</ul>
</aside>
<div class="clearfix"></div> <!-- Text Section End -->
<aside id="donate" class="left"> <!-- Text Section Start -->
<h3>Donate your tweet archive</h3>
<p>Since late 2012 any Twitter user can request access to his or her Twitter archive to then download a ZIP file with all the tweets s/he has published.</p><p>Twitter's Terms of Service grant the users to retain their rights to any content submitted, posted or displayed through Twitter services and, therefore, users are free to do as they please with such data. </p><p>Hence, you can donate such data using the form on the right.</p>
<p id="current" style="font-weight:bold;font-size:150%"></p>
</aside>
<aside id="contact" class="right">
<h3>Upload your "tweets.zip" file</h3>
<div id="formwrap">
<form action="upload_file.php" id="the_form" method="post" enctype="multipart/form-data">
<p><input type="file" name="file" id="file" val=""></p>
<p><input name='toc' id='toc' type='checkbox'/> <strong>I voluntarily give my tweet archive for research purposes under the <a target="_blank" href='http://creativecommons.org/licenses/by-nc/3.0/'>Creative Commons Attribution-NonCommercial 3.0</a> license.</strong></p>
<input type="submit" name="submit1" id="submit1" value="Submit" class="dis">
</form>
</div>
</aside>
<div class="clearfix"></div> <!-- Text Section End -->
<section id="bottom" class="wide"> <!-- Last Words Section Start -->
<br/>
<p class="center">
<h3 id="download">Download archive</h3></p>
<p class="center" style='font-size:120%'>By clicking on the checkbox below I understand and accept that the tweets downloaded will be used solely for research purposes and in no case they will be used for commercial purposes. This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US">Creative Commons Attribution-NonCommercial 3.0 Unported License</a>.
<br/> <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/88x31.png" /></a><br />
</p>
<div class="center">
<form action="download.php" method="get" id="download-form">
<input type="checkbox" name="accept" id="accept"/> </br>
<input type="submit" name="submit2" id="submit2" class="dis" value="Download the archive"/>
</form>
</div>
<hr>
<p><a href="http://liquidgem.birondesign.com/">Design based on Liquid Gem template by BironDesign</a></p>.
</section><!-- Last Words Section End-->
</div>
<!-- SLIDESHOW SCRIPT START -->
<script type="text/javascript">
$(document).ready(function(){
$("#submit1").attr("disabled", true);
$("#the_form").on('change', function(){
if ($('#file').val() != "" && $("#toc").is(":checked")) {
$("#submit1").attr("disabled", false).removeClass('dis').addClass('formstyletwo');
}else{
$("#submit1").attr("disabled", true).removeClass('formstyletwo').addClass('dis');
}
});
$("#submit1").on('click', function(){
$("#submit1").attr("disabled", true).attr("value", "Uploading...");
$("#the_form").submit();
});
$("#submit2").attr("disabled", true);
$("#download-form").on('change', function(){
if ($("#accept").is(":checked")) {
$("#submit2").attr("disabled", false).removeClass('dis').addClass('formstyletwo');
}else{
$("#submit2").attr("disabled", true).removeClass('formstyletwo').addClass('dis');
}
});
/*$.ajax({
url: "currentNumber.txt",
dataType: "html",
type: 'GET',
success: function(data){
$("#current").html(data);
}
});*/
});
/*$("#slider").carouFredSel({
responsive : true,
scroll : {
fx : "crossfade",
easing : "swing",
duration : 1000,
},
items : {
visible : 1,
height : "27%"
}
});*/
</script>
<!-- SLIDESHOW SCRIPT END -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-38781157-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
<!-- Thanks for looking at Liquid Gem! I hope you find it useful :) -->