-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
214 lines (204 loc) · 8.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Engineer</title>
<link rel="icon" sizes="48x48" href="static/favicon2.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em 0;
}
section.content {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.project {
display: flex;
align-items: flex-start; /* Align items to the top */
margin-bottom: 15px;
}
.project img {
width: 50px;
height: 50px;
margin-right: 10px;
}
.project div {
display: flex;
flex-direction: column; /* Stack children vertically */
}
.project:nth-child(odd) {
background-color: #f4f4f4; /* Light gray for odd-numbered projects */
}
.project:nth-child(even) {
background-color: #e0e0e0; /* Slightly darker gray for even-numbered projects */
}
.project {
padding: 10px; /* Add some padding to make the background color more noticeable */
margin-bottom: 15px;
border-radius: 5px; /* Optional: Add rounded corners for a softer look */
}
.project img {
width: 150px; /* Increase the width */
height: 150px; /* Increase the height to maintain the aspect ratio */
margin-right: 20px; /* Increase the margin for better spacing */
border-radius: 5px; /* Optional: Add rounded corners to the image */
}
.project div {
flex: 1; /* This will make the text container take the remaining space after the image */
}
</style>
</head>
<body>
<header>
<h1>Luis Fernando</h1>
<p>Software Engineer</p>
</header>
<section class="content">
<h2>About Me</h2>
<p>
Hello! I'm Luis.
Im a passionate software engineer with years of
professional experience working with serverless
applications, web3 infrastructure, and full Stack
developement, with an emphasis on backend.
</p>
<!-- <p>Interested in my detailed professional journey? Check out my <a href="static/resume.pdf" target="_blank">Resume</a>.</p> -->
<h2>Projects</h2>
<div class="project">
<img src="static/hawk.png" alt="Project 1 Image">
<div>
<a href="https://github.com/0xlucyy/hawk" target="_blank">ENS Hawk <i class="fas fa-external-link-alt"></i></a>
<p>
Full Stack application. Users can track Ethereum Name Service domains.
</p>
<ol>
<b>Software stack includes</b>
<li>Full Stack - Javascript & Python</li>
<li>React & React-Semantic-UI</li>
<li>Alembic</li>
<li>MySQL</li>
<li>GraphQL</li>
<li>Flask & Flask-SQLAlchemy</li>
<li>ethersJS</li>
<li>SIWE</li>
<li>OpenZepplin</li>
<li>ENS</li>
</ol>
</div>
</div>
<div class="project">
<img src="static/provably_fair.png" alt="Project 2 Image">
<div>
<a href="https://github.com/0xlucyy/vrf" target="_blank">VRF <i class="fas fa-external-link-alt"></i></a>
<p>
A Verifiable Random Function (VRF) that ensures
the randomness and fairness of a game. The script contains
functions to generate seeds, proofs, and random values, and to
verify the outcome of a game.
</p>
<ol>
<b>Software stack includes</b>
<li>Backend - Python</li>
<li>EDCSA Cryptography</li>
<li>Hashlib</li>
<li>Secrets</li>
<li>Full Coverage and Coverage Report</li>
<li>PYPI Library</li>
<li>Shell Script</li>
<li>Pytest & Unittest</li>
</ol>
</div>
</div>
<div class="project">
<img src="static/y2k.png" alt="Project 3 Image">
<div>
<a href="https://github.com/0xlucyy/y2k" target="_blank">Y2K Catastrophe Bonds <i class="fas fa-external-link-alt"></i></a>
<p>Cronjob Manager & a Cronjob which tracks Arbitrum Bonds, & sends text messages.</p>
<ol>
<b>Software stack includes</b>
<li>Backend - Python</li>
<li>CronJobs</li>
<li>GraphQL</li>
<li>SMTPLib</li>
<li>Web3.py</li>
<li>Arbitrum</li>
<li>Smart Contracts</li>
</ol>
</div>
</div>
<div class="project">
<img src="static/aws-architect.png" alt="Project 4 Image">
<div>
<a href="https://github.com/L-F-Escobar/MyAWSInfrastructure" target="_blank">AWS Infrastructure as code <i class="fas fa-external-link-alt"></i></a>
<p>AWS Infra project which deploys hundreds of lambdas using Severless Framework.</p>
<ol>
<b>Software stack includes</b>
<li>Backend - Python</li>
<li>AWS - api gateway, s3, sns, lambda, lambda layer</li>
<li>Boto3</li>
<li>Headless Selenium & Chrome Driver</li>
<li>CircleCI</li>
<li>Micro Services & Serverless</li>
<li>Makefile</li>
<li>ETL</li>
<li>Pandas & Numpy</li>
<li>Unittest & Pytest</li>
</ol>
</div>
</div>
<div class="project">
<img src="static/mysite.png" alt="Project 4 Image">
<div>
<a href="https://github.com/L-F-Escobar/MyWebsite" target="_blank">Deprecaited Portfolio Website <i class="fas fa-external-link-alt"></i></a>
<p>
My portfolio website, built using React, Semantic-ui, Heroku, and Next.js. Website
No longer live.
</p>
<ol>
<b>Software stack includes</b>
<li>Frontend - Javascript</li>
<li>Next.js & Next-Routes</li>
<li>Heroku</li>
<li>React, React Components, & React-Semantic-UI</li>
<li>OOP - Notice the <a href="https://github.com/L-F-Escobar/MyWebsite/blob/master/pages/index.js" target="_blank">modularity</a> <i class="fas fa-external-link-alt"></i></li>
<li>NPM</li>
</ol>
</div>
</div>
<div class="project">
<img src="static/html_site.png" alt="Project 5 Image">
<div>
<a href="https://github.com/L-F-Escobar/MySimplyPortfolioWebsite" target="_blank">Portfolio Website <i class="fas fa-external-link-alt"></i></a>
<p>
Simple HTML file servering as my portfolio website.
</p>
<ol>
<b>Software stack includes</b>
<li>HTML</li>
<li>AWS - Serverless S3 Website</li>
<li>AWS Cli</li>
<li>Serverless & Serverless-s3-deploy</li>
</ol>
</div>
</div>
<h2>Contact</h2>
<p>
Want to get in touch? Reach out via email at <strong>[email protected]</strong> or <a href="https://www.linkedin.com/in/luis-fernando-escobar-driver-840985139/" target="_blank">LinkedIn</a>.
</p>
</section>
</body>
</html>