Skip to content

Commit 2b6fa20

Browse files
PkLavcPkLavc
committed
fix acc
1 parent 2900e6c commit 2b6fa20

4 files changed

Lines changed: 49 additions & 22 deletions

File tree

‎about.html‎

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -961,6 +961,7 @@
961961
<span class="third-span"></span>
962962
</div>
963963
</div>
964+
<main id="main-content">
964965
<div id="about" aria-label="About section">
965966
<div class="about-container">
966967
<div class="about-side-title">
@@ -977,7 +978,7 @@ <h1>About <span class="color">Me</span></h1>
977978
</p>
978979

979980
<div class="brands-section">
980-
<h3><lottie-player src="images/trust.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Trusted by enterprise clients badge graphic"></lottie-player> Trusted By Enterprise Clients & Integration Partners</h3>
981+
<h2><lottie-player src="images/trust.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Trusted by enterprise clients badge graphic"></lottie-player> Trusted By Enterprise Clients & Integration Partners</h2>
981982
<div class="slider">
982983
<div class="slide-track">
983984
<div class="slide"><img src="images/companies/logo-loja-do-sapo.svg" alt="Loja do Sapo" loading="lazy" decoding="async" /></div>
@@ -993,7 +994,7 @@ <h3><lottie-player src="images/trust.json" background="transparent" speed="1" st
993994
</div>
994995

995996
<div class="skills-section">
996-
<h3><lottie-player src="images/skills.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Professional experience badge for backend architecture and automation"></lottie-player> Professional Experience in Backend Architecture & Automation</h3>
997+
<h2><lottie-player src="images/skills.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Professional experience badge for backend architecture and automation"></lottie-player> Professional Experience in Backend Architecture & Automation</h2>
997998
<div class="experience-content">
998999

9991000
<!-- Loja do Sapo - Solutions Architect -->
@@ -1122,7 +1123,7 @@ <h3><lottie-player src="images/skills.json" background="transparent" speed="1" s
11221123

11231124

11241125
<div class="skills-section">
1125-
<h3><lottie-player src="images/Da_Vinci.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Key skills badge for software architecture and data engineering"></lottie-player> Key Skills in Software Architecture & Data Engineering</h3>
1126+
<h2><lottie-player src="images/Da_Vinci.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Key skills badge for software architecture and data engineering"></lottie-player> Key Skills in Software Architecture & Data Engineering</h2>
11261127
<div class="skills-grid">
11271128
<span>Python</span>
11281129
<span>JavaScript</span>
@@ -1147,7 +1148,7 @@ <h3><lottie-player src="images/Da_Vinci.json" background="transparent" speed="1"
11471148
</div>
11481149

11491150
<div class="skills-section">
1150-
<h3><lottie-player src="images/Globe.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Global education and engineering experience icon"></lottie-player> Education & Engineering Foundations</h3>
1151+
<h2><lottie-player src="images/Globe.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Global education and engineering experience icon"></lottie-player> Education & Engineering Foundations</h2>
11511152
<div class="education-content">
11521153
<div class="education-item">
11531154
<div class="education-header">
@@ -1169,26 +1170,26 @@ <h3><lottie-player src="images/Globe.json" background="transparent" speed="1" st
11691170

11701171

