Skip to content

Commit 569ec62

Browse files
PkLavcPkLavc
committed
add stacks and collections
1 parent c95712d commit 569ec62

35 files changed

Lines changed: 2270 additions & 306 deletions

File tree

‎404.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
@@ -280,7 +280,7 @@
280280
<div id="navigation-content" role="navigation" aria-label="Primary navigation">
281281
<div class="logo"></div>
282282
<div class="navigation-links">
283-
<a href="/index.html">HOME</a>
283+
<a href="/">HOME</a>
284284
<a href="/about/">ABOUT</a>
285285
<a href="/projects/">PROJECTS</a>
286286
</div>
@@ -298,14 +298,14 @@ <h1 class="error-page-code">404</h1>
298298
<h2 class="error-page-title">Page Not Found</h2>
299299
<p class="error-page-description">The page you are looking for may have been removed, had its name changed, or is temporarily unavailable. Return to the portfolio to explore systems architecture, API integration, and intelligent automation solutions.</p>
300300
<div class="error-page-actions">
301-
<a href="/index.html" class="error-page-link error-page-link-primary">Back to Home</a>
301+
<a href="/" class="error-page-link error-page-link-primary">Back to Home</a>
302302
<a href="/about/" class="error-page-link error-page-link-secondary">About</a>
303303
<a href="/projects/" class="error-page-link error-page-link-secondary">View Projects</a>
304304
</div>
305305
<div class="error-page-social" aria-label="Contact links">
306306
<a class="error-page-social-link" href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer">GitHub</a>
307307
<a class="error-page-social-link" href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
308-
<a class="error-page-social-link" href="mailto:patrickajm@gmail.com">Email</a>
308+
<a class="error-page-social-link" href="mailto:lavcsystems@gmail.com">Email</a>
309309
</div>
310310
<p class="error-page-help">If you entered the URL manually, please check the spelling and try again.</p>
311311
</section>
@@ -346,4 +346,4 @@ <h2 class="error-page-title">Page Not Found</h2>
346346
})();
347347
</script>
348348
</body>
349-
</html>
349+
</html>

‎README.md‎

Lines changed: 16 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@ This repository contains a static portfolio website for Patrick Araujo, focused
1010
The site includes three main pages:
1111

1212
- `index.html` — homepage with profile, skills and contact links
13-
- `about.html` — detailed profile, professional history, clients and certifications
14-
- `projects.html` — portfolio showcase of backend and integration projects
13+
- `about/index.html` — detailed profile, professional history, clients and certifications
14+
- `projects/index.html` — portfolio showcase of backend and integration projects
1515

1616
Additional files:
1717

@@ -59,15 +59,15 @@ Additional files:
5959
- Includes a hidden `visually-hidden` SEO paragraph for technical keyword reinforcement
6060
- Contains multiple JSON-LD blocks to represent profile and page schema
6161

62-
### `about.html`
62+
### `about/index.html`
6363

6464
- Provides the candidate’s professional profile, certifications, and company affiliations
6565
- Uses detailed Open Graph and Twitter metadata
6666
- Includes client logos and project references with proper `alt` descriptions
6767
- Maintains a hidden `h1` plus visible `h2` for SEO semantics without altering layout
6868
- Includes a hidden `visually-hidden` paragraph for architecture and enterprise keywords
6969

70-
### `projects.html`
70+
### `projects/index.html`
7171

7272
- Displays a portfolio of backend, API integration, automation, and data pipeline work
7373
- Uses `CollectionPage` JSON-LD with individual `CreativeWork` items defined in structured data
@@ -80,23 +80,19 @@ Additional files:
8080
## File Structure
8181

