-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
230 lines (218 loc) · 12.2 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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Theodore Summer Portfolio</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/12.1.5/js/smooth-scroll.polyfills.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<!-- http://materializecss.com -->
<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Titillium+Web|IBM+Plex+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">
<!-- http://konpa.github.io/devicon/ -->
<!-- https://app.netlify.com/sites/jolly-goodall-a09664/overview -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<h3>Theodore Summer</h3>
<ul>
<li><a data-scroll class="large-only" href="#welcome">Welcome</a></li>
<li><a data-scroll class="large-only" href="#technologies">Technologies</a></li>
<li><a data-scroll class="large-only" href="#about">About</a></li>
<li><a data-scroll class="large-only" href="#portfolio">Portfolio</a></li>
<li><a data-scroll href="#contact">Contact</a></li>
</ul>
</nav>
<header id="welcome">
<h1>Theodore Summer</h1>
<h3>Solving code problems, one line at a time</h3>
</header>
<main>
<section id="technologies">
<h2 class="pad-bottom">Technologies</h2>
<div class="row">
<div class="technology col s6 m4 l3">
<i class="devicon-ruby-plain colored"></i>
<p>Ruby</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-css3-plain"></i>
<p>CSS3</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-html5-plain colored"></i>
<p>HTML5</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-javascript-plain colored"></i>
<p>JavaScript</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-git-plain colored"></i>
<p>Git</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-postgresql-plain colored"></i>
<p>PostgreSQL</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-jquery-plain colored"></i>
<p>jQuery</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-rails-plain colored"></i>
<p>Rails</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-react-original colored"></i>
<p>React</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-sass-original colored"></i>
<p>Sass</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-linux-plain colored"></i>
<p>Linux</p>
</div>
<div class="technology col s6 m4 l3">
<i class="devicon-atom-original colored"></i>
<p>Atom</p>
</div>
</div>
</section>
<section id="about">
<h2>About</h2>
<main>
<aside class="about-aside">
<img src="images/Theo Summer Picture.jpg" />
<article>
<h4>My Story</h4>
<p>I am a software engineer based in the San Francisco Bay Area. I love working with data, running tests, and continuously finding new ways to improve code</p>
<br>
<p>I graduated from college with a Bachelor's degree in Physics in 2010. Since then I have been working with large health insurance and pension plans to develop tools that would allow better quality services to be provided more efficiently. In these roles I have been able to work independently to develop software utilizing VBA, Ruby, JavaScript, HTML, and CSS.</p>
</article>
<article>
<h4>Education</h4>
<header class="education-header">
<h5 class="education-name">App Academy</h5>
<div>2017-2018</div>
</header>
<p>Immersive 13-week program for full-stack web development. Topics include best-coding practices, Ruby, Javascript, Rails, React/Redux, algorithms, and data structures.</p>
<br>
<header class="education-header">
<h5 class="education-name">University of Puget Sound</h5>
<div>2006-2010</div>
</header>
<p>BS - Physics</p>
</article>
</aside>
<div class="about-div">
<article>
<h4>Experience</h4>
<div>
<header>
<h5 class="job-title">Business Analyst</h5>
<span class="company-details">
<h5 class="company">Health Services & Benefits Administrators</h5>
<div>Dec 2016 - Oct 2017</div>
</span>
</header>
<ul class="job-bullets">
<li>Managed successful transition of data and services for client with >$2B in assets to new administrator on shortened timeline while maintaining HIPAA compliance.</li>
<li>Parsed hundreds of encoded GB-size files from prior administrator into usable relational database format allowing for quick lookup of information by staff.</li>
<li>Built Ruby on Rails backend and React.js frontend on secure company network allowing staff to log incoming payment details from 300+ employers and thousands of individuals each month for employee benefits.</li>
<li>Devised and implemented new procedures for billing employers, computing coverage, paying insurance carriers, and paying healthcare providers; wrote software to assist with each task.</li>
</ul>
<header>
<h5 class="job-title">Business Analyst</h5>
<span class="company-details">
<h5 class="company">Associated Third Party Administrators</h5>
<div>Dec 2010 - Nov 2016</div>
</span>
</header>
<ul class="job-bullets">
<li>Utilized VBA to automate monthly bill payment procedures; reduced the amount of employee time needed for this task across the company by 250 hours per month while eliminating the possibility for human error.</li>
<li>Collected call logs for each client from ShoreTel phone management system and analyzed missed call patterns. Improved first call resolution rates from ~70% to >95% by adjusting times when staff members that were experienced with each client were available to assist with phone calls.</li>
<li>Supervised team responsible for receiving and entering information from contracts detailing the benefits offered by each contributing company to their employees, and ensuring that administration of benefits for these companies was automated to the greatest extent possible.</li>
</ul>
</div>
</article>
</div>
</main>
</section>
<section id="portfolio">
<h2>Portfolio</h2>
<div class="project-cards">
<div class="project-card">
<video autoplay loop class="project-video">
<source type="video/mp4" src="https://i.imgur.com/bo7butG.mp4">
</video>
<div class="project-container">
<h4><b>Friendr</b></h4>
<p class="preview">The place for making friends</p>
</div>
<div class="project-hover-text">
<header class="project-header">
<a href="https://friendr.io/#/">Live Site</a>
<a href="https://github.com/TWSummer/Friendr"><i class="devicon-github-plain colored"></i></a>
</header>
<p>Friendr is an OKCupid inspired site that makes it easy for people to make new friends!</p>
<br>
<p>The site is built on a Ruby on Rails backend and a React/Redux frontend. Features include:</p>
<br>
<ul>
<li><b>Search</b>: The right friend for you is not the same as for everyone else. You likely care about qualities like age, location, and whether they answered questions similarly to yours. Friendr's search tool makes this process easy and efficient.</li>
<li><b>Profile</b>: Show off what makes you, you! Upload a photo and write a bit about yourself, then utilize the integration with Google Maps API to set your location so people looking for you know that you are in their area!</li>
<li><b>Security</b>: User passwords should never be stored in the database, and that is the case on Friendr. Passwords are salted and hashed using BCrypt to ensure that they cannot be collected.</li>
</ul>
</div>
</div>
<div class="project-card">
<img src="images/MadeMeSmileAverageKarma.gif" class="project-video">
<div class="project-container">
<h4><b>Reddit Smarter</b></h4>
<p class="preview">Use data to reach a wider audience</p>
</div>
<div class="project-hover-text">
<header class="project-header">
<a href="https://redditsmarter.com">Live Site</a>
<a href="https://github.com/TWSummer/RedditSmarter/"><i class="devicon-github-plain colored"></i></a>
</header>
<p>Reddit Smarter is an analytics website to help Reddit users improve the success of their posts on the site.</p>
<br>
<p>According to Alexa, Reddit is the sixth largest site in the world, and the fourth largest in the United States, but analytics tools for Reddit lag behind those that are available for other social media giants. Reddit Smarter helps change this by providing users with actionable information to help them know when and what to post to each of Reddit's unique communities. The site has proven success as it is actively used by some of the top Redditors and non-profits looking to reach a wider audience through the site. Reddit Smarter's features include:</p>
<br>
<ul>
<li><b>Efficiency</b>: Reddit limits the rate at which their posts can be collected to 100/second. Reddit Smarter maximizes the rate at which it collects posts to hit this upper limit. However, with the wrong algorithms analyzing 25,000 posts that have been collected could cause severe page delays. Reddit Smarter uses efficient O(n) algorithms to analyze post performance to keep the page running smoothly.</li>
<li><b>Visualization</b>: At the heart of Reddit Smarter are its data visualizations. Reddit Smarter utilizes the update feature of Chart.js to show dynamic changes in data values as additional posts are collected.</li>
<li><b>Search</b>: Reddit Smarter doesn't limit users to just the information that has been built in. Each community has keywords that may be relevant to it, and Reddit Smarter allows users to enter in keywords to see how posts with those keywords in the title perform relative to those without them.</li>
</ul>
</div>
</div>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<form name="contact" method="POST" netlify>
<p>
<label>Your Name: <input type="text" name="name"></label>
</p>
<p>
<label>Your Email: <input type="email" name="email"></label>
</p>
<p>
<label>Message: <textarea name="message"></textarea></label>
</p>
<div class="submit-button-div">
<button type="submit">Send</button>
</div>
</form>
</section>
</main>
<script>
var scroll = new SmoothScroll('a[href*="#"]');
</script>
</body>
</html>