Skip to content

Commit 9669e13

Browse files
PkLavcPkLavc
committed
fix somethings
1 parent 37f758f commit 9669e13

2 files changed

Lines changed: 40 additions & 23 deletions

File tree

‎index.html‎

Lines changed: 28 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,8 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<meta name="author" content="PkLavc" />
7+
<meta name="description" content="Backend Software Engineer portfolio focused on automation, API integrations, and scalable backend systems with Python, Node.js, SQL, AWS, and ETL workflows." />
78
<meta name="google-site-verification" content="6gMtjXC8QaMe105oQFC7f7_0FKxgBr8R65-kOtoSSfE" />
8-
<script>
9-
if (window.location.hostname.toLowerCase() === "pklavc.github.io") {
10-
window.location.replace("https://pklavc.com" + window.location.pathname + window.location.search + window.location.hash);
11-
}
129
<script>
1310
const host = window.location.hostname.toLowerCase();
1411
if (host === "pklavc.github.io" || host === "www.pklavc.com") {
@@ -45,10 +42,16 @@
4542
<meta name="geo.position" content="0;0">
4643
<meta name="ICBM" content="0, 0">
4744
<link rel="icon" type="image/svg+xml" href="images/favicon.svg">
45+
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
46+
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
47+
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
48+
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
4849
<link rel="preconnect" href="https://fonts.googleapis.com">
4950
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
5051
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Monoton&family=Poppins:wght@500&family=Raleway:wght@300&display=swap" onload="this.onload=null;this.rel='stylesheet'">
5152
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Monoton&family=Poppins:wght@500&family=Raleway:wght@300&display=swap"></noscript>
53+
<link rel="preload" href="css/global.css" as="style">
54+
<link rel="preload" href="css/index.css" as="style">
5255
<link rel="stylesheet" href="css/global.css">
5356
<link rel="stylesheet" href="css/index.css">
5457
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js" defer></script>
@@ -133,9 +136,9 @@
133136
<div class="social-media-links">
134137
<a href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer"><lottie-player src="images/github.json" background="transparent" speed="1" loop autoplay class="social-media social-media-icon" title="Patrick Araujo - GitHub Portfolio and Open Source Projects"></lottie-player></a>
135138
<a href="https://www.linkedin.com/in/pklavc/" target="_blank" rel="noopener noreferrer"><lottie-player src="images/linkedin.json" background="transparent" speed="1" loop autoplay class="social-media social-media-icon" title="LinkedIn Profile"></lottie-player></a>
136-
<a href="mailto:contact@pklavc.com" target="_blank" rel="noopener noreferrer"><lottie-player src="images/mail.json" background="transparent" speed="1" loop autoplay class="social-media social-media-icon" title="Contact via Email"></lottie-player></a>
139+
<a href="#contact-email" class="email-link" data-email-user="contact" data-email-domain="pklavc.com" aria-label="Send email to Patrick Araujo"><lottie-player src="images/mail.json" background="transparent" speed="1" loop autoplay class="social-media social-media-icon" title="Contact via Email"></lottie-player></a>
137140
</div>
138-
<div class="header-content" aria-label="Professional profile header">
141+
<header class="header-content">
139142
<div class="header-content-box">
140143
<h1 class="firstline"><span class="color">Patrick Araujo</span></h1>
141144
<div class="secondline">
@@ -144,23 +147,25 @@ <h2 class="main-info">Backend Software Engineer<br>| Automation, API Integration
144147
Designing Python, Node.js, and SQL systems that automate operations, connect business-critical platforms, and support 8K-12K daily transactions.
145148
</div>
146149
</div>
147-
<div class="contact" aria-label="Technical skills and technologies">
150+
<section class="contact" aria-labelledby="techstack-title">
151+
<h2 id="techstack-title" class="visually-hidden">Technical skills and technologies</h2>
152+
<p class="visually-hidden">Python, Node.js, SQL, JavaScript, REST APIs, AWS, Docker, Django, TypeScript, GitHub, React, Java, C Sharp, and C Plus Plus.</p>
148153
<div class="techstack-carousel" aria-hidden="true">
149154
<div class="techstack-track">
150-
<img src="images/techstack/python-icon.svg" alt="Python icon" class="contactpic" aria-label="Python">
151-
<img src="images/techstack/js-icon.svg" alt="Node.js icon" class="contactpic" aria-label="Node.js">
152-
<img src="images/techstack/mysql-icon.svg" alt="SQL icon" class="contactpic" aria-label="SQL">
153-
<img src="images/techstack/js-icon.svg" alt="JavaScript icon" class="contactpic" aria-label="JavaScript">
154-
<img src="images/techstack/restapi-icon.svg" alt="REST API icon" class="contactpic" aria-label="REST APIs">
155-
<img src="images/techstack/aws-icon.svg" alt="AWS icon" class="contactpic" aria-label="Amazon Web Services">
156-
<img src="images/techstack/docker-icon.svg" alt="Docker icon" class="contactpic" aria-label="Docker">
157-
<img src="images/techstack/django-icon.svg" alt="Django icon" class="contactpic" aria-label="Django">
158-
<img src="images/techstack/ts-icon.svg" alt="TypeScript icon" class="contactpic" aria-label="TypeScript">
159-
<img src="images/techstack/github-icon.svg" alt="GitHub icon" class="contactpic" aria-label="GitHub">
160-
<img src="images/techstack/react-icon.svg" alt="React icon" class="contactpic" aria-label="React">
161-
<img src="images/techstack/java-icon.svg" alt="Java icon" class="contactpic" aria-label="Java">
162-
<img src="images/techstack/csharp-icon.svg" alt="C Sharp icon" class="contactpic" aria-label="C Sharp">
163-
<img src="images/techstack/cpp-icon.svg" alt="C Plus Plus icon" class="contactpic" aria-label="C Plus Plus">
155+
<img src="images/techstack/python-icon.svg" alt="Python icon" class="contactpic">
156+
<img src="images/techstack/js-icon.svg" alt="Node.js icon" class="contactpic">
157+
<img src="images/techstack/mysql-icon.svg" alt="SQL icon" class="contactpic">
158+
<img src="images/techstack/js-icon.svg" alt="JavaScript icon" class="contactpic">
159+
<img src="images/techstack/restapi-icon.svg" alt="REST API icon" class="contactpic">
160+
<img src="images/techstack/aws-icon.svg" alt="AWS icon" class="contactpic">
161+
<img src="images/techstack/docker-icon.svg" alt="Docker icon" class="contactpic">
162+
<img src="images/techstack/django-icon.svg" alt="Django icon" class="contactpic">
163+
<img src="images/techstack/ts-icon.svg" alt="TypeScript icon" class="contactpic">
164+
<img src="images/techstack/github-icon.svg" alt="GitHub icon" class="contactpic">
165+
<img src="images/techstack/react-icon.svg" alt="React icon" class="contactpic">
166+
<img src="images/techstack/java-icon.svg" alt="Java icon" class="contactpic">
167+
<img src="images/techstack/csharp-icon.svg" alt="C Sharp icon" class="contactpic">
168+
<img src="images/techstack/cpp-icon.svg" alt="C Plus Plus icon" class="contactpic">
164169
<img src="images/techstack/python-icon.svg" alt="" class="contactpic" aria-hidden="true">
165170
<img src="images/techstack/js-icon.svg" alt="" class="contactpic" aria-hidden="true">
166171
<img src="images/techstack/mysql-icon.svg" alt="" class="contactpic" aria-hidden="true">
@@ -177,9 +182,9 @@ <h2 class="main-info">Backend Software Engineer<br>| Automation, API Integration
177182
<img src="images/techstack/cpp-icon.svg" alt="" class="contactpic" aria-hidden="true">
178183
</div>
179184
</div>
180-
</div>
185+
</section>
181186
</div>
182-
</div>
187+
</header>
183188
</div>
184189
</div>
185190
<script src="js/jquery.min.js" defer></script>

‎js/index.js‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -195,6 +195,18 @@ $(function(){
195195
console.log(attr);
196196
$("head").append("<link rel=\"stylesheet\" href=\"css/"+attr+".css\">");
197197
});
198+
199+
$(".email-link").on("click", function(e) {
200+
var user = $(this).data("email-user");
201+
var domain = $(this).data("email-domain");
202+
203+
if (!user || !domain) {
204+
return;
205+
}
206+
207+
e.preventDefault();
208+
window.location.href = "mailto:" + user + "@" + domain;
209+
});
198210
});
199211

200212
var isMenuOpen = false;

0 commit comments

Comments
 (0)