-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
190 lines (180 loc) · 11.8 KB
/
index.html
File metadata and controls
190 lines (180 loc) · 11.8 KB
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
<!DOCTYPE html>
<html>
<head>
<link href="css/YTPlayer.css" media="all" rel="stylesheet" type="text/css">
<link href="css/style.css" media="all" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata:300,400,700,900,300italic,400italic,700italic,900italic|Inconsolata:400,200,300,500,700,600,800,900" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Raleway:300,400,700,900,300italic,400italic,700italic,900italic|Raleway:400,200,300,500,700,600,800,900" rel="stylesheet" type="text/css">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="js/jquery.mb.YTPlayer.js" type="text/javascript" ></script>
<script>
jQuery(function(){
var isIframe=function(){var a=!1;try{self.location.href!=top.location.href&&(a=!0)}catch(b){a=!0}return a};if(!isIframe()){var logo=$("<a href='http://pupunzi.com/#mb.components/components.html' style='position:absolute;top:0;z-index:1000'><img id='logo' border='0' src='http://pupunzi.com/images/logo.png' alt='mb.ideas.repository'></a>");$("#wrapper").prepend(logo),$("#logo").fadeIn()}
var videos = [
{videoURL:"Yemt0aXyLyc",containment:'body',autoPlay:true, mute:true, startAt:0, loop:1, ratio:"auto", addRaster:false, quality:"hd780"}, {videoURL:"6v2L2UGZJAM",containment:'body',autoPlay:true, mute:true, startAt:0, loop:1, ratio:"auto", addRaster:false, quality:"hd780"}, {videoURL:"Ip2ZGND1I9Q",containment:'body',autoPlay:true, mute:true, startAt:0, loop:false, ratio:"auto", addRaster:false, quality:"hd780"}, {videoURL:"xEF66GRecQg",containment:'body',autoPlay:true, mute:true, startAt:0, loop:false, ratio:"auto", addRaster:false, quality:"hd780"}, {videoURL:"SWv3ungRSBY",containment:'body',autoPlay:true, mute:true, startAt:0, loop:false, ratio:"auto", addRaster:false, quality:"hd780"}, {videoURL:"EyEyojMvveY",containment:'body',autoPlay:true, mute:true, startAt:0, loop:false, ratio:"auto", addRaster:false, quality:"hd780"}, {videoURL:"5SRGJkv3bTc",containment:'body',autoPlay:true, mute:true, startAt:0, loop:false, ratio:"auto", addRaster:false, quality:"hd780"}
];
var myPlayListPlayer =jQuery("#myPlayerID").YTPlaylist(videos, true, function(video){
if(video.videoData){
jQuery("#videoID").html(video.videoData.id);
jQuery("#videoTitle").html(video.videoData.title);
}
});
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73841776-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript">
$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
</head>
<body>
<section class="big-background">
<a class="player" id="myPlayerID" >My video</a>
<div class="grad"></div>
<div class="big-background-container">
<h1 class="big-background-title">Riyu Banerjee</h1>
<div class="divider"></div>
<h1 id="colorize">[ Computer Scientist | Umich '18 ]</h1>
<div class="divider"></div>
<ul class="sections">
<li><a href ="#about">about</a></li>
<li><a href = "#projects">projects</a></li>
<li><a href = "#blog">blog</a></li>
<li><a href = "#links">links</a></li>
</ul>
</div>
</section>
<a name="about"></a>
<div class="wrapper">
<section class="info-section">
<div class="about-section-container">
<h2 class="info-section-title">About</h2>
<p> <mark>Hey I'm Riyu!</mark> I'm an undergraduate computer science student at the University of Michigan, class of 2018. I love learning and do so through diving deep into various projects. It first started with FIRST robotics in highschool and quickly moved onto the Android apps I programmed in my spare time for groups like MHacks and Michigan hackers.
Now I have become interested in a variety of things within the full stack, everything from Machine Learning and Robotics to AR and Kubernetes/Docker. I'm always looking for oppurtunities to discover more about my objects of interest.</p>
<p>My resume can be found <a href ="files/RiyuBanerjeeResume.pdf">here</a> and you can contact me at <a href = "mailto:riyub@umich">riyub@umich.edu</a>.</p>
</div>
<a name="projects"></a>
<div class="projects-section-container">
<h2 class="info-section-title">Projects</h2>
<ul>
<li>
<div class="card" style="width:250px">
<div class = "bdb">
<div class = "over-bdb">
<img src="images/bdb-Screen.png" style="width:100%; vertical-align:top;">
</div>
</div>
<div style="margin:15px">
<p>A better bus app for Michigan Students.</p>
<div class="social-grey">
<a href="https://github.com/michiganhackers/Big-Data-Buses-Android" target="_blank"><i class="fa fa-github-alt fa-3x"></i></a>
</div>
</div>
<div style="padding:10px"></div>
</div>
<div style="padding:10px"></div>
</li>
<li style="vertical-align:top">
<div class="card" style="width:430px">
<div class ="ml">
<div class = "over-ml">
<img src="images/ml-Screen.png" style="100%"> </div>
</div>
<div class="ML-Container" style="margin:15px">
<p>Predicting the helpfulness rating of an Amazon review</p>
<div class="social-grey">
<a href="https://github.com/JingzhuY/445-amazon-review-analysis" target="_blank"><i class="fa fa-github fa-3x"></i></a>
<a href="files/445finalreport.pdf" target="_blank"><i class="fa fa-file-pdf-o fa-3x"></i></a>
</div>
</div>
<div style="padding:10px"></div>
</div>
<div style="padding:10px"></div>
<div class="card" style="width:430px">
<div class = "bd">
<div class = "over-bd">
<img src="images/bd-Screen.png" style="width:100%">
</div>
</div>
<div class="BD-Container" style="margin:15px">
<p>An app to teach people to drive stick<abbr></abbr></p>
<div class="social-grey">
<a href="http://mhacks-iv.devpost.com/submissions/26116-backseat-driver" target="_blank"><i class="fa fa-globe fa-3x"></i></a>
<a href="https://www.youtube.com/watch?v=76lRe-zwPvA" target="_blank"><i class="fa fa-youtube-play fa-3x"></i></a>
<a href="https://github.com/szechy/backseat-driver" target="_blank"><i class="fa fa-github-square fa-3x"></i></a>
</div>
</div>
<div style="padding:10px"></div>
</div>
<div style="padding:10px"></div>
</li>
<li style="vertical-align:top">
<div class="card" style="width:250px">
<div class="mh">
<div class ="over-mh">
<img src="images/mh-Screen.webp" style="width:100%">
</div>
</div>
<div class="MH-Container" style="margin:15px">
<p>An app to inform hackathon attendees</p>
<div class="social-grey">
<a href="https://play.google.com/store/apps/details?id=org.mhacks.android&hl=en" target="_blank"><i class="fa fa-android fa-3x"></i></a>
<a href="https://github.com/mhacks/MHacks-Android" target="_blank"><i class="fa fa-github-square fa-3x"></i></a>
</div>
</div>
<div style="padding:10px"></div>
</div>
<div style="padding:10px"></div>
</li>
<ul>
</div>
<a name="blog"></a>
<div class="blog-section-container">
<h2 class="info-section-title">Blog</h2>
<p>Work in progress/ Coming Soon</p>
</div>
</section>
<section class="small-background-section">
<div class="pattern"></div>
<div class="grad">
<div class="small-background-container">
<a name = "links"></a>
<h2 class="small-background-title">-Links-</h2>
<ul class="socials">
<li>
<a href="https://github.com/DGriyu" target="_blank"><i class="fa fa-github-square fa-3x"></i></a>
</li>
<li>
<a href="https://twitter.com/DGriyu" target="_blank"><i class="fa fa-twitter-square fa-3x"></i></a>
</li>
<li>
<a href="mailto:riyub@umich" target="_blank"><i class="fa fa-envelope fa-3x"></i></a>
</li>
<li>
<a href="files/RiyuBanerjeeResume.pdf" target="_blank"><i class="fa fa-file-pdf-o fa-3x"></i></a>
</li>
</ul>
</div>
<p style="color:white">Video background thanks to the <a style="color:red; text-decoration: none;"href="https://github.com/pupunzi/jquery.mb.YTPlayer">YTPlayer jquery library</a></p>
</section>
</body>