-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
216 lines (215 loc) · 12.5 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
<head>
<title>Zachary Shelton</title>
<link rel="stylesheet" href="resources/site.css">
<script type="text/javascript" src="resources/site.js"></script>
</head>
<body>
<div id="mobile-check"></div>
<div id="nav" class="nav-bar-outer">
<div class="nav-bar">
<ul class="nav-tab-list">
<li id="home-tab" class="nav-tab nav-tab-active"><a class="nav-tab-inner" href="#home">Home</a></li>
<li id="edu-tab" class="nav-tab"><a class="nav-tab-inner" href="#edu">Education</a></li>
<li id="projects-tab" class="nav-tab"><a class="nav-tab-inner" href="#projects">Projects</a></li>
<li id="contact-tab" class="nav-tab"><a class="nav-tab-inner" href="#contact">Contact</a></li>
<!--<li id="papers-tab" class="nav-tab"><a class="nav-tab-inner" href="#papers">Papers</a></li>-->
<!--<li class="nav-tab"><a class="nav-tab-inner" href="#research">Research</a></li>-->
</ul>
</div>
<div class="nav-bar-break"></div>
</div>
<div class="content-outer">
<div id="home" class="anchor"></div>
<div id="main-content" class="content">
<div class="content-inner">
<div class="content-section" id="home-content">
<div class="accent-image-wrapper">
<img src="resources/img/accent-img.jpg"/>
<div class="content-title" id="title">
<h1>Zachary Shelton</h1>
<p>Software Designer</p>
</div>
</div>
</div>
<div id="edu" class="anchor"></div>
<div class="content-section" id="edu-content">
<div class="hdiv hdiv-big">
<h3>Education</h3>
<div class="separator"></div>
</div>
<div class="padded-content">
<div class="cell">
<div class="image-wrapper" style="float: left">
<img src="resources/img/oca_logo.png">
</div>
<h4 class="cell-title right">Oracle Certified Associate, Java SE 8 Programmer</h4><h4
class="cell-sub-title">(March 2018)</h4>
<div class="cell-desc right">
<p>This certificate shows mastery in the different parts of Java 8 and how they all relate
in order to create full-fledged, polymorphic program.
<br><a href="https://www.youracclaim.com/badges/05eb1896-1b58-4cf1-94e5-6d667237092f">Verified
Badge Link</a></p>
</div>
</div>
</div>
<div class="padded-content">
<div class="cell">
<div class="image-wrapper" style="float: left">
<img src="resources/img/wit_logo.png">
</div>
<h4 class="cell-title right">Wentworth Institute of Technology</h4><h4 class="cell-sub-title">
(BCOS Graduate 2020)</h4>
<div class="cell-desc right">
<p>Graduated Wentworth Institute of Technology in 2020 with a Bachelors of Computer Science.
While balancing a full course load, also held a research position within the Computer
Science and Networking department and competed as a NCAA Division III Track and Field
athlete.</p>
</div>
</div>
</div>
</div>
</div>
<div id="projects" class="anchor"></div>
<div class="content-section" id="projects-content">
<div class="hdiv hdiv-big">
<h3>Projects/Research</h3>
<div class="separator"></div>
</div>
<div class="padded-content">
<div class="cell">
<div><h4 class="cell-title">PDF readability enhancement on mobile devices </h4><h4
class="cell-sub-title">(<a
href="https://dl.acm.org/doi/abs/10.1145/3371300.3383352">ACM</a>)</h4></div>
<div class="image-wrapper" style="float: right">
<img src="resources/img/pdf_read.png"></div>
<div class="cell-desc left">
<p>In the past, researchers studied readability enhancement of English articles for non-native
English readers, either on paper reading or hypertext reading. Using a variety of methods,
researchers were able to enhance the reading comprehension and the users' satisfaction on
hypertext reading, such as changing content presentation with visual-syntactic text
formatting (VSTF) format or Jenga format. In terms of dynamically changing content
presentation for reading, one less explored format is Portable Document Format (PDF), which
was traditionally viewed within a modern Web browser or Adobe Acrobat reader on the desktop.
PDF format was standardized as an open format in 2008 and has been widely used to keep a
fixed-layout content. However, a fixed layout document presents a challenge to apply
existing transformation methods, not mention on mobile devices. In this paper, we present a
system that uses a novel algorithm to decode a PDF document and apply content transformation
to enhance its readability. Although we used Jenga format as an example to enhance the
readability of PDF documents, we envision the proposed framework can be used to adopt
different transformation methods. The system was implemented in a mobile device and we are
able to apply a basic transformation to a PDF document at both the sentence and paragraph
levels. The main contribution of this research is we extend previous work of readability
enhancement from paper document and hypertext content to PDF documents. Current result is
promising, and we believe it is worth further investigation to make PDF documents readable
and accessible on the Web for different populations, such as non-native English readers,
people with dyslexia or special needs, etc.</p>
</div>
</div>
</div>
<div class="padded-content">
<div class="cell">
<div><h4 class="cell-title">Luxury </h4><h4 class="cell-sub-title">(<a
href="https://github.com/luxury-app/android">GitHub</a> | <a
href="https://exposure.accelerator.net/production/photos/8phodu54h94ndyy1lf0o5rog6rfrp6nvjv3r/original.jpg;2600x_/1x.jpg?auto=webp">Poster</a>)
</h4></div>
<div class="image-wrapper" style="float: right">
<img src="resources/img/luxury.png"></div>
<div class="cell-desc left">
<p>Luxury is an Android application that approximates the current UV index by using data from
both the front facing camera and the built in light sensor. </p>
</div>
</div>
</div>
<div class="padded-content">
<div class="cell">
<div><h4 class="cell-title">Altere Bruder </h4><h4 class="cell-sub-title">(<a
href="https://github.com/alterebruder">GitHub</a>)</h4></div>
<div class="image-wrapper" style="float: right">
<img src="resources/img/bruder.png"></div>
<div class="cell-desc left">
<p>A machine learning implementation project that focuses on using facial recognition to find
specified faces in crowds.</p>
</div>
</div>
</div>
<div class="padded-content">
<div class="cell">
<div><h4 class="cell-title">Forecast </h4><h4 class="cell-sub-title">(<a
href="https://github.com/4orecast">GitHub</a>)</h4></div>
<div class="image-wrapper" style="float: right">
<img src="resources/img/forecast.png"></div>
<div class="cell-desc left">
<p>Forecast is an open sourced data forecasting program written in Java. It incorporates a
robust plugin system that allows for custom file import schemas and user defined prediction
algorithms. It all gets tied together with a JavaFX based UI that is easy to use and
pleasant to look at.</p>
</div>
</div>
</div>
<div class="padded-content">
<div class="cell">
<div><h4 class="cell-title">Boston HistoryTrek</h4><h4 class="cell-sub-title">(<a
href="https://www.historytrek.us/">Website</a>, <a
href="https://itunes.apple.com/us/app/boston-historytrek/id1220209751?ls=1&mt=8">AppStore</a>)
</h4></div>
<div class="image-wrapper" style="float: right">
<img src="resources/img/historytrek.jpg"></div>
<div class="cell-desc left">
<p>Boston HistoryTrek is for history lovers, tourists, and anyone who wants to explore
Historical Boston. Launch the app to uncover historical places, add locations to build your
own itinerary, and launch navigation to start exploring!</p>
</div>
</div>
</div>
<div class="padded-content">
<div class="cell">
<div><h4 class="cell-title">Project RICE</h4><h4 class="cell-sub-title">(<a
href="https://github.com/dadler64/ProjectRICE">GitHub</a>, <a
href="resources/docs/RICE_IEEE.doc">Supporting Document</a>)
</h4></div>
<div class="image-wrapper" style="float: right">
<img src="resources/img/rice.png"></div>
<div class="cell-desc left">
<p>Real-time Interactive Collaborative Editor (RICE) is a simple, easy to use text editor that
you can use to collaboration with groups of people all shapes and sizes.</p>
</div>
</div>
</div>
</div>
<div id="contact" class="anchor"></div>
<div class="content-section" id="contact-content">
<div class="hdiv hdiv-big">
<h3>Contact</h3>
<div class="separator"></div>
</div>
<div class="padded-content">
<p style="text-align: center;">Email: [email protected]</p>
<div class="hdiv hdiv-small">
<div class="separator"></div>
</div>
<ul class="contact-list">
<li>
<a href="https://github.com/zshel">
<div class="contact-item">
<div class="image-wrapper small"><img src="resources/img/github.png"></div>
</div>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/zachary-shelton-0a217b129/">
<div class="contact-item">
<div class="image-wrapper small"><img src="resources/img/linkedin.png"></div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="footer footer-large">
<div class="nav-bar-break"></div>
<p>Copyright 2021 | All Rights Reserved</p>
</div>
</body>