Skip to content

Commit efba76f

Browse files
PkLavcPkLavc
committed
404 fix and somethings
1 parent 71fd46b commit efba76f

20 files changed

Lines changed: 122 additions & 40 deletions

File tree

‎404.html‎

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,26 @@
2020
<meta name="twitter:image:alt" content="Brand portrait of enterprise systems architect and automation expert Patrick Araujo">
2121
<meta name="robots" content="noindex, follow">
2222
<link rel="canonical" href="https://pklavc.github.io/404.html">
23-
<link rel="icon" type="image/png" href="images/Lavc.png">
24-
<link rel="stylesheet" href="css/global.css">
25-
<link rel="stylesheet" href="css/index.css">
26-
<link rel="stylesheet" href="css/404.css">
23+
<script>
24+
(function() {
25+
var path = window.location.pathname.toLowerCase();
26+
var redirects = {
27+
'/about': '/about/',
28+
'/about.html': '/about/',
29+
'/projects': '/projects/',
30+
'/projects.html': '/projects/'
31+
};
32+
33+
if (redirects[path]) {
34+
window.location.replace(redirects[path] + window.location.search + window.location.hash);
35+
}
36+
})();
37+
</script>
38+
<link rel="icon" type="image/png" href="/images/Lavc.png">
39+
<link rel="stylesheet" href="/css/global.css">
40+
<link rel="stylesheet" href="/css/index.css">
41+
<link rel="stylesheet" href="/css/404.css">
42+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js" defer></script>
2743
</head>
2844
<body>
2945
<div id="all">
@@ -55,5 +71,7 @@ <h2 class="error-page-title">Page Not Found</h2>
5571
</section>
5672
</main>
5773
</div>
74+
<script src="/js/jquery.min.js" defer></script>
75+
<script src="/js/index.js" defer></script>
5876
</body>
5977
</html>

‎about.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="refresh" content="0; url=/about/">
6+
<meta name="robots" content="noindex, follow">
7+
<link rel="canonical" href="https://pklavc.github.io/about/">
8+
<title>Redirecting...</title>
9+
<script>
10+
window.location.replace('/about/');
11+
</script>
12+
</head>
13+
<body>
14+
<p>Redirecting to <a href="/about/">/about/</a>...</p>
15+
</body>
16+
</html>

‎about/index.html‎

Lines changed: 26 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -308,10 +308,10 @@ <h2><lottie-player src="/images/skills.json" background="transparent" speed="1"
308308
<img src="/images/companies/logo-loja-do-sapo.svg" alt="Loja do Sapo" width="4997" height="3465" loading="lazy" decoding="async" />
309309
<div class="experience-title-date">
310310
<div class="experience-title">
311-
<b>Solutions Architect (Backend / Integration Focus)</b> — Loja do Sapo
311+
<b>Solutions Architect (Backend / Integration Focus)</b> - Loja do Sapo
312312
</div>
313313
<div class="experience-date">
314-
<i>April 2026 – Present</i>
314+
<i>April 2026 - Present</i>
315315
</div>
316316
</div>
317317
</div>
@@ -328,10 +328,10 @@ <h2><lottie-player src="/images/skills.json" background="transparent" speed="1"
328328
<div class="experience-header no-logo">
329329
<div class="experience-title-date">
330330
<div class="experience-title">
331-
<b>Software Engineer (Backend & Automation)</b> — Loja do Sapo
331+
<b>Software Engineer (Backend & Automation)</b> - Loja do Sapo
332332
</div>
333333
<div class="experience-date">
334-
<i>September 2025 – March 2026</i>
334+
<i>September 2025 - March 2026</i>
335335
</div>
336336
</div>
337337
</div>
@@ -348,10 +348,10 @@ <h2><lottie-player src="/images/skills.json" background="transparent" speed="1"
348348
<div class="experience-header no-logo">
349349
<div class="experience-title-date">
350350
<div class="experience-title">
351-
<b>Software Developer (Data & Workflows)</b> — Loja do Sapo
351+
<b>Software Developer (Data & Workflows)</b> - Loja do Sapo
352352
</div>
353353
<div class="experience-date">
354-
<i>October 2024 – August 2025</i>
354+
<i>October 2024 - August 2025</i>
355355
</div>
356356
</div>
357357
</div>
@@ -368,10 +368,10 @@ <h2><lottie-player src="/images/skills.json" background="transparent" speed="1"
368368
<img src="/images/companies/logo-icaiu.svg" alt="iCaiu" width="360" height="118" loading="lazy" decoding="async" />
369369
<div class="experience-title-date">
370370
<div class="experience-title">
371-
<b>Systems Integration Architect</b> — iCaiu
371+
<b>Systems Integration Architect</b> - iCaiu
372372
</div>
373373
<div class="experience-date">
374-
<i>December 2025 – Present</i>
374+
<i>December 2025 - Present</i>
375375
</div>
376376
</div>
377377
</div>
@@ -388,10 +388,10 @@ <h2><lottie-player src="/images/skills.json" background="transparent" speed="1"
388388
<div class="experience-header no-logo">
389389
<div class="experience-title-date">
390390
<div class="experience-title">
391-
<b>Software Engineer (Systems Integration)</b> — iCaiu
391+
<b>Software Engineer (Systems Integration)</b> - iCaiu
392392
</div>
393393
<div class="experience-date">
394-
<i>March 2025 – November 2025</i>
394+
<i>March 2025 - November 2025</i>
395395
</div>
396396
</div>
397397
</div>
@@ -402,16 +402,16 @@ <h2><lottie-player src="/images/skills.json" background="transparent" speed="1"
402402
</ul>
403403
</div>
404404

