-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
263 lines (245 loc) · 14.8 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
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!doctype html>
<html lang="en">
<head>
<title>Damon Cortesi | AWS Big Data Architect</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Damon Cortesi - My own personal Data Lake." />
<meta name="keywords" content="AWS, Data Lake, Athena, Glue, dacort, Damon Cortesi" />
<meta name="developer" content="Damon Cortesi">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- FAV AND ICONS -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<link rel="shortcut icon" href="assets/images/apple-icon.png">
<!-- FAVICON PROVIDED BY https://www.flaticon.com/authors/pixel-perfect -->
<!-- Google Font-->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="assets/icons/font-awesome-4.7.0/css/font-awesome.min.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/plugins/css/bootstrap.min.css">
<!-- Animate CSS-->
<link rel="stylesheet" href="assets/plugins/css/animate.css">
<!-- Fancybox-->
<link rel="stylesheet" href="assets/plugins/css/jquery.fancybox.min.css">
<!-- Custom CSS-->
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body class="white-vertion black-bg">
<!--
===================
NAVIGATION
===================
-->
<header class="black-bg mh-header mh-fixed-nav nav-scroll mh-xs-mobile-nav wow fadeInUp" id="mh-header">
<div class="overlay"></div>
<div class="container">
<div class="row">
<nav class="navbar navbar-expand-lg mh-nav nav-btn">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#mh-home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#mh-about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#mh-service">Useful Links</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!--
===================
HOME
===================
-->
<section class="mh-home" id="mh-home">
<div class="home-ovimg">
<div class="container">
<div class="row xs-column-reverse section-separator vertical-middle-content home-padding">
<div class="col-sm-6">
<div class="mh-header-info">
<div class="mh-promo wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s">
<span>Hi 👋 I'm</span>
</div>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Damon Cortesi</h2>
<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">A Big Data Architect</h4>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">I work at AWS on EMR, Athena, Glue, and Lake Formation.<br />On any given day, I can be found</p>
<ul class="fa-ul">
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><span class="fa-li "><i class="fa fa-file-powerpoint-o"></i></span>Crafting presentations for both technical and executive audiences</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"><span class="fa-li "><i class="fa fa-code"></i></span>Debugging open source Hive, HBase, and Spark code</li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s"><span class="fa-li "><i class="fa fa-flask"></i></span>Building proof of concepts and example architectures</li>
</ul>
<ul class="social-icon wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s">
<li><a href="https://twitter.com/dacort"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://github.com/dacort"><i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="hero-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
<div class="img-border">
<img src="assets/images/dacort.jpeg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
==================
LINKS
=================
-->
<section class="mh-about" id="mh-about">
<div class="container">
<div class="row section-separator">
<div class="col-sm-12 col-md-6">
<div class="mh-about-img shadow-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<img src="assets/images/ab-img.png" alt="" class="img-fluid">
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="mh-about-inner">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s">Why did I build this site?</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">I wanted a way to generate some of my own logs for various types of AWS services - S3 Access, CloudFront, and more!
<br /><br />I also wanted a single place to point people for some of the content I create and showcase the products I work with.</p>
<div class="mh-about-tag wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
<ul>
<li><span>VS Code</span></li>
<li><span>Amazon S3</span></li>
<li><span>Amazon Athena</span></li>
<li><span>AWS Glue</span></li>
<li><span>Amazon CloudFront</span></li>
<li><span>Amazon CodePipeline</span></li>
</ul>
</div>
<a href="https://github.com/dacort/damons-data-lake" class="btn btn-fill wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Check out the code <i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</section>
<!--
==================
STATS
=================
-->
<section class="mh-about" id="mh-service">
<div class="container">
<div class="row section-separator">
<div class="col-sm-12 text-center section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.2s; animation-name: fadeInUp;">
<h2>Stats from the data</h2>
</div>
<div class="part col-sm-12">
<div class="mh-project-gallery col-sm-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="portfolioContainer row">
<div class="col-sm-3"></div>
<div class="grid-item col-md-5 col-sm-6 col-xs-12 user-interface">
<h3><i class="fa fa-heartbeat"></i> Life Stats</h3>
<a href="assets/images/life_stats.jpg" data-fancybox="" data-src="#data"><img src="assets/images/life_stats.jpg" alt="" class="img-fluid"></a>
<div style="display:none">
<div class="mh-portfolio-modal" id="data" style="display: none;">
<div class="container">
<div class="row mh-portfolio-modal-inner">
<div class="col-sm-4">
<h2>Life Stats</h2>
<p>Generated using a simple <a href="https://github.com/dacort/damons-data-lake/blob/master/src/macos_data.sh">bash script on macOS</a>,
this data shows my typical activity throughout the day. On this chart, you can see I opened a bunch of terminals while doing investigation,
kept them open throughtout the day, and then finally closed them when I was all done. 🙌</p>
</div>
<div class="col-sm-8">
<div class="mh-portfolio-modal-img">
<img src="assets/images/life_stats.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
<button data-fancybox-close="" class="fancybox-close-small"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
===================
SERVICE
===================
-->
<section class="mh-service" id="mh-service">
<div class="container">
<div class="row section-separator">
<div class="col-sm-12 text-center section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>Useful Links</h2>
</div>
<div class="col-sm-4">
<div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
<i class="fa fa-amazon"></i>
<h3>AWS Service Logs</h3>
<p>
Glue scripts for converting AWS Service Logs for use in Athena
<a href="https://github.com/awslabs/athena-glue-service-logs">
<br /><i class="fa fa-github orange-color"></i> awslabs/athena-glue-service-logs</a>
</p>
</div>
</div>
<div class="col-sm-4">
<div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s">
<i class="fa fa-wrench"></i>
<h3>re:Invent EMR Demo</h3>
<p>
<a href="https://github.com/dacort/demo-code/tree/master/reInvent_2018/EMR">re:Invent 2018</a> demo of using EMR
with Service Catalog as well as EMR Notebooks. <a href="https://www.youtube.com/watch?v=ISl9sTzxoSo">
<br /><i class="fa fa-youtube iron-color"></i> youtube.com/watch?v=ISl9sTzxoSo</a>
</p>
</div>
</div>
<div class="col-sm-4">
<div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s">
<i class="fa fa-rss"></i>
<h3>AWS Big Data Blog</h3>
<p>
AWS Big Data Blog - the best place to find examples of how to use AWS Big Data Tech.
<a href="https://aws.amazon.com/blogs/big-data/">
<br /><i class="fa fa-rss sky-color"></i> aws.amazon.com/blogs/big-data/</a>
</p>
</div>
</div>
</div>
</div>
</section>
<!--
==============
* JS Files *
==============
-->
<!-- jQuery first, then Bootstrap JS -->
<!-- jQuery -->
<script src="assets/plugins/js/jquery.min.js"></script>
<!-- bootstrap -->
<script src="assets/plugins/js/bootstrap.min.js"></script>
<!-- wow -->
<script src="assets/plugins/js/wow.min.js"></script>
<!-- jquery nav -->
<script src="assets/plugins/js/jquery.nav.js"></script>
<!-- Fancybox js-->
<script src="assets/plugins/js/jquery.fancybox.min.js"></script>
<!-- Custom Scripts-->
<script src="assets/js/custom-scripts.js"></script>
</body>
</html>