-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathold.html
More file actions
176 lines (166 loc) · 10.8 KB
/
old.html
File metadata and controls
176 lines (166 loc) · 10.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
<body class="bg-light" style="overflow-x:hidden">
<div class="row pt-3">
<div class="col-1 col-md-3"></div>
<div class="col-10 col-md-6">
<div class="text-light mt-5">
<h1 class="display-3 font-playfair">James Villemarette</h1>
<h2>
<abbr title="Bachelor of Science">BS</abbr>, Computer Science Major <i>extraordinaire</i><br>
at the University of Delaware
</h2>
<p class="lead">
Trying to do good and crazy things with tech.
</p>
</div>
<hr>
<div class="d-flex justify-content-center">
<a class="btn btn-warning btn-lg mr-3" href="https://www.linkedin.com/in/james-villemarette/" title="Go to my LinkedIn.">LinkedIn</a>
<a class="btn btn-warning btn-lg" href="https://github.com/jvillemare" title="Go to my GitHub.">GitHub</a>
</div>
<hr>
<div class="text-light">
<h1 id="projects">Projects</h1>
<p class="lead">
I've done a few personal projects outside of school and work, over the years. Sorted by importance, not date.
</p>
</div>
<div class="mt-4">
<!-- Open Internet Courts -->
<div class="card mb-4">
<div class="card-body">
<div class="row">
<div class="col-lg">
<img loading="lazy" src="rsc/img/oic-compressed.jpg" data-original="rsc/img/oic-original.jpg" class="rounded img-fluid previewable-image" alt="The homepage of the OIC." title="Click the image to see a large preview.">
</div>
<div class="col-lg">
<h2 class="font-playfair mt-1 mb-3">Open Internet Courts</h2>
<p>
Inspired from mock-trial clubs: I made a custom, NodeJS website from scratch that creates a mock-court system. It allows cases to be submitted, deliberated, appealed, and decided upon. There is a jury selection, lawyer, BAR exam, judge, and other systems to make it functional. Hosted directly with Amazon Web Services.
</p>
<div class="mb-3">
<a class="btn btn-primary btn-lg" href="https://open.internetcourts.net/" role="button" title="Link to the website.">Try It Out</a>
<a class="btn btn-secondary btn-lg" href="https://github.com/jvillemare/oic" role="button" title="Go to the GitHub repo for this project.">GitHub Repo</a>
</div>
<p class="text-secondary">
<i>Started in December, 2018</i>
</p>
</div>
</div>
</div>
</div>
<!-- Police Accountability Dataset -->
<!-- WIP
<div class="card mb-4">
<div class="card-body">
<div class="row">
<div class="col-lg">
<img loading="lazy" src="rsc/img/oic-compressed.jpg" data-original="rsc/img/oic-original.jpg" class="rounded img-fluid previewable-image" alt="........................" title="Click the image to see a large preview.">
</div>
<div class="col-lg">
<h2 class="font-playfair mt-1 mb-3">Police Accountability Dataset</h2>
<p>
There is no national, public or transparent, accessible, or usable database of police violence and brutality that spans more than a a few years. The FBI committed to making a national use of force database in 2018, but that has not been released publicly, and it's only on an opt-in basis. Many problematic officers simply move from one department to another.
</p>
<p>
Along with a few contributors, we built a publicly-accessible, standardized, and searchable database of police violence from past decades of data, to the present, and forward.
</p>
<div class="mb-3">
<a class="btn btn-primary btn-lg" href="https://policeaccountability.github.io/brutality/" role="button" title="Link to the website.">Try It Out</a>
<a class="btn btn-secondary btn-lg" href="https://github.com/PoliceAccountability/brutality" role="button" title="Go to the GitHub repo for this project.">GitHub Repo</a>
</div>
<p class="text-secondary">
<i>Started in June, 2020</i>
</p>
</div>
</div>
</div>
</div>
-->
<!-- Aloe-ha: JavaFX Garden Plot Designer -->
<div class="card mb-4">
<div class="card-body">
<div class="row">
<div class="col-lg">
<img loading="lazy" src="rsc/img/aloe-ha-compressed.png" data-original="rsc/img/aloe-ha-original.png" class="rounded img-fluid previewable-image" alt="Screenshot of the welcome screen of our garden plot designer app." title="Click the image to see a large preview.">
</div>
<div class="col-lg">
<h2 class="font-playfair mt-1 mb-3">Aloe-ha: JavaFX Garden Plot Designer</h2>
<p>
For a Software Engineering class group project, we designed a garden plot designer for a client per their specifications. With about 100,000 lines of Java code, it has a colection of over 4,000 native and non-native North American plants to choose from, save/load functionality, and more.
</p>
<div class="mb-3">
<a class="btn btn-primary btn-lg" href="https://villemarette.me/aloe-ha/" role="button" title="Go to the product site for this app.">Try It Out</a>
<a class="btn btn-secondary btn-lg" href="https://github.com/jvillemare/aloe-ha" role="button" title="Go to the GitHub repo for this project.">GitHub Repo</a>
</div>
<p class="text-secondary">
<i>Started in June, 2020</i>
</p>
</div>
</div>
</div>
</div>
<!-- YoUDee Finder -->
<div class="card mb-4">
<div class="card-body">
<div class="row">
<div class="col-lg">
<img loading="lazy" src="rsc/img/youdee-finder-compressed.jpg" data-original="rsc/img/youdee-finder-original.jpg" class="rounded img-fluid previewable-image" alt="Screenshot of ML Model properly recognizing YoUDee in a video" title="Click the image to see a large preview.">
</div>
<div class="col-lg">
<h2 class="font-playfair mt-1 mb-3">YoUDee Finder</h2>
<p>
I trained a TensorFlow ML model with 3,000+ sample images to recognize my university mascot, YoUDee. Images were scrapped from manually selected Instagram, Twitter, and other pages.
</p>
<div class="mb-3">
<a class="btn btn-primary btn-lg" href="https://villemarette.me/youdee-finder/" role="button" title="Link to test the ML model with your own webcam.">Try It Out</a>
<a class="btn btn-secondary btn-lg" href="https://github.com/jvillemare/youdee-finder" role="button" title="Go to the GitHub repo for this project.">GitHub Repo</a>
</div>
<p class="text-secondary">
<i>Started in April, 2020</i>
</p>
</div>
</div>
</div>
</div>
<!-- Instructure Canvas Dark Theme -->
<!-- WIP: Uploading...
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-lg">
<img loading="lazy" src="rsc/img/canvas-dark-compressed.jpg" data-original="rsc/img/canvas-dark-original.jpg" class="rounded img-fluid previewable-image" alt="Screenshot of the dark theme applied to our university course site." title="Click the image to see a large preview.">
</div>
<div class="col-lg">
<h2 class="font-playfair mt-1 mb-3">Instructure Canvas Dark Theme</h2>
<p>
I made a dark CSS theme for the site that University of Delaware uses for most courses to submit assignments online.
</p>
<div class="mb-3">
<a class="btn btn-secondary btn-lg" href="https://github.com/jvillemare/youdee-finder" role="button" title="Go to the GitHub gist (single code file) for this project.">GitHub Gist</a>
</div>
<p class="text-secondary">
<i>Started in May, 2020</i>
</p>
</div>
</div>
</div>
</div>
-->
</div>
<hr>
</div>
<div class="col-1 col-md-3"></div>
</div>
<script type="text/javascript">
// setup image previewer
var viewers = [];
$(document).ready(function() {
$.each($('.previewable-image'), function(index, value) {
viewers.push(new Viewer(value, {
url: 'data-original',
toolbar: false
}));
});
});
</script>
</body>