-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (145 loc) · 11.6 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="assets/paper_img/favicon.ico">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Eli Pleaner's Portfolio</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
<link href="assets/css/ct-paper.css" rel="stylesheet" />
<!-- <link href="assets/css/demo.css" rel="stylesheet" /> -->
<link href="assets/css/styles.css" rel="stylesheet" />
<!-- Fonts and icons -->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper">
<nav class="navbar navbar-ct-transparent" role="navigation-demo">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<h2 class="navbar-brand">Eli Pleaner</h2>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="navigation-example-2">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/epleaner/"><i class="fa fa-github"></i></a></li>
<li><a href="https://linkedin.com/in/elipleaner"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://last.fm/user/pleanut"><i class="fa fa-lastfm"></i></a></li>
</ul>
</div>
</div>
</nav>
<div class="main">
<div class="content">
<div class="container main-container">
<div class="tim-title">
<div class="nav-tabs-navigation">
<div class="nav-tabs-wrapper">
<ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
<li><a href="#portfolio" data-toggle="tab">Portfolio</a></li>
<li class="active"><a href="#about" data-toggle="tab">About</a></li>
<li><a href="#contact" data-toggle="tab">Contact</a></li>
</ul>
</div>
</div>
<div id="my-tab-content" class="tab-content box-shadow well">
<div class="tab-pane list-group" id="portfolio">
<article class="project list-group-item">
<h3><a href="https://github.com/nshkurkin/Scriblee">Scriblee</a></h3>
<h6>Fall 2015</h6>
<section class="project-content">
<p><em>Stack used: Java, OpenCV, Neuroph, Javascript</em></p>
<p>A web-based sketch recognition tool made for a course project in CSC 480: Artificial Intelligence.</p>
</section>
</article>
<article class="project list-group-item">
<h3><a href="https://github.com/epleaner/rym-scraper-xray">RateYourMusic Scraper</a></h3>
<h6>09/15 – Current</h6>
<section class="project-content">
<p><em>Stack used: NodeJS, Express, x-ray</em></p>
<p>An API for scraping <a href="http://rateyourmusic.com">RateYourMusic.com</a>, built on Node.js using <a href="https://github.com/lapwinglabs/x-ray">x-ray</a>.</p>
</section>
</article>
<article class="project list-group-item">
<h3><a href=http://www.pleanbean.com/beatmap>Beatmap</a></h3>
<h6>06/14 - Current</h6>
<section class="project-content">
<p><em>Stack used: Backbone.Marionette, jQuery, underscore, Bootstrap, LESS, Grunt, and last.fm's API</em></p>
<p>This is an album discovery tool powered by <a href="http://last.fm">last.fm</a>.
<p>Having used many common radio services for discovering new music, I found that there are really none that offer album-based recommendations. So I went ahead and started developing Beatmap. Simply by searching for an artist, users can discover countless unheard albums and widen their musical catalog. These recommendations are based off of last.fm's catalog of related artists.</p>
<p>I chose Backbone.Marionette as my front-end framework for its powerful composite view management and modularity. Packaged in Marionette is Backbone.Wreqr, which makes routes a breeze. Underscore is used for its light-weight templating and plethora of utility methods. Bootstrap is used for its large collection of UI components and straight-forward grid system. I use LESS for its nested styles and handy variable declarations. Grunt is wonderful for task-watching, auto-compiling, and other handy tasks such as auto-minification.</p>
<p>I have a huge list of features I would love to add to this service, and I see endless opportunities for improvement. Features like links to music-playing services are a top priority, as well as an ability to catalog albums into playlists of sorts. I hope to soon add a way to login to one's last.fm account, and have recommendations be further tailored based on listening history.</p>
</section>
</article>
<article class="project list-group-item">
<h3><a href=http://www.pleanbean.com/colocate>Colocate</a></h3>
<h6>09/14 - 12/14</h6>
<section class="project-content">
<p><em>Stack used: jQuery, Bootstrap, fullcalendar.js, Todoist API</em></p>
<p>In my Human-Computer Interaction class, we were assigned a term project to design and develop an application that will help manage the huge amount of information present in everyday life. We decided to make a task manager, that acts a bit like a personal assistant for everyday life. Given a calendar of events and obligations, and a task list of things to get done, our application will find an optimized schedule that ensures that everything will get done, with time to spare.</p>
<p>In 10 weeks, we produced a proof-of-concept that handles adding calendar events, Todoist integration, and basic schedule optimization. Tasks are prioritized by due date, and duration can be set per task. Certain times of day are sectioned off where no tasks can be scheduled, such as early morning and late evening.</p>
<p>As this was just a proof-of-concept and the project was more focused on useability testing, there are many features we fantasized about adding. Eventually we would like tasks to be prioritized by other factors such as significance or importance. We would also like tasks to be able to broken up into smaller segments, so that a task can get done over several days. This division of a task can be set, so that some tasks can get done in 10 minute increments and others in 30 minutes, for example. Google Calendar integration would be very helpful as well.</p>
<p>Our project recieved very positive reviews, with many testers expressing interest in using a more finalized version. We won second place in the iFixit useability contest, and got t-shirts that said iFixit on them.</p>
</section>
</article>
</div>
<div class="tab-pane active" id="about">
<h3>Hey there!</h3>
<p>My name is Eli. I was born and raised in San Francisco, and am studying Computer Science at Cal Poly in San Luis Obispo.</p>
<p>I am interested in finding ways to apply computing to solve long-standing problems that can deeply impact many people. My research revolves around machine learning, artifical intelligence, and web development.</p>
<p>I am always looking for interesting projects to work on. If you have any ideas or are interested in any of my work, please email me at [email protected]. Thank you!</p>
</div>
<div class="tab-pane" id="contact">
<h4>Feel free to email me at <em>[email protected]</em>.</h4>
<p>I am currently located in San Luis Obispo, CA.</p>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-container">
<!-- <nav class="navbar navbar-ct-info" role="navigation-demo">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navigation-example-2">
<ul class="nav navbar-nav">
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">
<i class="fa fa-github-square"></i> Github
</a>
</li>
<li>
<a href="#">
<i class="fa fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a href="#">
<i class="fa fa-lastfm"></i> Last.fm
</a>
</li>
</ul>
</div>
</div>
</nav> -->
</div>
</div>
</div>
</body>
<script src="assets/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="bootstrap3/js/bootstrap.js" type="text/javascript"></script>
</html>