8282
```text
83-
Downloads/
84-
├── about.html
83+
PkLavc.github.io/
8584
├── index.html
86-
├── projects.html
85+
├── about/
86+
│ └── index.html
87+
├── projects/
88+
│ ├── index.html
89+
│ ├── google-auth-worker/
90+
│ ├── zoho-integration-worker/
91+
│ └── ...
8792
├── robots.txt
8893
├── sitemap.xml
8994
├── css/
90-
│ ├── about.css
91-
│ ├── color-blue.css
92-
│ ├── global.css
93-
│ ├── index.css
94-
│ └── projects.css
9595
├── js/
96-
│ ├── index.js
97-
│ ├── jquery.min.js
98-
│ ├── particles.js
99-
│ └── particles.min.js
10096
├── images/
10197
├── README.md
10298
└── LICENSE.txt
@@ -121,8 +117,8 @@ Downloads/
121117
Implemented JSON-LD schema types:
122118

123119
- `ProfilePage` for `index.html`
124-
- `AboutPage` for `about.html`
125-
- `CollectionPage` for `projects.html`
120+
- `AboutPage` for `about/index.html`
121+
- `CollectionPage` for `projects/index.html`
126122
- `Person` profile metadata inside page schemas
127123
- `CreativeWork` items for featured projects
128124

@@ -178,8 +174,8 @@ The design uses:
178174
```mermaid
179175
flowchart TB
180176
A[index.html]
181-
B[about.html]
182-
C[projects.html]
177+
B[about/index.html]
178+
C[projects/index.html]
183179
A -->|profile| B
184180
A -->|portfolio| C
185181
A -->|shared assets| css/

‎about.html‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎about/index.html‎

Lines changed: 23 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!DOCTYPE html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
@@ -201,7 +201,7 @@
201201
"sameAs": [
202202
"https://github.com/PkLavc",
203203
"https://www.linkedin.com/in/patrickajm/",
204-
"mailto:patrickajm@gmail.com"
204+
"mailto:lavcsystems@gmail.com"
205205
],
206206
"worksFor": [
207207
{
@@ -252,7 +252,7 @@
252252
<div class="logo">
253253
</div>
254254
<div class="navigation-links">
255-
<a href="/index.html" data-text="HOME" id="home-link" >HOME</a>
255+
<a href="/" data-text="HOME" id="home-link" >HOME</a>
256256
<a href="#" data-text="ABOUT" id="about-link" >ABOUT</a>
257257
<a href="/projects/" data-text="PROJECTS" id="projects-link" >PROJECTS</a>
258258
</div>
@@ -540,9 +540,9 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
540540
</button>
541541
</div>
542542
<div class="contact-item">
543-
<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>
544-
<span class="contact-value" data-href="mailto:patrickajm@gmail.com">patrickajm@gmail.com</span>
545-
<button class="copy-btn" type="button" data-copy="patrickajm@gmail.com" title="Copy to clipboard" aria-label="Copy email address to clipboard">
543+
<a href="mailto:lavcsystems@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>
544+
<span class="contact-value" data-href="mailto:lavcsystems@gmail.com">lavcsystems@gmail.com</span>
545+
<button class="copy-btn" type="button" data-copy="lavcsystems@gmail.com" title="Copy to clipboard" aria-label="Copy email address to clipboard">
546546
<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>
@@ -718,6 +718,14 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
718718
}
719719
}
720720

