-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (186 loc) · 12.1 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
<!DOCTYPE HTML>
<!--
Paradigm Shift by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Jack Himes Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MBMJJFSM9D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MBMJJFSM9D');
</script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section class="intro">
<header>
<h1>Jack Himes</h1>
<p>Software Engineer</p>
<ul class="actions">
<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center"><img src="images/JackPaddleBoard1.jpeg" alt="" /></span>
</div>
</section>
<!-- Section -->
<section id="first">
<header>
<h2>Projects</h2>
<ul class="actions">
<li><a href="#second" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<p><strong>Ingredient Cart</strong> Ingredient Cart is a work-in-progress full stack application that allows users to automatically input items into their pick-up grocery cart (Kroger only, currently) by simply inserting the url of a recipe website. This project is in its early stages. Future directions for this project are to include a machine learning model that can intelligently scrape recipe websites, instead of having to rely on a script.</p>
<p>The inspiration: My wife and I love to cook. We almost always use recipes we find online. Once we find what we're eating for the week, we manually search each item from the recipe and input that product into the virtual cart. After doing this for years, on average taking 15 mins a week, I thought this would be a perfect problem to solve with a program! This automated process takes that quarter of an hour and turns it into seconds. Future plans for this app include pantry inventory management and nutrition tracking! <a target="_blank" href="https://ingredient-cart.vercel.app/">Check it out here!</a></p> <ul class="feature-icons">
<li class="icon solid fa-code"><strong>Front End(<a target="_blank" href="https://github.com/JackHimes/ingredient-cart-frontend">Github Repo</a>):</strong></li>
<p style="margin-top: 10px;">The front end is built on nextJS which is leveraging nextUI component library. The front end gets it's data from the back end API. Currently, this repo is deployed on Vercel. Additional features of this front end include having Docker setup for quick local development. Styling is done via Tailwind CSS.</p>
<li class="icon solid fa-bolt"><strong>Back End(<a target="_blank" href="https://github.com/JackHimes/ingredient-cart">Github Repo</a>):</strong></li>
<p style="margin-top: 10px;">The back end is built with TypeScript, using the TSOA framework to create an API. Features of this back end include token fetching and refreshing middleware, a python script to scrape websites, authentication and encryption and more. This repo is also deployed on Vercel and also has Docker capabilities. </p>
</ul>
<div class="video-container" style="margin-top: 20px;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/thlk5nEEw7k?si=XrMcWZ0z-xKa7oCv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</section>
<!-- Section -->
<section id="second">
<header>
<h2>Accomplishments & Achievments</h2>
</header>
<div class="content">
<!-- Section -->
<section>
<header>
<h3>Publication</h3>
<p> The programmed death ligand 1 interactome demonstrates bidirectional signaling coordinating immune suppression and cancer progression in head and neck squamous cell carcinoma</p>
<a href="https://academic.oup.com/jnci/article/115/11/1392/7211651?login=false" target="_blank">Link to publication</a>
<ul class="actions">
<li><a href="#third" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<p><strong>Description:</strong> In oncology, there is a heuristic tool called the Hall Marks of Cancers. These define certain characteristics that make cells, cancer cells. These include things like continual cell growth and division, metastasis, and resistance of cell death, among others. This publication was focused on more well defining a clinical immunotherapy drug, Keytruda (Pembrolizumab), and it's effects on these hallmarks. These data produced had interesting findings, that will allow clinicians to make more informed treatment plans that will improve patient outcome.</p>
<div class="cu-research">
<div class="large-image">
<img src="images/HallMarksofCancer.jpg" alt="" />
</div>
<div class="side-by-side-images">
<img src="images/PDL1Phospho.png" alt="" />
<img src="images/PDL1Histo.png" alt="" />
</div>
</div>
</div>
</section>
<!-- Section -->
<section>
<header>
<h3>Publication</h3>
<p>The Hec1/Ndc80 tail domain is required for force generation at kinetochores, but is dispensable for kinetochore–microtubule attachment formation and Ska complex recruitment</p>
<a href="https://www.molbiolcell.org/doi/full/10.1091/mbc.E20-05-0286" target="_blank">Link to publication</a>
</header>
<div class="content">
<p><strong>Description:</strong> Despite having a large reservoir of biological knowledge, there are still many unknowns about how life works. Research like this publication uncover those mysteries so we can dig deeper into why things are the way they are. The intent of this research was to characterize the amino acid sequence of a specific protein involved in cell division, specifically the cellular machinery that attaches microtubule spindles to the chromosomes during metaphase and anaphase. In short, we found a specific region of the protein that was thought to recruit helper proteins(ska), did not actually have that effect. We also found this region has regulation factors, lastly we found the region that is responsible for ska recruitment. </p>
<div display="flex" justify-content="space-between" class="csu-research">
<img height="185px" src="images/FullCell.jpeg" alt="" />
<img height="185px" src="images/CytoskeletonCell.jpeg" alt="" />
</div>
</div>
</section>
<p style="margin-top: 50px;">I would not have reached these accomplishments without the <strong>amazing mentors and teammates</strong> I have had along the way - I would like to specifically mention Cera Nieto, Rob Wimbish, Emma Shay-Heuth, the Jimeno Lab, and the DeLuca Lab.</p>
<!-- Section -->
<section id="third">
<section >
<header>
<h2>About me</h2>
<ul class="actions">
<li><a href="#last" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<p><strong>Hello, thanks for looking through my website! I'm Jack,</strong> and I'm passionate about leveraging technology to make a meaningful impact in people's lives. Since I can remember, I've been captivated by the boundless potential of technology and its ability to drive positive change.</p>
<p>My journey began with a biochemistry degree, where I explored various career paths, seeking opportunities to fulfill my aspirations. Initially drawn to research, I immersed myself in laboratory work, achieving notable milestones along the way. However, I soon realized my desire for more direct interaction with those I aimed to help, sparking my interest in the medical field. Transitioning into healthcare as an EMT, I navigated challenging environments, gaining invaluable experience and insights. Despite my acceptance into PA school, I recognized the need for balance and sought a new avenue to merge my passion for technology with my desire to make a difference. This pursuit led me to a coding boot camp, where I embraced the opportunity to expand my skill set. Completing the program and securing a position as a full-stack software engineer at Custom Ink, I continued to push myself, achieving growth and advancement in my role.</p>
<span class="image main"><img src="images/GoodSam.jpeg" alt="" /></span>
<p>Through my diverse experiences, I've cultivated a robust skill set and a hunger for continuous learning. I thrive in collaborative environments, excel under pressure, and adapt quickly to new challenges. Above all, I've honed the invaluable skill of learning how to learn, empowering me to tackle any obstacle with confidence.</p>
<p>Outside of work, you'll find me enjoying the great outdoors with my wife and dog, playing soccer, indulging in board games, and exploring new hobbies. I'm always eager to connect and nerd out over shared interests, so don't hesitate to reach out!</p>
<span class="image main"><img src="images/Fam.jpeg" alt="" /></span>
</div>
</section>
<!-- Section -->
</div>
</section>
<!-- Section -->
<!-- Section -->
<section id="last">
<header>
<h2>Get in touch</h2>
</header>
<div class="content">
<p><strong>Email me!</strong> I'd be glad to chat about tech, careers, science, or really aynthing else!</p>
<form>
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message" rows="7"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="button primary" /></li>
</ul>
</form>
</div>
<footer>
<ul class="items">
<li>
<h3>Email</h3>
<a href="#">[email protected]</a>
</li>
<li>
<h3>Phone</h3>
<a href="#">(303) - 704 - 1738</a>
</li>
<li>
<h3>Address</h3>
<span>774 S. Bermont Dr., Lafayette, CO</span>
</li>
<li>
<h3>Elsewhere</h3>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/jackhimes/" target="_blank" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/JackHimes" target="_blank" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</li>
</ul>
</footer>
</section>
<!-- Copyright -->
<div class="copyright">© Untitled. All rights reserved. Design: <a href="https://html5up.net">HTML5 UP</a>.</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>