Skip to content

Commit 7686b87

Browse files
onurvarolonurvarol
committed
initial-commit
1 parent c2422e4 commit 7686b87

32 files changed

+578
-0
lines changed

‎contact.html

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
8+
<link rel="stylesheet" href="css/bootstrap.min.css">
9+
<script src="js/jquery.min.js"></script>
10+
<script src="js/popper.min.js"></script>
11+
<script src="js/bootstrap.min.js"></script>
12+
<script src="js/fa-all.js" data-auto-replace-svg="nest"></script>
13+
14+
<link type="text/css" rel="stylesheet" href="css/custom.css" />
15+
<link type="text/css" rel="stylesheet" href="css/hover-min.css" />
16+
<link type="text/css" rel="stylesheet" href="css/academicons.min.css" />
17+
18+
<title>VRL Lab Publications</title>
19+
20+
<script type="text/javascript">
21+
$(document).ready(function () {
22+
$('#header-container').load('template_header.html');
23+
$('#footer-container').load('template_footer.html');
24+
});
25+
</script>
26+
27+
</head>
28+
29+
<body>
30+
<div id="header-container"></div>
31+
<div class="jumbotron" style="background-image: url(img/bg-contact.jpg);"></div>
32+
33+
<div class="container">
34+
<div class="row">
35+
<div class="col-6">
36+
<h2>Contact</h2>
37+
<p>
38+
<i class="fas fa-map-marker-alt"></i> SABANCI UNIVERSITY <br>
39+
Faculty of Engineering and Natural Sciences <br>
40+
Office L016, Orhanli 34956 Tuzla, Istanbul, Turkey
41+
</p>
42+
<p>
43+
<i class="fas fa-phone-square-alt"></i> +90(216)483-XXXX (I prefer emails)
44+
</p>
45+
<p>
46+
<i class="fas fa-inbox"></i> [email protected]
47+
</p>
48+
<p>
49+
<i class="fab fa-twitter"></i><a href="https://www.twitter.com/onurvarol">@onurvarol</a>
50+
</p>
51+
</div>
52+
<div class="col-6">
53+
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24128.460320617556!2d29.361317746874818!3d40.89255268530151!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cad852306a76b5%3A0x7c73e4bdab503610!2sSabanc%C4%B1%20%C3%9Cniversitesi!5e0!3m2!1sen!2str!4v1607806410755!5m2!1sen!2str" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
54+
</div>
55+
</div>
56+
</div>
57+
<br>
58+
<div id="footer-container"></div>
59+
</body>
60+
61+
</html>

‎css/academicons-1.9.1.zip

863 KB
Binary file not shown.

‎css/academicons.min.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.min.css

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/custom.css

+80
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
html {
2+
position: relative;
3+
min-height: 100%;
4+
}
5+
6+
body {
7+
margin-bottom: 50px;
8+
}
9+
10+
hr {
11+
padding: 0px;
12+
margin: 0px;
13+
}
14+
15+
16+
17+
.footer {
18+
position: absolute;
19+
border-top: 1px solid #a0a0a0;
20+
bottom: 0;
21+
width: 100%;
22+
padding-top: 5px;
23+
/* Set the fixed height of the footer here */
24+
background-color: #f5f5f5;
25+
26+
/*
27+
text-align: center;
28+
*/
29+
}
30+
31+
.jumbotron{
32+
background: no-repeat center center;
33+
padding-bottom: 10%;
34+
padding-top: 10%;
35+
background-repeat: no-repeat;
36+
background-size: 100% auto;
37+
}
38+
39+
.icon{
40+
height:2em;
41+
}
42+
43+
#footer-container{
44+
margin-top: 5em;
45+
}
46+
47+
/* Underline From Left */
48+
a {
49+
color:#002776;
50+
display: inline-block;
51+
vertical-align: bottom;
52+
-webkit-transform: perspective(1px) translateZ(0);
53+
transform: perspective(1px) translateZ(0);
54+
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
55+
position: relative;
56+
overflow: hidden;
57+
}
58+
a:hover {
59+
color:#002776;
60+
text-decoration: None;
61+
}
62+
a:before {
63+
content: "";
64+
position: absolute;
65+
z-index: -1;
66+
left: 0;
67+
right: 100%;
68+
bottom: 0;
69+
background: #002776;
70+
height: 2px;
71+
-webkit-transition-property: right;
72+
transition-property: right;
73+
-webkit-transition-duration: 0.3s;
74+
transition-duration: 0.3s;
75+
-webkit-transition-timing-function: ease-out;
76+
transition-timing-function: ease-out;
77+
}
78+
a:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
79+
right: 0;
80+
}