721+
function updateFooterYear() {
722+
const yearNode = document.getElementById('current-year');
723+
724+
if (yearNode) {
725+
yearNode.textContent = String(new Date().getFullYear());
726+
}
727+
}
728+
721729
window.toggleCredits = function() {
722730
const credits = document.getElementById('credits-list');
723731
const trigger = document.getElementById('credits-trigger-btn');
@@ -736,6 +744,7 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
736744

737745
document.body.classList.add('ready');
738746
updateSemester();
747+
updateFooterYear();
739748
setupMenu();
740749
setupCursor();
741750
setupContacts();
@@ -745,8 +754,14 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
745754

746755
<footer class="footer-minimal">
747756
<div class="footer-container">
757+
<div class="footer-link-list" aria-label="Footer links">
758+
<a class="footer-link-pill" href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer">GitHub</a>
759+
<a class="footer-link-pill" href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
760+
<a class="footer-link-pill" href="mailto:lavcsystems@gmail.com">Email</a>
761+
<a class="footer-link-pill footer-link-pill-accent" href="https://github.com/sponsors/PkLavc" target="_blank" rel="noopener noreferrer">Sponsor me</a>
762+
</div>
748763
<p>
749-
&copy; 2026 Patrick Araujo &bull;
764+
&copy; <span id="current-year"></span> Patrick Araujo &bull;
750765
<span class="github-dev-badge">Member of <b>GitHub Developer Program</b></span> &bull;
751766
<button id="credits-trigger-btn" class="credits-trigger" type="button" onclick="toggleCredits()" aria-controls="credits-list" aria-expanded="false">Resources & Attributions</button>
752767
</p>
@@ -770,3 +785,4 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
770785

771786

772787

788+

‎collections/api-integration-projects/index.html‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="author" content="Patrick Araujo">
6+
<title>API Integration Projects | Workers, ETL, and Webhooks | Patrick Araujo</title>
7+
<meta name="description" content="API integration projects with worker orchestration, ERP synchronization, webhook processing, and backend automation pipelines.">
8+
<meta name="robots" content="index, follow">
9+
<link rel="canonical" href="https://pklavc.github.io/collections/api-integration-projects/">
10+
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
11+
<link rel="stylesheet" href="/css/global.css">
12+
<link rel="stylesheet" href="/css/seo-layout.css">
13+
<style>.wrap{max-width:1000px;margin:0 auto;padding:48px 20px;}h1,h2,h3{color:#fff;}p,li{color:#d0d0d0;line-height:1.75;}a{color:#64c8ff;}</style>
14+
</head>
15+
<body class="seo-layout">
16+
<main class="wrap">
17+
<h1>API Integration Projects and System Clusters</h1>
18+
<p>This page is a direct cluster for api integration system discovery. It groups all integration-related project pages and organizes them by function: orchestration, provider extraction, ERP synchronization, and event-driven reliability.</p>
19+
20+
<h2>Orchestration Layer</h2>
21+
<ul>
22+
<li><a href="/projects/google-auth-worker/">Google Auth Worker</a>: token generation, secure secret update, repository dispatch.</li>
23+
</ul>
24+
25+
<h2>Provider and ETL Integration Workers</h2>
26+
<ul>
27+
<li><a href="/projects/zoho-integration-worker/">Zoho Integration Worker</a>: Zoho Creator extraction, mapping, sync.</li>
28+
<li><a href="/projects/hablla-integration-worker/">Hablla Integration Worker</a>: card and attendance aggregation pipeline.</li>
29+
<li><a href="/projects/zenvia-integration-worker/">Zenvia Integration Worker</a>: reporting ingestion and filtering.</li>
30+
</ul>
31+
32+
<h2>ERP Integration Pipelines</h2>
33+
<ul>
34+
<li><a href="/projects/sige-integration-worker/">SIGE Integration Worker</a>: billing and reconciliation transformation.</li>
35+
<li><a href="/projects/omie-integration-worker/">Omie Integration Worker</a>: sales and product synchronization.</li>
36+
</ul>
37+
38+
<h2>Event and Backend Reliability</h2>
39+
<ul>
40+
<li><a href="/projects/event-driven-integration-service/">Event-Driven Integration Service</a>: webhook processing and event-driven architecture.</li>
41+
<li><a href="/projects/multi-tenant-saas-platform/">Multi-Tenant SaaS Platform</a>: backend API architecture and job processing.</li>
42+
</ul>
43+
44+
<h2>Cluster Context</h2>
45+
<p>These projects are connected to real integration responsibilities documented in resume and work notes: integration across 6+ core systems, API-first exchange across 4+ platforms, endpoint debugging, and operational automation outcomes tied to reporting workflows.</p>
46+
47+
<h2>Related Pages</h2>
48+
<ul>
49+
<li><a href="/stacks/api-integration-engineer/">API Integration Engineer</a></li>
50+
<li><a href="/stacks/backend-automation/">Backend Automation</a></li>
51+
<li><a href="/stacks/nodejs-backend/">Node.js Backend</a></li>
52+
<li><a href="/stacks/zoho-deluge-developer/">Zoho Deluge Developer</a></li>
53+
<li><a href="/about/">Patrick Araujo profile</a></li>
54+
</ul>
55+
</main>
56+
<footer class="footer-minimal">
57+
<div class="footer-container">
58+
<div class="footer-link-list" aria-label="Footer links">
59+
<a class="footer-link-pill" href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer">GitHub</a>
60+
<a class="footer-link-pill" href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
61+
<a class="footer-link-pill" href="mailto:lavcsystems@gmail.com">Email</a>
62+
<a class="footer-link-pill footer-link-pill-accent" href="https://github.com/sponsors/PkLavc" target="_blank" rel="noopener noreferrer">Sponsor me</a>
63+
</div>
64+
<p>
65+
&copy; <span data-current-year></span> Patrick Araujo &bull;
66+
<span class="github-dev-badge">Member of <b>GitHub Developer Program</b></span>
67+
</p>
68+
</div>
69+
</footer>
70+
<script>
71+
(function() {
72+
document.querySelectorAll('[data-current-year]').forEach(function(node) {
73+
node.textContent = String(new Date().getFullYear());
74+
});
75+
}());
76+
</script>
77+
</body>
78+
</html>

‎collections/automation-projects/index.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="author" content="Patrick Araujo">
6+
<title>Automation Projects | Backend Workflows and Integrations | Patrick Araujo</title>
7+
<meta name="description" content="Automation projects covering backend workflows, API synchronization, webhook processing, and operational reporting systems.">
8+
<meta name="robots" content="index, follow">
9+
<link rel="canonical" href="https://pklavc.github.io/collections/automation-projects/">
10+
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
11+
<link rel="stylesheet" href="/css/global.css">
12+
<link rel="stylesheet" href="/css/seo-layout.css">
13+
<style>.wrap{max-width:1000px;margin:0 auto;padding:48px 20px;}h1,h2,h3{color:#fff;}p,li{color:#d0d0d0;line-height:1.75;}a{color:#64c8ff;}</style>
14+
</head>
15+
<body class="seo-layout">
16+
<main class="wrap">
17+
<h1>Automation Projects Cluster for Backend Engineering</h1>
18+
<p>This cluster page groups automation systems that replace manual processes with API-driven and event-driven backend workflows. It is intended as a focused search entry for automation system and backend automation queries.</p>
19+
<h2>Authentication and Orchestration Automation</h2>
20+
<ul><li><a href="/projects/google-auth-worker/">Google Auth Worker</a></li></ul>
21+
<h2>ETL and Synchronization Automation</h2>
22+
<ul>
23+
<li><a href="/projects/zoho-integration-worker/">Zoho Integration Worker</a></li>
24+
<li><a href="/projects/hablla-integration-worker/">Hablla Integration Worker</a></li>
25+
<li><a href="/projects/zenvia-integration-worker/">Zenvia Integration Worker</a></li>
26+
<li><a href="/projects/sige-integration-worker/">SIGE Integration Worker</a></li>
27+
<li><a href="/projects/omie-integration-worker/">Omie Integration Worker</a></li>
28+
</ul>
29+
<h2>Reliability and Event Automation</h2>
30+
<ul>
31+
<li><a href="/projects/event-driven-integration-service/">Event-Driven Integration Service</a></li>
32+
<li><a href="/projects/aegis-sentinel/">Aegis Sentinel</a></li>
33+
<li><a href="/projects/cloud-deployment-showcase/">Cloud Deployment Showcase</a></li>
34+
</ul>
35+
<h2>Cluster Notes</h2>
36+
<p>These pages represent real implementation contexts documented in projects and resume evidence, including automation workflows that reduced repetitive operational work and improved processing reliability in integration-heavy environments.</p>
37+
<ul>
38+
<li><a href="/stacks/backend-automation/">Backend Automation profile page</a></li>
39+
<li><a href="/stacks/api-integration-engineer/">API Integration Engineer profile page</a></li>
40+
</ul>
41+
</main>
42+
<footer class="footer-minimal">
43+
<div class="footer-container">
44+
<div class="footer-link-list" aria-label="Footer links">
45+
<a class="footer-link-pill" href="https://github.com/PkLavc" target="_blank" rel="noopener noreferrer">GitHub</a>
46+
<a class="footer-link-pill" href="https://www.linkedin.com/in/patrickajm/" target="_blank" rel="noopener noreferrer">LinkedIn</a>
47+
<a class="footer-link-pill" href="mailto:lavcsystems@gmail.com">Email</a>
48+
<a class="footer-link-pill footer-link-pill-accent" href="https://github.com/sponsors/PkLavc" target="_blank" rel="noopener noreferrer">Sponsor me</a>
49+
</div>
50+
<p>
51+
&copy; <span data-current-year></span> Patrick Araujo &bull;
52+
<span class="github-dev-badge">Member of <b>GitHub Developer Program</b></span>
53+
</p>
54+
</div>
55+
</footer>
56+
<script>
57+
(function() {
58+
document.querySelectorAll('[data-current-year]').forEach(function(node) {
59+
node.textContent = String(new Date().getFullYear());
60+
});
61+
}());
62+
</script>
63+
</body>
64+
</html>

0 commit comments

Comments
 (0)