405-
<!-- WR Auto Peças -->
405+
<!-- WR Auto Pecas -->
406406
<div class="experience-item">
407407
<div class="experience-header">
408-
<img src="/images/companies/logo-wr.svg" alt="WR Auto Peças" width="868" height="570" loading="lazy" decoding="async" />
408+
<img src="/images/companies/logo-wr.svg" alt="WR Auto Pecas" width="868" height="570" loading="lazy" decoding="async" />
409409
<div class="experience-title-date">
410410
<div class="experience-title">
411-
<b>Operations & Tech Support Specialist</b> — WR Auto Peças
411+
<b>Operations & Tech Support Specialist</b> - WR Auto Pecas
412412
</div>
413413
<div class="experience-date">
414-
<i>November 2015 – February 2026</i>
414+
<i>November 2015 - February 2026</i>
415415
</div>
416416
</div>
417417
</div>
@@ -529,21 +529,21 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
529529
<a href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer"><lottie-player src="/images/github.json" background="transparent" speed="1" class="contact-item-icon" loop autoplay title="Patrick Araujo - GitHub Portfolio and Open Source Projects"></lottie-player></a>
530530
<span class="contact-value" data-href="https://github.com/PkLavc">PkLavc</span>
531531
<button class="copy-btn" type="button" data-copy="https://github.com/PkLavc" title="Copy to clipboard" aria-label="Copy GitHub profile URL to clipboard">
532-
?? <span>copy</span>
532+
<lottie-player src="/images/copy.json" background="transparent" speed="0.55" class="copy-btn-icon" loop autoplay aria-hidden="true"></lottie-player><span>copy</span>
533533
</button>
534534
</div>
535535
<div class="contact-item">
536536
<a href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer"><lottie-player src="/images/linkedin.json" background="transparent" speed="1" class="contact-item-icon" loop autoplay title="Patrick Araujo - Professional LinkedIn Profile"></lottie-player></a>
537537
<span class="contact-value" data-href="https://www.linkedin.com/in/patrickajm/">patrickajm</span>
538538
<button class="copy-btn" type="button" data-copy="https://www.linkedin.com/in/patrickajm/" title="Copy to clipboard" aria-label="Copy LinkedIn profile URL to clipboard">
539-
?? <span>copy</span>
539+
<lottie-player src="/images/copy.json" background="transparent" speed="0.55" class="copy-btn-icon" loop autoplay aria-hidden="true"></lottie-player><span>copy</span>
540540
</button>
541541
</div>
542542
<div class="contact-item">
543543
<a href="mailto:patrickajm@gmail.com" target="_blank" rel="noopener noreferrer"><lottie-player src="/images/mail.json" background="transparent" speed="1" class="contact-item-icon" loop autoplay title="Contact Patrick Araujo via Email"></lottie-player></a>
544544
<span class="contact-value" data-href="mailto:patrickajm@gmail.com">patrickajm@gmail.com</span>
545545
<button class="copy-btn" type="button" data-copy="patrickajm@gmail.com" title="Copy to clipboard" aria-label="Copy email address to clipboard">
546-
?? <span>copy</span>
546+
<lottie-player src="/images/copy.json" background="transparent" speed="0.55" class="copy-btn-icon" loop autoplay aria-hidden="true"></lottie-player><span>copy</span>
547547
</button>
548548
</div>
549549
</div>
@@ -653,6 +653,14 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
653653
}
654654