‎css/hover-min.css

+9
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎data/people/people.json

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
[
2+
{
3+
"name": "Onur Varol",
4+
"role": "PI",
5+
"img": "pictures/onur-varol.jpg",
6+
"about": "researcher📊, coder💻, and dreamer💭",
7+
"links": {
8+
"website": "http://www.onurvarol.com",
9+
"scholar": "https://scholar.google.com/citations?user=t8YAefAAAAAJ",
10+
"orcid": "https://orcid.org/0000-0002-3994-6106",
11+
"twitter": "https://twitter.com/onurvarol",
12+
"linkedin": "https://www.linkedin.com/in/onurvarol/"
13+
}
14+
},
15+
16+
{
17+
"name": "Ismail Uluturk",
18+
"role": "Collaborator",
19+
"img": "pictures/ismail-uluturk.jpg",
20+
"about": "",
21+
"links": {
22+
"website": "http://uluturki.github.io/",
23+
"scholar": "https://scholar.google.com/citations?user=WmKu3G0AAAAJ",
24+
"twitter": "https://twitter.com/strictlynofun",
25+
"linkedin": "https://www.linkedin.com/in/ismail-uluturk-a3194328/"
26+
}
27+
}
28+
]

‎data/people/pictures/ismail-uluturk.jpg

84.6 KB
Loading

‎data/people/pictures/onur-varol.jpg

484 KB
Loading

‎fonts/academicons.ttf

60 KB
Binary file not shown.

‎fonts/academicons.woff

115 KB
Binary file not shown.

‎img/bg-contact.jpg

249 KB
Loading

‎img/bg-index.jpeg

62.9 KB
Loading

‎img/bg-people.jpeg

368 KB
Loading

‎img/bg-publications.jpeg

92.3 KB
Loading

‎img/gezi_fig.png

117 KB
Loading

‎img/github-icon.png

2.88 KB
Loading

‎img/sabanci-icon.jpg

79.8 KB
Loading

‎img/scholar_logo.png

9.67 KB
Loading

‎img/twitter-icon.png

3.9 KB
Loading

‎img/vrllab-logo.png

92.7 KB
Loading

