-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
247 lines (230 loc) · 20.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>luisjg | Hello 👋</title>
<meta name="description" content="Personal website for luisjg">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/main.bundle.css">
<script src="/assets/main.bundle.js" defer></script>
</head>
<body class="" style="background: #f3f2f0">
<header class="nav-background">
<nav class="py-4">
<div class="container">
<div class="grid grid-cols-2">
<div>
<a
href="/"
class="text-sm md:text-2xl hover:text-purple-500 hover:border-b-4 hover:border-purple-500 target:border-b-4
target:border-purple-500 border-b-4 border-purple-800">
Home</a>
</div>
<div class="md:text-right">
<a
href="/work"
class="text-sm md:text-2xl hover:text-purple-500 hover:border-b-4 hover:border-purple-500 target:border-b-4
target:border-purple-500 ">
Work</a>
<a
href="/blog"
class="ml-6 text-sm md:text-2xl hover:text-purple-500 hover:border-b-4 hover:border-purple-500 target:border-b-4
target:border-purple-500 ">
Blog</a>
<a
href="/contact"
class="ml-6 text-sm md:text-2xl hover:text-purple-500 hover:border-b-4 hover:border-purple-500 target:border-b-4
target:border-purple-500 ">
Contact</a>
</div>
</div>
</div>
</nav>
<div class="py-20" style="background: linear-gradient(180deg, #d5c9f4 0%, #f3f2f0 100%)">
<div class="container mx-auto text-center p-5">
<h1 class="font-serif text-5xl max-2xl:leading-none font-bold mb-5 pb-5 text-gray-600">
Hello 👋
</h1>
<h2 class="text-4xl max-2xl:leading-none mb-8 pt-5 mt-5 italic">
I solve software problems for a living.
</h2>
</div>
</div>
</header>
<main class="container py-8">
<section id="home">
<p class="text-2xl text-center">
I'm Luis a Software Engineer from the Los Angeles area with
<span x-data="yearsOfExperience" x-text="calculateExperience" class="italic font-medium"></span>
of experience working as a Full Stack Web Developer who understands how to translate a client’s needs into a
straightforward software design that adheres to code convention standards, unit testing, and extensive documentation.
</p>
<div class="grid grid-cols-1 md:grid-cols-3 grid-gap-4 my-0 md:my-6 p-8">
<div class="flex md:flex-col">
<div class="flex-1 flex flex-col">
<div class="scale-50 text-green-700 m-auto"><svg xmlns="http://www.w3.org/2000/svg" class="h-48 w-48 flex-shrink-0 fill-current" role="img" viewBox="0 0 512 512">
<!--! Font Awesome Pro 6.0.0-beta1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
<defs>
<style>
.fa-secondary{opacity:.4}
</style>
</defs>
<path class="fa-primary" d="M240 256c0-6.719-2.828-13.16-7.781-17.69l-96-88C126.5 141.4 111.3 142 102.3 151.8S94.02 176.8 103.8 185.7L180.5 256l-76.7 70.31c-9.766 8.938-10.42 24.12-1.469 33.91C107 365.4 113.5 368 120 368c5.797 0 11.61-2.094 16.22-6.312l96-88C237.2 269.2 240 262.7 240 256zM392 336h-144C234.8 336 224 346.8 224 360S234.8 384 248 384h144c13.25 0 24-10.75 24-24S405.3 336 392 336z"/>
<path class="fa-secondary" d="M448 32H64C28.65 32 0 60.66 0 96v320c0 35.34 28.65 64 64 64h384c35.35 0 64-28.66 64-64V96C512 60.66 483.3 32 448 32zM120 368c-6.484 0-12.95-2.625-17.69-7.781c-8.953-9.781-8.297-24.97 1.469-33.91L180.5 256L103.8 185.7C94.02 176.8 93.36 161.6 102.3 151.8s24.14-10.41 33.91-1.469l96 88C237.2 242.8 240 249.3 240 256S237.2 269.2 232.2 273.7l-96 88C131.6 365.9 125.8 368 120 368zM392 384h-144C234.8 384 224 373.3 224 360s10.75-24 24-24h144c13.25 0 24 10.75 24 24S405.3 384 392 384z"/>
</svg></div>
<h3 class="font-serif font-semibold text-3xl text-center">Developer</h3>
<p class="text-center text-2xl pt-8 md:px-2">I enjoy building web applications, REST APIs, and everything in between.</p>
</div>
</div>
<div class="flex md:flex-col">
<div class="flex-1 flex flex-col">
<div class="scale-50 text-green-700 m-auto"><svg xmlns="http://www.w3.org/2000/svg" class="h-48 w-48 flex-shrink-0 fill-current" role="img" viewBox="0 0 640 512">
<!--! Font Awesome Pro 6.0.0-beta1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
<defs>
<style>
.fa-secondary{opacity:.4}
</style>
</defs>
<path class="fa-primary" d="M640 160c0 10.38-6.438 19.65-16.05 23.09l-282.7 101.2c-13.73 4.91-28.7 4.91-42.43 0L108.2 216.1C121.9 200.9 139.1 189.5 161 184.2l162.9-40.72c8.594-2.141 13.78-10.83 11.66-19.39c-2.125-8.594-10.97-13.89-19.41-11.64L153.3 153.2C121.4 161.2 94.6 179.8 76.07 204.6L16.05 183.1C6.438 179.6 0 170.4 0 160s6.438-19.65 16.05-23.09l282.7-101.2c13.73-4.91 28.7-4.91 42.43 0l282.7 101.2C633.6 140.4 640 149.6 640 160zM351.1 314.4C341.7 318.1 330.9 320 320 320c-10.92 0-21.69-1.867-32-5.555L142.8 262.5L128 405.3C128 446.6 213.1 480 320 480c105.1 0 192-33.4 192-74.67l-14.78-142.9L351.1 314.4z"/>
<path class="fa-secondary" d="M323.9 143.5L161 184.2C121.6 194.1 92.4 225 83.28 263.1C90.83 268.1 96 277.7 96 288c0 9.953-4.814 18.49-11.94 24.36l24.83 149C110.5 471.1 103 480 93.11 480H34.89c-9.887 0-17.41-8.879-15.78-18.63l24.83-149C36.81 306.5 32 297.1 32 288c0-13.24 8.047-24.61 19.52-29.47c11.02-50.84 49.58-92.28 101.7-105.3l162.9-40.72c8.438-2.25 17.28 3.047 19.41 11.64C337.7 132.7 332.5 141.4 323.9 143.5z"/>
</svg></div>
<h3 class="font-serif font-semibold text-3xl text-center">Mentor</h3>
<p class="text-center text-2xl pt-8 md:px-2">I excel at teaching and mentoring young developers.</p>
</div>
</div>
<div class="flex md:flex-col">
<div class="flex-1 flex flex-col">
<div class="scale-50 text-green-700 m-auto"><svg xmlns="http://www.w3.org/2000/svg" class="h-48 w-48 flex-shrink-0 fill-current" role="img" viewBox="0 0 512 512">
<!--! Font Awesome Pro 6.0.0-beta1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
<defs>
<style>
.fa-secondary{opacity:.4}
</style>
</defs>
<path class="fa-primary" d="M48 368C21.5 368 0 389.5 0 416c0 26.5 21.5 48 48 48C74.5 464 96 442.5 96 416C96 389.5 74.5 368 48 368zM48 144C74.5 144 96 122.5 96 96c0-26.5-21.5-48-48-48C21.5 48 0 69.5 0 96C0 122.5 21.5 144 48 144zM48 208C21.5 208 0 229.5 0 256c0 26.5 21.5 48 48 48C74.5 304 96 282.5 96 256C96 229.5 74.5 208 48 208z"/>
<path class="fa-secondary" d="M484 200H189.8c-7.426 0-14.55 2.949-19.8 8.201L132.1 246.1c-5.467 5.469-5.467 14.33 0 19.8l37.9 37.9C175.3 309.1 182.4 312 189.8 312H484C499.5 312 512 299.5 512 284v-56C512 212.5 499.5 200 484 200zM420 360H189.8c-7.426 0-14.55 2.949-19.8 8.201l-37.9 37.9c-5.467 5.469-5.467 14.33 0 19.8l37.9 37.9C175.3 469.1 182.4 472 189.8 472H420c15.46 0 28-12.54 28-28v-56C448 372.5 435.5 360 420 360zM169.1 143.8C175.3 149.1 182.4 152 189.8 152H420C435.5 152 448 139.5 448 124v-56c0-15.46-12.54-28-28-28H189.8c-7.426 0-14.55 2.949-19.8 8.201L132.1 86.1c-5.467 5.469-5.467 14.33 0 19.8L169.1 143.8z"/>
</svg></div>
<h3 class="font-serif font-semibold text-3xl text-center">Project Manager</h3>
<p class="text-center text-2xl pt-8 md:px-2">I am capable of leading projects from their inception to completion.</p>
</div>
</div>
</div>
</section>
<div class="py-4">
<div class="text-center">
<h3 class="font-serif text-3xl font-bold text-gray-600 pt-0 md:pt-6 pb-12 md:pb-20">Projects I Have Contributed To</h3>
</div>
<section id="portfolio">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-12 pb-8">
<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/calstatepays-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of CalStatePays.">
<h3 class="text-3xl text-center py-4">
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/calstatepays/" rel="noopener noreferrer">CalStatePays</a>
</h3>
<p class="text-2xl text-center py-2 italic">Earnings Data Comparison Tool.</p>
</div>
<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/faculty-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of Faculty.">
<h3 class="text-3xl text-center py-4">
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/faculty/" rel="noopener noreferrer">Faculty</a>
</h3>
<p class="text-2xl text-center py-2 italic">Get to know CSUN's unique Faculty.</p>
</div>
<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/luisjg-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of luisjg.">
<h3 class="text-3xl text-center py-4">
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/luisjg/" rel="noopener noreferrer">luisjg</a>
</h3>
<p class="text-2xl text-center py-2 italic">Single Page Web Application portfolio.</p>
</div>
<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/metalab-website-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of META+LAB Website.">
<h3 class="text-3xl text-center py-4">
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/meta-lab-website/" rel="noopener noreferrer">META+LAB Website</a>
</h3>
<p class="text-2xl text-center py-2 italic">Learn more about META+LAB.</p>
</div>
<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/scholarship-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of Scholarship.">
<h3 class="text-3xl text-center py-4">
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/scholarship/" rel="noopener noreferrer">Scholarship</a>
</h3>
<p class="text-2xl text-center py-2 italic">Showcasing CSUN's Faculty projects, research & expertise.</p>
</div>
<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/web-services-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of Web Services.">
<h3 class="text-3xl text-center py-4">
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/web-services/" rel="noopener noreferrer">Web Services</a>
</h3>
<p class="text-2xl text-center py-2 italic">Expanding our Collaboration.</p>
</div>
</div>
</section>
</div>
<p class="text-2xl text-center py-12 md:py-16">If you would like to know more about me or are interested in
collaborating, feel free and
<a class="text-purple-800 font-semibold hover:text-purple-500" href="/contact" alt="Contact page">reach out</a>!</p>
<center>
<svg id="ea5b26f1-f0f4-4874-a21c-475a225897a4" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="25%" height="25%" viewBox="0 0 430.91406 559.70956"><path d="M689.29823,324.68445q0,4.785-.31006,9.49a143.75442,143.75442,0,0,1-13.46973,52.19c-.06006.14-.13037.27-.18994.4-.36035.76-.73047,1.52-1.11035,2.27a142.03868,142.03868,0,0,1-7.6499,13.5,144.462,144.462,0,0,1-118.56006,66.72l1.43018,82.24,18.6499-9.82,3.33008,6.33-21.83985,11.5,2.66992,152.74.02979,2.04-14.41992,1.21.02978-.05,4.54-246.18a144.17482,144.17482,0,0,1-102-44.38c-.90967-.94-1.81006-1.91-2.68994-2.87-.04-.04-.06982-.08-.1001-.11a144.76758,144.76758,0,0,1-26.33984-40.76c.14014.16.29.31.43017.47a144.642,144.642,0,0,1,68.57959-186.38c.5-.25,1.01026-.49,1.51026-.74a144.75207,144.75207,0,0,1,187.52978,56.93c.88037,1.48005,1.73047,2.99006,2.5503,4.51A143.85218,143.85218,0,0,1,689.29823,324.68445Z" transform="translate(-384.54297 -170.14522)" fill="#e5e5e5"/><circle cx="198.2848" cy="502.61836" r="43.06733" fill="#2f2e41"/><rect x="210.6027" y="532.22265" width="38.58356" height="13.08374" fill="#2f2e41"/><ellipse cx="249.45884" cy="534.4033" rx="4.08868" ry="10.90314" fill="#2f2e41"/><rect x="201.6027" y="531.22265" width="38.58356" height="13.08374" fill="#2f2e41"/><ellipse cx="240.45884" cy="533.4033" rx="4.08868" ry="10.90314" fill="#2f2e41"/><path d="M541.051,632.71229c-3.47748-15.5738,7.63866-31.31043,24.82866-35.14881s33.94421,5.67511,37.42169,21.2489-7.91492,21.31769-25.10486,25.156S544.5285,648.28608,541.051,632.71229Z" transform="translate(-384.54297 -170.14522)" fill="#d5c9f4"/><path d="M599.38041,670.31119a10.75135,10.75135,0,0,1-10.33984-7.12305,1,1,0,0,1,1.896-.63672c1.51416,4.50782,6.69825,6.86524,11.55457,5.25342a9.60826,9.60826,0,0,0,5.57251-4.74756,8.23152,8.23152,0,0,0,.48547-6.33789,1,1,0,0,1,1.896-.63672,10.217,10.217,0,0,1-.59229,7.86817,11.62362,11.62362,0,0,1-6.73218,5.75244A11.87976,11.87976,0,0,1,599.38041,670.31119Z" transform="translate(-384.54297 -170.14522)" fill="#fff"/><path d="M618.56452,676.16463a9.57244,9.57244,0,1,1-17.04506,8.71737h0l-.00855-.01674c-2.40264-4.70921.91734-7.63227,5.62657-10.03485S616.162,671.45547,618.56452,676.16463Z" transform="translate(-384.54297 -170.14522)" fill="#fff"/><path d="M772.27559,716.2189h-381a1,1,0,0,1,0-2h381a1,1,0,0,1,0,2Z" transform="translate(-384.54297 -170.14522)" fill="#3f3d56"/><ellipse cx="567.22606" cy="706.64241" rx="7.50055" ry="23.89244" transform="translate(-543.03826 -6.10526) rotate(-14.4613)" fill="#2f2e41"/><path d="M645.50888,621.42349H629.12323a.77274.77274,0,0,1-.51881-1.3455l14.90017-13.49467h-13.7669a.77274.77274,0,0,1,0-1.54548h15.77119a.77275.77275,0,0,1,.51881,1.34551L631.12753,619.878h14.38135a.77274.77274,0,1,1,0,1.54548Z" transform="translate(-384.54297 -170.14522)" fill="#cbcbcb"/><path d="M666.37288,597.46853H649.98723a.77275.77275,0,0,1-.51881-1.34551l14.90017-13.49466h-13.7669a.77274.77274,0,0,1,0-1.54548h15.77119a.77274.77274,0,0,1,.51881,1.3455l-14.90016,13.49467h14.38135a.77274.77274,0,1,1,0,1.54548Z" transform="translate(-384.54297 -170.14522)" fill="#cbcbcb"/><path d="M657.1,571.19534H640.71434a.77274.77274,0,0,1-.51881-1.3455l14.90017-13.49467H641.3288a.77274.77274,0,0,1,0-1.54548H657.1a.77275.77275,0,0,1,.51881,1.34551l-14.90016,13.49466H657.1a.77274.77274,0,0,1,0,1.54548Z" transform="translate(-384.54297 -170.14522)" fill="#cbcbcb"/><path d="M770.66217,347.522,783.457,337.28854c-9.93976-1.09662-14.0238,4.32429-15.69525,8.615-7.76532-3.22446-16.21881,1.00136-16.21881,1.00136l25.6001,9.29375A19.37209,19.37209,0,0,0,770.66217,347.522Z" transform="translate(-384.54297 -170.14522)" fill="#3f3d56"/><path d="M403.66217,180.522,416.457,170.28854c-9.93976-1.09662-14.0238,4.32429-15.69525,8.615-7.76532-3.22446-16.21881,1.00136-16.21881,1.00136l25.6001,9.29375A19.37209,19.37209,0,0,0,403.66217,180.522Z" transform="translate(-384.54297 -170.14522)" fill="#3f3d56"/><path d="M802.66217,215.522,815.457,205.28854c-9.93976-1.09662-14.0238,4.32429-15.69525,8.615-7.76532-3.22446-16.21881,1.00136-16.21881,1.00136l25.6001,9.29375A19.37209,19.37209,0,0,0,802.66217,215.522Z" transform="translate(-384.54297 -170.14522)" fill="#3f3d56"/></svg>
</center>
</main>
<div class="py-20" style="background: linear-gradient(360deg, #d5c9f4 0%, #f3f2f0 100%)"></div>
<footer class="footer-background py-6">
<div class="container">
<div class="grid grid-cols-2">
<p class="text-2xl text-left mt-1">© luisjg
<span x-data="currentYear" x-text="year"></span>
</p>
<div class="flex justify-end text-right">
<a
class="text-purple-800 hover:text-purple-500 h-8 w-8"
href="https://github.com/luisjg"
title="GitHub profile link"
rel="noopener noreferrer">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
<path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
</svg>
<span class="hidden">GitHub profile link.</span>
</a>
<a
class="text-purple-800 hover:text-purple-500 ml-3 h-8 w-8"
href="https://linkedin.com/in/luisjg-dev"
title="LinkedIn profile link"
rel="noopener noreferrer">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/>
</svg>
<span class="hidden">LinkedIn profile link</span>
</a>
<a
class="text-purple-800 hover:text-purple-500 ml-3 h-8 w-8"
href="mailto:[email protected]"
title="Email link"
rel="noopener noreferrer">
<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
<path fill="currentColor" d="M12 12.713l-11.985-9.713h23.971l-11.986 9.713zm-5.425-1.822l-6.575-5.329v12.501l6.575-7.172zm10.85 0l6.575 7.172v-12.501l-6.575 5.329zm-1.557 1.261l-3.868 3.135-3.868-3.135-8.11 8.848h23.956l-8.11-8.848z"/>
</svg>
<span class="hidden">Email Link</span>
</a>
</div>
</div>
</div>
</footer>
</body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CBSXD5KNQV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-CBSXD5KNQV');
</script>
</html>