11711172
<div class="skills-section">
1172-
<h3><lottie-player src="images/link.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Professional contact icon for inquiries"></lottie-player> Contact & Professional Inquiries</h3>
1173+
<h2><lottie-player src="images/link.json" background="transparent" speed="1" style="width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:8px;" loop autoplay title="Professional contact icon for inquiries"></lottie-player> Contact & Professional Inquiries</h2>
11731174
<div class="contact-grid">
11741175
<div class="contact-item">
11751176
<a href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer"><lottie-player src="images/github.json" background="transparent" speed="1" style="width:42px; height:42px;" loop autoplay title="Patrick Araujo - GitHub Portfolio and Open Source Projects"></lottie-player></a>
11761177
<span class="contact-value" data-href="https://github.com/PkLavc">PkLavc</span>
1177-
<button class="copy-btn" data-copy="https://github.com/PkLavc" title="Copy to clipboard">
1178+
<button class="copy-btn" type="button" data-copy="https://github.com/PkLavc" title="Copy to clipboard" aria-label="Copy GitHub profile URL to clipboard">
11781179
🗎 <span>copy</span>
11791180
</button>
11801181
</div>
11811182
<div class="contact-item">
11821183
<a href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer"><lottie-player src="images/linkedin.json" background="transparent" speed="1" style="width:42px; height:42px;" loop autoplay title="Patrick Araujo - Professional LinkedIn Profile"></lottie-player></a>
11831184
<span class="contact-value" data-href="https://www.linkedin.com/in/patrickajm/">patrickajm</span>
1184-
<button class="copy-btn" data-copy="https://www.linkedin.com/in/patrickajm/" title="Copy to clipboard">
1185+
<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">
11851186
🗎 <span>copy</span>
11861187
</button>
11871188
</div>
11881189
<div class="contact-item">
11891190
<a href="mailto:patrickajm@gmail.com" target="_blank" rel="noopener noreferrer"><lottie-player src="images/mail.json" background="transparent" speed="1" style="width:42px; height:42px;" loop autoplay title="Contact Patrick Araujo via Email"></lottie-player></a>
11901191
<span class="contact-value" data-href="mailto:patrickajm@gmail.com">patrickajm@gmail.com</span>
1191-
<button class="copy-btn" data-copy="patrickajm@gmail.com" title="Copy to clipboard">
1192+
<button class="copy-btn" type="button" data-copy="patrickajm@gmail.com" title="Copy to clipboard" aria-label="Copy email address to clipboard">
11921193
🗎 <span>copy</span>
11931194
</button>
11941195
</div>
@@ -1282,16 +1283,18 @@ <h3><lottie-player src="images/link.json" background="transparent" speed="1" sty
12821283
});
12831284
</script>
12841285
<!--particles script-->
1285-
<script>
1286-
particlesJS("particles", {"particles":{"number":{"value":40,"density":{"enable":true,"value_area":800}},"color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"images/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});
1287-
</script>
1286+
<script>
1287+
if (typeof window.particlesJS === "function" && document.getElementById("particles")) {
1288+
particlesJS("particles", {"particles":{"number":{"value":40,"density":{"enable":true,"value_area":800}},"color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"images/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});
1289+
}
1290+
</script>
12881291

12891292
<footer class="footer-minimal">
12901293
<div class="footer-container">
12911294
<p>
12921295
© 2026 Patrick Araujo •
12931296
<span class="github-dev-badge">Member of <b>GitHub Developer Program</b></span> •
1294-
<span class="credits-trigger" onclick="toggleCredits()">Resources & Attributions</span>
1297+
<button id="credits-trigger-btn" class="credits-trigger" type="button" onclick="toggleCredits()" aria-controls="credits-list" aria-expanded="false">Resources & Attributions</button>
12951298
</p>
12961299
<div id="credits-list" class="credits-hidden" style="display: none;">
12971300
<div class="credits-grid">

‎css/about.css‎

Lines changed: 17 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,7 @@ body {
108108
color: var(--clr-primary);
109109
font-weight: 600;
110110
}
111+
.skills-section h2,
111112
.skills-section h3 {
112113
font-size: 1.5rem;
113114
font-weight: 600;
@@ -275,6 +276,7 @@ body {
275276
gap: 5px;
276277
}
277278

279+
.skills-section h2,
278280
.skills-section h3 {
279281
text-align: left;
280282
font-size: 1.1rem;
@@ -284,6 +286,7 @@ body {
284286
height: 25px;
285287
}
286288

289+
.brands-section h2,
287290
.brands-section h3 {
288291
text-align: left;
289292
font-size: 1.1rem;
@@ -435,6 +438,7 @@ body {
435438
overflow: hidden;
436439
}
437440

441+
.brands-section h2,
438442
.brands-section h3 {
439443
font-size: 1.5rem;
440444
font-weight: 600;
@@ -530,7 +534,6 @@ body {
530534
}
531535

532536
.copy-btn {
533-
background: none;
534537
border: 1px solid rgba(255, 255, 255, 0.3);
535538
border-radius: 4px;
536539
padding: 6px 10px;
@@ -540,31 +543,35 @@ body {
540543
justify-content: center;
541544
gap: 4px;
542545
transition: all 0.3s ease;
543-
color: #ffffff;
544-
-webkit-text-fill-color: #ffffff;
546+
color: #031018 !important;
547+
-webkit-text-fill-color: #031018 !important;
545548
font-size: 0.85rem;
546549
font-weight: 500;
547550
font-family: 'Inter', sans-serif;
548551
}
549552

550553
.copy-btn,
551554
.copy-btn span {
552-
color: #ffffff;
553-
-webkit-text-fill-color: #ffffff;
555+
color: #031018 !important;
556+
-webkit-text-fill-color: #031018 !important;
554557
}
555558

556559
.copy-btn:hover {
557560
border-color: rgba(255, 255, 255, 0.5);
558561
}
559562

563+
.copy-btn:focus-visible {
564+
outline: 2px solid var(--clr-primary);
565+
outline-offset: 2px;
566+
}
567+
560568
.copy-btn.copied {
561569
border-color: var(--clr-primary);
562-
background: rgba(255, 255, 255, 0.1);
563-
color: #ffffff;
564-
-webkit-text-fill-color: #ffffff;
570+
color: #031018 !important;
571+
-webkit-text-fill-color: #031018 !important;
565572
}
566573

567574
.copy-btn.copied span {
568-
color: #ffffff;
569-
-webkit-text-fill-color: #ffffff;
575+
color: #031018 !important;
576+
-webkit-text-fill-color: #031018 !important;
570577
}

‎css/color-blue.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,11 @@
1515
background: var(--clr-primary) !important;
1616
color: #000 !important;
1717
}
18+
/* Exceção: botão discreto do rodapé não deve receber estilo de ação */
19+
.credits-trigger {
20+
background: none !important;
21+
color: inherit !important;
22+
}
1823

1924
/* Lordicon credit link styling */
2025
.lordicon-credit {
@@ -39,6 +44,11 @@
3944
color: #666;
4045
}
4146
.credits-trigger {
47+
background: none;
48+
border: none;
49+
padding: 0;
50+
font: inherit;
51+
color: inherit;
4252
cursor: pointer;
4353
text-decoration: underline;
4454
transition: color 0.3s;

‎js/index.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -395,9 +395,16 @@ $(function(){
395395

396396
function toggleCredits() {
397397
var x = document.getElementById("credits-list");
398+
var trigger = document.getElementById("credits-trigger-btn");
398399
if (x.style.display === "block") {
399400
x.style.display = "none";
401+
if (trigger) {
402+
trigger.setAttribute("aria-expanded", "false");
403+
}
400404
} else {
401405
x.style.display = "block";
406+
if (trigger) {
407+
trigger.setAttribute("aria-expanded", "true");
408+
}
402409
}
403410
}

0 commit comments

Comments
 (0)