655655
function setupContacts() {
656+
function copyButtonMarkup(state) {
657+
if (state === 'copied') {
658+
return '<lottie-player src="/images/copied.json" background="transparent" speed="1" class="copy-btn-icon" loop autoplay aria-hidden="true"></lottie-player><span>copied</span>';
659+
}
660+
661+
return '<lottie-player src="/images/copy.json" background="transparent" speed="0.55" class="copy-btn-icon" loop autoplay aria-hidden="true"></lottie-player><span>copy</span>';
662+
}
663+
656664
document.querySelectorAll('.contact-value').forEach(function(span) {
657665
span.addEventListener('click', function() {
658666
const href = span.getAttribute('data-href');
@@ -670,7 +678,7 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
670678

671679
navigator.clipboard.writeText(textToCopy).then(function() {
672680
button.classList.add('copied');
673-
button.innerHTML = '? <span>copied</span>';
681+
button.innerHTML = copyButtonMarkup('copied');
674682

675683
window.setTimeout(function() {
676684
button.classList.remove('copied');

‎css/about.css‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -599,6 +599,12 @@ body {
599599
-webkit-text-fill-color: #031018 !important;
600600
}
601601

602+
.copy-btn .copy-btn-icon {
603+
width: 16px;
604+
height: 16px;
605+
pointer-events: none;
606+
}
607+
602608
.copy-btn:hover {
603609
border-color: rgba(255, 255, 255, 0.5);
604610
}
@@ -609,14 +615,14 @@ body {
609615
}
610616

611617
.copy-btn.copied {
612-
border-color: var(--clr-primary);
613-
color: #031018 !important;
614-
-webkit-text-fill-color: #031018 !important;
618+
border-color: #00d1ff;
619+
color: #00d1ff !important;
620+
-webkit-text-fill-color: #00d1ff !important;
615621
}
616622

617623
.copy-btn.copied span {
618-
color: #031018 !important;
619-
-webkit-text-fill-color: #031018 !important;
624+
color: #00d1ff !important;
625+
-webkit-text-fill-color: #00d1ff !important;
620626
}
621627

622628
@media (pointer: coarse), (max-width: 768px) {

‎images/copied.json‎

Lines changed: 1 addition & 0 deletions
Large diffs are not rendered by default.

‎images/copy.json‎

Lines changed: 1 addition & 0 deletions
Large diffs are not rendered by default.

‎projects.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="refresh" content="0; url=/projects/">
6+
<meta name="robots" content="noindex, follow">
7+
<link rel="canonical" href="https://pklavc.github.io/projects/">
8+
<title>Redirecting...</title>
9+
<script>
10+
window.location.replace('/projects/');
11+
</script>
12+
</head>
13+
<body>
14+
<p>Redirecting to <a href="/projects/">/projects/</a>...</p>
15+
</body>
16+
</html>
17+
<!DOCTYPE html>
18+
<html lang="en">
19+
<head>
20+
<meta charset="UTF-8">
21+
<meta http-equiv="refresh" content="0; url=/projects/">
22+
<meta name="robots" content="noindex, follow">
23+
<link rel="canonical" href="https://pklavc.github.io/projects/">
24+
<title>Redirecting...</title>
25+
<script>
26+
window.location.replace('/projects/');
27+
</script>
28+
</head>
29+
<body>
30+
<p>Redirecting to <a href="/projects/">/projects/</a>...</p>
31+
</body>
32+
</html>

‎projects/aegis-sentinel/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@
141141
align-items: center;
142142
}
143143
.breadcrumb li:not(:last-child)::after {
144-
content: "?";
144+
content: "/";
145145
margin-left: 8px;
146146
font-size: 0.8rem;
147147
color: #666;

‎projects/cipher-gate-proxy/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@
141141
align-items: center;
142142
}
143143
.breadcrumb li:not(:last-child)::after {
144-
content: "?";
144+
content: "/";
145145
margin-left: 8px;
146146
font-size: 0.8rem;
147147
color: #666;

‎projects/cloud-deployment-showcase/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -141,7 +141,7 @@
141141
align-items: center;
142142
}
143143
.breadcrumb li:not(:last-child)::after {
144-
content: "?";
144+
content: "/";
145145
margin-left: 8px;
146146
font-size: 0.8rem;
147147
color: #666;

0 commit comments

Comments
 (0)