-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (152 loc) · 7.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nathan H Portfolio Website</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"
integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,900|Source+Sans+Pro:300,900&display=swap">
<link rel="stylesheet"
href="css/style.css">
</head>
<body>
<header>
<div class="logo">
<img src="img_custm/NH_logo.jpg" alt="">
</div>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link">Home</a></li>
<li class="nav__item"><a href="#services" class="nav__link">What I do</a></li>
<li class="nav__item"><a href="#about" class="nav__link">Who I am</a></li>
<li class="nav__item"><a href="#work" class="nav__link">My Projects</a></li>
</ul>
</nav>
</header>
<!-- Introduction -->
<section class="intro" id="home">
<h1 class="section__title section__title--intro">
Hi I am <strong>Nathan Hancock</strong>
</h1>
<p class="section__subtitle section__subtitle--intro"><a href="https://github.com/socratical/Resume">Resume link to Github</a></p>
<img src="img_custm/Me&Rock.jpg" alt="me on a rock" class="intro__img">
</section>
<!-- What I do -->
<section class="my-services" id="services">
<h2 class="section__title section__title--services">What I do</h2>
<div class="services">
<!--service-->
<div class="service">
<h3>Python, SQL, Cloud</h3>
<p>As a cloud generalist I deploy solutions on prem and
off prem that utilize industry standard cloud products
within Azure and GCP cloud platforms. Some of my exposure
includes Google Big Query, Azure Message Bus, Azure
Automation, and other products. The python libraries for
Azure and Google utilize many solutions I have provided
for my different positions in the precious metals and
banking industry. SQL is the universal language of data.
SQL is a must have for a data professional and is
foundational for many of my dashboarding solutions.</p>
</div>
<!--service-->
<div class="service">
<h3>Work Experience</h3>
<p>In 2020 to the end of 2022 I was a data analyst at APMEX,
one of the largest online bullion dealers in the nation.
Using Tableau, Big Query, Microsoft SQL, and Cloud
Functions I was able to demonstrate google online
campaign conversion KPIs to executives. The precious
metals industry during this time called for nimble
data skills expected within a 2 man data shop.
Currently I am at First Fidelity Bank supporting the
innovation department with banking core integrations,
data dev, and maintaining FFB’s database, data
orchestration and ETL processes. </p>
</div>
<!--service-->
<div class="service">
<h3>CS Degree / Hobbies</h3>
<p>In my office hangs my computer science degree. While I
only use a kernel of the knowledge I gained, the linux
operating system, python development, and a curiosity
for fine data provide an exploratory itch outside of
work. I currently have a Proxmox home server which I
use for virtualization of Apache Airflow, Postgresql,
Windows Server, and other tools to support my data
hoarding hobby and experimentation of new industry APIs
like what is provided by Open AI. Non-work related hobbies
include Golf, Guitar, and Gaming.
</p>
</div>
</div>
<!-- <a href="#work" class="btn">NULL</a> -->
</section>
<!-- Who I am -->
<section class="about-me" id="about">
<h2 class="section__title section__title--about">Who I am</h2>
<p class="section__subtitle section__subtitle--about">Connoisseur of Fine Data</p>
<div class="about-me__body">
<p>Computers and the Web have been present in my life since Windows 95
and I personally dev on mac os (i don't use Arch btw) with linux
containers and VMs. Communication with friends and colleagues is
the reason why I am where I am today. It’s their data, I value most.</p>
<p>I can be reached at any time from my email below.</p>
</div>
<img src="img_custm/graduated.jpg" alt="Nathan At Wichita Mountains" class="about-me__img">
</section>
<!-- My Projects -->
<section class="my-work" id="work">
<h2 class="section__title section__title--work">My Projects</h2>
<p> Projects listed bellow include a small demo of spatial_clustering with
Python using geopandas and a larger black jack project no longer under
development using pygame. Both projects were developed while
pursuing my Bachelor's Degree at Texas State University.
</p>
<div class="portfolio">
<h3 class="portfolio__header">
<a href="https://github.com/socratical/Blackjack-Project">
TXState: Python BlackJack
</a>
</h3>
<img src="img_custm/pyBlackjack.jpg">
</div>
<div class="portfolio">
<h3 class="portfolio__header">
<a href="spatial_clustering/spatial_cluster.html">
TXState: Spatial Clustering Web Demo
</a>
</h3>
<img src="img_custm/AustinKMeans.jpg">
</div>
</section>
<!-- Footer -->
<footer class="footer">
<a href="mailto:[email protected]" class="footer-link">[email protected]</a>
<ul class="social-list">
<!-- <li class="social-list__item">
<a class="social-list__link" href="https://codepen.io">
<i class="fas fa-code"></i>
</a>
</li> -->
<li class="social-list__item">
<a class="social-list__link" href="https://github.com/socratical">
<i class="fab fa-github"></i>
</a>
<a class="social-list__link" href="https://www.linkedin.com/in/nathan-hancock-222687223/">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul>
</footer>
<script src="js/index.js"></script>
</body>
</html>