Skip to content

Commit 3eb1439

Browse files
PkLavcPkLavc
committed
rework GIF to Webp
1 parent 1b48c5d commit 3eb1439

29 files changed

Lines changed: 267 additions & 132 deletions

‎about.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<meta property="og:description" content="Solutions Architect (Technical Owner) with a strong career in enterprise systems, API integration, automation, and scalable architecture. Proven expertise in leading engineering teams and delivering production-grade workflows.">
1818
<meta property="og:url" content="https://pklavc.github.io/about.html">
1919
<meta property="og:type" content="profile">
20-
<meta property="og:image" content="https://pklavc.github.io/images/Lavc.png">
20+
<meta property="og:image" content="https://pklavc.github.io/images/Lavc.webp">
2121
<meta property="og:image:width" content="1200">
2222
<meta property="og:image:height" content="630">
2323
<meta property="og:site_name" content="Patrick Araujo Portfolio">
@@ -27,7 +27,7 @@
2727
<meta name="twitter:card" content="summary_large_image">
2828
<meta name="twitter:title" content="About Patrick Araujo | Solutions Architect (Technical Owner)">
2929
<meta name="twitter:description" content="Solutions Architect (Technical Owner) with enterprise production systems, API integration, automation and scalable architecture expertise. Proven leadership in engineering delivery and technical ownership.">
30-
<meta name="twitter:image" content="https://pklavc.github.io/images/Lavc.png">
30+
<meta name="twitter:image" content="https://pklavc.github.io/images/Lavc.webp">
3131
<meta name="twitter:image:alt" content="Brand portrait of enterprise systems architect and automation expert Patrick Araujo">
3232
<meta name="twitter:site" content="@PkLavc">
3333
<meta name="twitter:creator" content="@PkLavc">
@@ -37,7 +37,7 @@
3737
<meta property="og:image:alt" content="Brand portrait of enterprise systems architect and automation expert Patrick Araujo">
3838
<meta name="twitter:image:alt" content="Brand portrait of enterprise systems architect and automation expert Patrick Araujo">
3939
<title>About Patrick Araujo | Solutions Architect (Technical Owner)</title>
40-
<link rel="icon" type="image/png" href="images/Lavc.png">
40+
<link rel="icon" type="image/webp" href="images/Lavc.webp">
4141
<link rel="stylesheet" href="css/global.css">
4242
<link rel="stylesheet" href="css/color-blue.css">
4343
<link rel="stylesheet" href="css/index.css">
@@ -55,7 +55,7 @@
5555
"name": "About Patrick Araujo | Solutions Architect (Technical Owner)",
5656
"description": "Solutions Architect (Technical Owner) specialized in backend ecosystems, process interoperability, and data architecture. GitHub Developer Program Member with AWS Cloud Practitioner certification. 60+ Certifications including Google AI and Data Engineering.",
5757
"url": "https://pklavc.github.io/about.html",
58-
"image": "https://pklavc.github.io/images/Lavc.png",
58+
"image": "https://pklavc.github.io/images/Lavc.webp",
5959
"author": {
6060
"@type": "Person",
6161
"name": "Patrick Araujo",
@@ -840,7 +840,7 @@
840840
"@context": "https://schema.org",
841841
"@type": "LocalBusiness",
842842
"name": "Patrick Araujo - Solutions & Integration Architecture Services",
843-
"image": "https://pklavc.github.io/images/Lavc.png",
843+
"image": "https://pklavc.github.io/images/Lavc.webp",
844844
"url": "https://pklavc.github.io/about.html",
845845
"telephone": "+1-305-XXX-XXXX",
846846
"address": {
@@ -976,7 +976,7 @@ <h1>About <span class="color">Me</span></h1>
976976
</p>
977977

978978
<div class="brands-section">
979-
<h3><img height="20" alt="Trusted by enterprise clients badge graphic" src="images/trust.gif"/> Trusted By Enterprise Clients & Integration Partners</h3>
979+
<h3><img height="20" alt="Trusted by enterprise clients badge graphic" src="images/trust.webp"/> Trusted By Enterprise Clients & Integration Partners</h3>
980980
<div class="slider">
981981
<div class="slide-track">
982982
<div class="slide"><img src="https://raw.githubusercontent.com/PkLavc/PkLavc/e158b54267226ba98162945be674baa6978a566f/resources/Icons/Static/logo-loja-do-sapo.png" alt="Loja do Sapo" /></div>
@@ -992,7 +992,7 @@ <h3><img height="20" alt="Trusted by enterprise clients badge graphic" src="imag
992992
</div>
993993

994994
<div class="skills-section">
995-
<h3><img height="20" alt="Professional experience badge for backend architecture and automation" src="images/skills.gif"/> Professional Experience in Backend Architecture & Automation</h3>
995+
<h3><img height="20" alt="Professional experience badge for backend architecture and automation" src="images/skills.webp"/> Professional Experience in Backend Architecture & Automation</h3>
996996
<div class="experience-content">
997997

998998
<!-- Loja do Sapo - Solutions Architect -->
@@ -1121,7 +1121,7 @@ <h3><img height="20" alt="Professional experience badge for backend architecture
11211121

11221122

11231123
<div class="skills-section">
1124-
<h3><img height="20" alt="Key skills badge for software architecture and data engineering" src="images/Da_Vinci.gif"/> Key Skills in Software Architecture & Data Engineering</h3>
1124+
<h3><img height="20" alt="Key skills badge for software architecture and data engineering" src="images/Da_Vinci.webp"/> Key Skills in Software Architecture & Data Engineering</h3>
11251125
<div class="skills-grid">
11261126
<span>Python</span>
11271127
<span>JavaScript</span>
@@ -1146,7 +1146,7 @@ <h3><img height="20" alt="Key skills badge for software architecture and data en
11461146
</div>
11471147

11481148
<div class="skills-section">
1149-
<h3><img height="20" alt="Global education and engineering experience icon" src="images/Globe.gif"/> Education & Engineering Foundations</h3>
1149+
<h3><img height="20" alt="Global education and engineering experience icon" src="images/Globe.webp"/> Education & Engineering Foundations</h3>
11501150
<div class="education-content">
11511151
<div class="education-item">
11521152
<div class="education-header">
@@ -1168,24 +1168,24 @@ <h3><img height="20" alt="Global education and engineering experience icon" src=
11681168

11691169

11701170
<div class="skills-section">
1171-
<h3><img height="20" alt="Professional contact icon for inquiries" src="images/link.gif"/> Contact & Professional Inquiries</h3>
1171+
<h3><img height="20" alt="Professional contact icon for inquiries" src="images/link.webp"/> Contact & Professional Inquiries</h3>
11721172
<div class="contact-grid">
11731173
<div class="contact-item">
1174-
<a href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer"><img alt="Patrick Araujo - GitHub Portfolio and Open Source Projects" height="42" src="images/github.gif"/></a>
1174+
<a href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer"><img alt="Patrick Araujo - GitHub Portfolio and Open Source Projects" height="42" src="images/github.webp"/></a>
11751175
<span class="contact-value" data-href="https://github.com/PkLavc">PkLavc</span>
11761176
<button class="copy-btn" data-copy="https://github.com/PkLavc" title="Copy to clipboard">
11771177
🗎 <span>copy</span>
11781178
</button>
11791179
</div>
11801180
<div class="contact-item">
1181-
<a href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer"><img alt="Patrick Araujo - Professional LinkedIn Profile" height="42" src="images/linkedin.gif"/></a>
1181+
<a href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer"><img alt="Patrick Araujo - Professional LinkedIn Profile" height="42" src="images/linkedin.webp"/></a>
11821182
<span class="contact-value" data-href="https://www.linkedin.com/in/patrickajm/">patrickajm</span>
11831183
<button class="copy-btn" data-copy="https://www.linkedin.com/in/patrickajm/" title="Copy to clipboard">
11841184
🗎 <span>copy</span>
11851185
</button>
11861186
</div>
11871187
<div class="contact-item">
1188-
<a href="mailto:patrickajm@gmail.com" target="_blank" rel="noopener noreferrer"><img alt="Contact Patrick Araujo via Email" height="42" src="images/mail.gif"/></a>
1188+
<a href="mailto:patrickajm@gmail.com" target="_blank" rel="noopener noreferrer"><img alt="Contact Patrick Araujo via Email" height="42" src="images/mail.webp"/></a>
11891189
<span class="contact-value" data-href="mailto:patrickajm@gmail.com">patrickajm@gmail.com</span>
11901190
<button class="copy-btn" data-copy="patrickajm@gmail.com" title="Copy to clipboard">
11911191
🗎 <span>copy</span>

‎css/about.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -236,11 +236,15 @@ body {
236236
margin-bottom: 8px;
237237
}
238238

239+
.about-side-title h1,
239240
.about-side-title h2 {
240241
position: static;
241242
transform: none;
242243
font-size: 1.6rem;
243-
margin-bottom: 6px;
244+
white-space: normal;
245+
margin: 0 auto 12px;
246+
display: inline-block;
247+
text-align: center;
244248
}
245249

246250
.about-profile-img {

‎css/global.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,7 @@ body.ready .footer-minimal {
109109
flex-direction: column;
110110
align-items: center;
111111
justify-content: center;
112+
will-change: transform;
112113
}
113114

114115
#navigation-bar{ position: fixed; height: 100px; width: 100%; z-index: 9999; padding: 10px; background:transparent; overflow: hidden; }

‎css/index.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,7 @@
140140
z-index: 10;
141141
opacity: .6;
142142
transition: scale .5s ease;
143+
will-change: transform;
143144
}
144145
form{
145146
display: flex;

‎css/projects.css‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -190,12 +190,14 @@ body {
190190
text-align: center;
191191
}
192192

193+
.projects-side-title h1,
193194
.projects-side-title h2 {
194195
position: static;
195196
transform: none;
196197
white-space: normal;
197198
font-size: 1.4rem;
198-
display: block;
199+
display: inline-block;
200+
margin: 0 auto;
199201
}
200202

201203
.projects-content-wrapper {

‎images/Da_Vinci.gif‎

-788 KB
Binary file not shown.

‎images/Da_Vinci.webp‎

585 KB
Loading

‎images/Globe.gif‎

-429 KB
Binary file not shown.

‎images/Globe.webp‎

414 KB
Loading

‎images/Lavc.png‎

-20 KB
Binary file not shown.

0 commit comments

Comments
 (0)