‎index.html

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
8+
<meta content="VRL Lab" name="VRL Lab @ Sabanci University">
9+
<meta content="computer science, complex systems, social networks, bot detection, botomoter, machine learning, data science, computational social science" name="keywords">
10+
<meta content="Copyright (c) 2020 Onur Varol" name="Copyright">
11+
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
12+
<meta property="og:title" content="VRL Lab @ Sabanci University">
13+
<meta property="og:type" content="website">
14+
<meta property="og:url" content="http://varollab.com/">
15+
<meta property="og:image" content="http://varollab.com/img/vrllab-logo.png">
16+
<meta property="og:image:type" content="image/png">
17+
<meta property="og:image:width" content="400">
18+
<meta property="og:image:height" content="400">
19+
<meta property="og:description" content="This site contains information about VRL Lab.">
20+
<link id="page_favicon" href="img/favicon.ico" rel="icon" type="image/x-icon" />
21+
22+
<link rel="stylesheet" href="css/bootstrap.min.css">
23+
<script src="js/jquery.min.js"></script>
24+
<script src="js/popper.min.js"></script>
25+
<script src="js/bootstrap.min.js"></script>
26+
27+
<link type="text/css" rel="stylesheet" href="css/custom.css" />
28+
<link type="text/css" rel="stylesheet" href="css/hover-min.css" />
29+
<link type="text/css" rel="stylesheet" href="css/academicons.min.css" />
30+
31+
32+
<title>VRL Lab Website</title>
33+
34+
<script type="text/javascript">
35+
$(document).ready(function () {
36+
$('[data-toggle="tooltip"]').tooltip();
37+
$('#header-container').load('template_header.html');
38+
$('#footer-container').load('template_footer.html');
39+
});
40+
</script>
41+
42+
</head>
43+
44+
<body>
45+
<div id="header-container"></div>
46+
<div class="jumbotron" style="background-image: url(img/bg-index.jpeg);"></div>
47+
48+
<div class="container">
49+
<div class="row">
50+
<div class="col-lg-10 col-md-2">
51+
<h2>Welcome to Viral Lab!</h2>
52+
<p>
53+
We <a href="#" data-toggle="tooltip" data-placement="bottom" title="and play harder">work hard</a>,
54+
<a href="#" data-toggle="tooltip" data-placement="bottom" title="and make it happen">dream big</a>, and
55+
<a href="#" data-toggle="tooltip" data-placement="bottom" title="and live to the fullest">enjoy life</a>
56+
while developing techniques to analyze online behaviors to improve individual well-being and address societal problems. We leverage online and offline data to gain insight on human behaviors, analyze technological systems to mitigate threats against online conversations by developing techniques in machine learning, network science, and computational social sciences.
57+
</p>
58+
<p>
59+
The Viral Lab is led by <a href="http://www.onurvarol.com" target="_blank">Onur Varol</a>, an assistant professor at the <a href="https://www.sabanciuniv.edu/">Sabanci University</a> <a href="https://cs.sabanciuniv.edu/">Computer Science Program</a>, with an affiliation with <a href="https://verim.sabanciuniv.edu/en">Center of Excellence in Data Anlytics</a>.
60+
</p>
61+
62+
63+
<h4>Lab news 📢</h4>
64+
<hr/>
65+
<ul>
66+
<li>
67+
Onur Varol joined VeriTezgahı podcast to have a fun conversation about social media . (In Turkish)<br/>
68+
<iframe src="https://anchor.fm/veri-tezgahi/embed/episodes/9-Onur-Varol-Zararl-Sosyal-Medya-Kampanyalar--Twitter-Botlar-ve-Sosyal-Riskleri-nleme-Algoritmalar-emsl28" width="100%" frameborder="0" scrolling="no"></iframe>
69+
</li>
70+
<li>
71+
Onur Varol organized the computatational social science session at the Data Science Summer School.<br>
72+
<iframe width="100%" src="https://www.youtube.com/embed/H7iPfHNHyo4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
73+
</li>
74+
<li>
75+
Onur Varol joined EpiSTEM Youtube Channel for an interview to talk about problems of social media and his ongoing research. (In Turkish)<br/>
76+
<iframe width="100%" src='https://www.youtube.com/embed/Mzjf7r6F5mQ' frameborder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>
77+
</li>
78+
</ul>
79+
</div>
80+
<div class="col-lg-2 col-md-2">
81+
<a class="twitter-timeline" data-height="500" href="https://twitter.com/onurvarol?ref_src=twsrc%5Etfw">Tweets by Onur Varol</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
82+
</div>
83+
</div>
84+
</div>
85+
<br>
86+
<div id="footer-container"></div>
87+
</body>
88+
89+
</html>

‎js/bootstrap.min.js

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/fa-all.js

+5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/jquery.min.js

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/popper.min.js

+5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/underscore-min.js

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)