@ansiversa/components 0.0.105 → 0.0.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.ts +8 -0
- package/package.json +2 -1
- package/resume-templates/resumeData.ts +134 -0
- package/resume-templates/template-1.html +154 -0
- package/resume-templates/template-2.html +172 -0
- package/resume-templates/template-3.html +160 -0
- package/resume-templates/template-4.html +156 -0
- package/resume-templates/typescript-schema.ts +115 -0
- package/src/resume-templates/ResumeBuilderShell.astro +25 -0
- package/src/resume-templates/ResumeTemplateClassic.astro +234 -0
- package/src/resume-templates/ResumeTemplateExecutiveTimeline.astro +188 -0
- package/src/resume-templates/ResumeTemplateMinimal.astro +219 -0
- package/src/resume-templates/ResumeTemplateModernTwoTone.astro +245 -0
package/index.ts
CHANGED
|
@@ -33,6 +33,14 @@ export { default as AvTable } from './src/AvTable.astro';
|
|
|
33
33
|
export { default as AvTableToolbar } from './src/AvTableToolbar.astro';
|
|
34
34
|
export { default as AvTablePagination } from './src/AvTablePagination.astro';
|
|
35
35
|
export { default as QuizSummary } from './src/Summary/QuizSummary.astro';
|
|
36
|
+
export { default as ResumeBuilderShell } from './src/resume-templates/ResumeBuilderShell.astro';
|
|
37
|
+
export { default as ResumeTemplateClassic } from './src/resume-templates/ResumeTemplateClassic.astro';
|
|
38
|
+
export { default as ResumeTemplateModernTwoTone } from './src/resume-templates/ResumeTemplateModernTwoTone.astro';
|
|
39
|
+
export { default as ResumeTemplateMinimal } from './src/resume-templates/ResumeTemplateMinimal.astro';
|
|
40
|
+
export { default as ResumeTemplateExecutiveTimeline } from './src/resume-templates/ResumeTemplateExecutiveTimeline.astro';
|
|
41
|
+
export type { ResumeData, ResumeTemplateType } from './resume-templates/typescript-schema';
|
|
42
|
+
export { formatDateRange } from './resume-templates/typescript-schema';
|
|
43
|
+
export { resumeData } from './resume-templates/resumeData';
|
|
36
44
|
|
|
37
45
|
export * from "./src/alpine";
|
|
38
46
|
export * from "./src/Summary/types";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ansiversa/components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.106",
|
|
4
4
|
"description": "Shared UI components and layouts for the Ansiversa ecosystem",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
},
|
|
11
11
|
"files": [
|
|
12
12
|
"src",
|
|
13
|
+
"resume-templates",
|
|
13
14
|
"index.ts"
|
|
14
15
|
],
|
|
15
16
|
"keywords": [
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import type { ResumeData } from "./typescript-schema";
|
|
2
|
+
|
|
3
|
+
export const resumeData: ResumeData = {
|
|
4
|
+
version: "1.0",
|
|
5
|
+
|
|
6
|
+
basics: {
|
|
7
|
+
fullName: "Karthikeyan Ramalingam",
|
|
8
|
+
headline: "Senior Software Developer",
|
|
9
|
+
summary:
|
|
10
|
+
"Senior software developer focused on scalable systems, clean UX, and production-grade architecture. Known for strict standards, verification-first delivery, and long-term maintainability.",
|
|
11
|
+
|
|
12
|
+
location: {
|
|
13
|
+
label: "Abu Dhabi, UAE",
|
|
14
|
+
city: "Abu Dhabi",
|
|
15
|
+
country: "UAE",
|
|
16
|
+
},
|
|
17
|
+
|
|
18
|
+
contact: {
|
|
19
|
+
email: "you@email.com",
|
|
20
|
+
phone: "+971 50 000 0000",
|
|
21
|
+
website: "https://ansiversa.com",
|
|
22
|
+
},
|
|
23
|
+
|
|
24
|
+
links: [
|
|
25
|
+
{ label: "LinkedIn", url: "https://linkedin.com/in/yourname" },
|
|
26
|
+
{ label: "GitHub", url: "https://github.com/yourname" },
|
|
27
|
+
],
|
|
28
|
+
},
|
|
29
|
+
|
|
30
|
+
highlights: [
|
|
31
|
+
"Built a multi-app ecosystem architecture with strict UI standards.",
|
|
32
|
+
"Verification-first workflow: freeze, QA, stability.",
|
|
33
|
+
"Component-driven UI systems for consistent premium UX.",
|
|
34
|
+
],
|
|
35
|
+
|
|
36
|
+
skills: [
|
|
37
|
+
{ name: "TypeScript", level: "Advanced" },
|
|
38
|
+
{ name: "Node.js", level: "Advanced" },
|
|
39
|
+
{ name: "Astro", level: "Advanced" },
|
|
40
|
+
{ name: "Alpine.js", level: "Advanced" },
|
|
41
|
+
{ name: "PostgreSQL", level: "Intermediate" },
|
|
42
|
+
{ name: "libSQL", level: "Intermediate" },
|
|
43
|
+
{ name: "Tailwind CSS", level: "Advanced" },
|
|
44
|
+
{ name: "System Design", level: "Advanced" },
|
|
45
|
+
],
|
|
46
|
+
|
|
47
|
+
experience: [
|
|
48
|
+
{
|
|
49
|
+
id: "exp-aero-001",
|
|
50
|
+
role: "Senior Software Developer",
|
|
51
|
+
company: "Global Aerospace Logistics Company",
|
|
52
|
+
location: "UAE",
|
|
53
|
+
start: { year: 2023, month: 1 },
|
|
54
|
+
present: true,
|
|
55
|
+
bullets: [
|
|
56
|
+
"Designed and shipped internal platforms improving operational visibility and data accuracy.",
|
|
57
|
+
"Built reusable UI patterns and performance-focused server workflows.",
|
|
58
|
+
"Collaborated cross-functionally to deliver stable production releases.",
|
|
59
|
+
],
|
|
60
|
+
tags: ["Architecture", "UI Systems", "Delivery"],
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
id: "exp-hcl-001",
|
|
64
|
+
role: "Software Developer",
|
|
65
|
+
company: "HCL Technologies",
|
|
66
|
+
location: "India",
|
|
67
|
+
start: { year: 2019, month: 6 },
|
|
68
|
+
end: { year: 2023, month: 12 },
|
|
69
|
+
bullets: [
|
|
70
|
+
"Delivered enterprise features with strong focus on quality and maintainability.",
|
|
71
|
+
"Improved reporting workflows and data handling for business-critical modules.",
|
|
72
|
+
"Worked closely with QA and product owners to reduce defects and speed up releases.",
|
|
73
|
+
],
|
|
74
|
+
tags: ["Enterprise", "Quality", "Reporting"],
|
|
75
|
+
},
|
|
76
|
+
],
|
|
77
|
+
|
|
78
|
+
projects: [
|
|
79
|
+
{
|
|
80
|
+
id: "proj-ansiversa-001",
|
|
81
|
+
name: "Ansiversa (Ecosystem Platform)",
|
|
82
|
+
link: "https://ansiversa.com",
|
|
83
|
+
start: { year: 2024, month: 12 },
|
|
84
|
+
present: true,
|
|
85
|
+
summary:
|
|
86
|
+
"Built a multi-app ecosystem with shared auth, shared UI components, and strict naming/structural standards.",
|
|
87
|
+
bullets: [
|
|
88
|
+
"Designed a multi-repo architecture for a parent app + 100 mini-apps.",
|
|
89
|
+
"Standardized UI/UX via a shared npm component library for all apps.",
|
|
90
|
+
"Implemented cross-app dashboard activity via webhooks and app-specific summaries.",
|
|
91
|
+
],
|
|
92
|
+
tags: ["Astro", "Alpine", "Tailwind", "libSQL"],
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
id: "proj-quiz-001",
|
|
96
|
+
name: "Quiz Institute",
|
|
97
|
+
link: "https://quiz.institute",
|
|
98
|
+
start: { year: 2024, month: 12 },
|
|
99
|
+
present: true,
|
|
100
|
+
summary:
|
|
101
|
+
"Step-based quiz selection + playthrough with dynamic metadata loading and result saving.",
|
|
102
|
+
tags: ["Astro", "PostgreSQL", "Alpine"],
|
|
103
|
+
},
|
|
104
|
+
],
|
|
105
|
+
|
|
106
|
+
education: [
|
|
107
|
+
{
|
|
108
|
+
id: "edu-001",
|
|
109
|
+
degree: "B.E. / B.Tech — Computer Science",
|
|
110
|
+
school: "Your University Name",
|
|
111
|
+
start: { year: 2015 },
|
|
112
|
+
end: { year: 2019 },
|
|
113
|
+
},
|
|
114
|
+
],
|
|
115
|
+
|
|
116
|
+
certifications: [
|
|
117
|
+
{
|
|
118
|
+
id: "cert-001",
|
|
119
|
+
name: "AWS / Azure Fundamentals (Optional)",
|
|
120
|
+
issuer: "Optional",
|
|
121
|
+
year: 2022,
|
|
122
|
+
},
|
|
123
|
+
],
|
|
124
|
+
|
|
125
|
+
languages: [
|
|
126
|
+
{ name: "English", proficiency: "Professional" },
|
|
127
|
+
{ name: "Tamil", proficiency: "Native" },
|
|
128
|
+
],
|
|
129
|
+
|
|
130
|
+
settings: {
|
|
131
|
+
showSkillsAs: "chips",
|
|
132
|
+
paper: "A4",
|
|
133
|
+
},
|
|
134
|
+
};
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Resume Template 1 - Classic ATS</title>
|
|
7
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
8
|
+
<style>
|
|
9
|
+
@media print {
|
|
10
|
+
.no-print { display: none !important; }
|
|
11
|
+
a { text-decoration: none; color: inherit; }
|
|
12
|
+
}
|
|
13
|
+
</style>
|
|
14
|
+
</head>
|
|
15
|
+
<body class="bg-slate-100 text-slate-900">
|
|
16
|
+
<div class="no-print sticky top-0 z-10 border-b border-slate-200 bg-white/90 backdrop-blur">
|
|
17
|
+
<div class="mx-auto flex max-w-4xl items-center justify-between px-4 py-3">
|
|
18
|
+
<div class="text-sm text-slate-600">Template 1 — Classic ATS</div>
|
|
19
|
+
<button class="rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-50" onclick="window.print()">
|
|
20
|
+
Print / Save PDF
|
|
21
|
+
</button>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
<main class="mx-auto max-w-4xl p-4 sm:p-6">
|
|
26
|
+
<section class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-200 sm:p-10 print:shadow-none print:ring-0">
|
|
27
|
+
<header class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
|
|
28
|
+
<div>
|
|
29
|
+
<h1 class="text-3xl font-bold tracking-tight">Karthikeyan Ramalingam</h1>
|
|
30
|
+
<p class="mt-1 text-base font-medium text-slate-700">Senior Software Developer</p>
|
|
31
|
+
<p class="mt-3 max-w-2xl text-sm leading-6 text-slate-600">
|
|
32
|
+
Senior software developer focused on scalable systems, clean UX, and production-grade architecture.
|
|
33
|
+
</p>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
<div class="text-sm text-slate-700 sm:text-right">
|
|
37
|
+
<div class="flex flex-col gap-1">
|
|
38
|
+
<span>Abu Dhabi, UAE</span>
|
|
39
|
+
<a class="text-slate-900 underline underline-offset-2 hover:text-slate-700" href="mailto:you@email.com">you@email.com</a>
|
|
40
|
+
<a class="text-slate-900 underline underline-offset-2 hover:text-slate-700" href="tel:+971500000000">+971 50 000 0000</a>
|
|
41
|
+
<a class="text-slate-900 underline underline-offset-2 hover:text-slate-700" href="#">ansiversa.com</a>
|
|
42
|
+
<a class="text-slate-900 underline underline-offset-2 hover:text-slate-700" href="#">linkedin.com/in/yourname</a>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</header>
|
|
46
|
+
|
|
47
|
+
<div class="my-8 h-px bg-slate-200"></div>
|
|
48
|
+
|
|
49
|
+
<div class="grid gap-10 lg:grid-cols-3">
|
|
50
|
+
<div class="lg:col-span-2 space-y-10">
|
|
51
|
+
<section>
|
|
52
|
+
<h2 class="text-sm font-bold tracking-widest text-slate-900">EXPERIENCE</h2>
|
|
53
|
+
<div class="mt-4 space-y-6">
|
|
54
|
+
<article>
|
|
55
|
+
<div class="flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between">
|
|
56
|
+
<div>
|
|
57
|
+
<h3 class="text-base font-semibold">Senior Software Developer</h3>
|
|
58
|
+
<p class="text-sm text-slate-700">Global Aerospace Logistics Company</p>
|
|
59
|
+
</div>
|
|
60
|
+
<p class="text-sm text-slate-600">2023 — Present · UAE</p>
|
|
61
|
+
</div>
|
|
62
|
+
<ul class="mt-3 list-disc space-y-2 pl-5 text-sm leading-6 text-slate-700">
|
|
63
|
+
<li>Designed and shipped internal platforms improving operational visibility and data accuracy.</li>
|
|
64
|
+
<li>Built reusable UI patterns and performance-focused server workflows.</li>
|
|
65
|
+
<li>Collaborated cross-functionally to deliver stable production releases.</li>
|
|
66
|
+
</ul>
|
|
67
|
+
</article>
|
|
68
|
+
|
|
69
|
+
<article>
|
|
70
|
+
<div class="flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between">
|
|
71
|
+
<div>
|
|
72
|
+
<h3 class="text-base font-semibold">Software Developer</h3>
|
|
73
|
+
<p class="text-sm text-slate-700">HCL Technologies</p>
|
|
74
|
+
</div>
|
|
75
|
+
<p class="text-sm text-slate-600">2019 — 2023 · India</p>
|
|
76
|
+
</div>
|
|
77
|
+
<ul class="mt-3 list-disc space-y-2 pl-5 text-sm leading-6 text-slate-700">
|
|
78
|
+
<li>Delivered enterprise features with strong focus on quality and maintainability.</li>
|
|
79
|
+
<li>Improved reporting workflows and data handling for business-critical modules.</li>
|
|
80
|
+
<li>Worked closely with QA and product owners to reduce defects.</li>
|
|
81
|
+
</ul>
|
|
82
|
+
</article>
|
|
83
|
+
</div>
|
|
84
|
+
</section>
|
|
85
|
+
|
|
86
|
+
<section>
|
|
87
|
+
<h2 class="text-sm font-bold tracking-widest text-slate-900">PROJECTS</h2>
|
|
88
|
+
<div class="mt-4 space-y-5">
|
|
89
|
+
<article>
|
|
90
|
+
<div class="flex items-baseline justify-between gap-3">
|
|
91
|
+
<h3 class="text-base font-semibold">Ansiversa</h3>
|
|
92
|
+
<p class="text-sm text-slate-600">2024 — Present</p>
|
|
93
|
+
</div>
|
|
94
|
+
<p class="mt-2 text-sm leading-6 text-slate-700">
|
|
95
|
+
Built a multi-app ecosystem with shared auth, strict UI standards, and a reusable component library.
|
|
96
|
+
</p>
|
|
97
|
+
<div class="mt-2 flex flex-wrap gap-2">
|
|
98
|
+
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">Astro</span>
|
|
99
|
+
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">Alpine</span>
|
|
100
|
+
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">Tailwind</span>
|
|
101
|
+
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-medium text-slate-700">libSQL</span>
|
|
102
|
+
</div>
|
|
103
|
+
</article>
|
|
104
|
+
</div>
|
|
105
|
+
</section>
|
|
106
|
+
|
|
107
|
+
<section>
|
|
108
|
+
<h2 class="text-sm font-bold tracking-widest text-slate-900">EDUCATION</h2>
|
|
109
|
+
<div class="mt-4">
|
|
110
|
+
<div class="flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between">
|
|
111
|
+
<div>
|
|
112
|
+
<h3 class="text-base font-semibold">B.E. / B.Tech — Computer Science</h3>
|
|
113
|
+
<p class="text-sm text-slate-700">Your University Name</p>
|
|
114
|
+
</div>
|
|
115
|
+
<p class="text-sm text-slate-600">2015 — 2019</p>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
</section>
|
|
119
|
+
</div>
|
|
120
|
+
|
|
121
|
+
<aside class="space-y-10">
|
|
122
|
+
<section>
|
|
123
|
+
<h2 class="text-sm font-bold tracking-widest text-slate-900">SKILLS</h2>
|
|
124
|
+
<div class="mt-4 flex flex-wrap gap-2">
|
|
125
|
+
<span class="rounded-lg bg-slate-100 px-3 py-1.5 text-sm text-slate-800">TypeScript</span>
|
|
126
|
+
<span class="rounded-lg bg-slate-100 px-3 py-1.5 text-sm text-slate-800">Node.js</span>
|
|
127
|
+
<span class="rounded-lg bg-slate-100 px-3 py-1.5 text-sm text-slate-800">Astro</span>
|
|
128
|
+
<span class="rounded-lg bg-slate-100 px-3 py-1.5 text-sm text-slate-800">PostgreSQL</span>
|
|
129
|
+
<span class="rounded-lg bg-slate-100 px-3 py-1.5 text-sm text-slate-800">System Design</span>
|
|
130
|
+
</div>
|
|
131
|
+
</section>
|
|
132
|
+
|
|
133
|
+
<section>
|
|
134
|
+
<h2 class="text-sm font-bold tracking-widest text-slate-900">HIGHLIGHTS</h2>
|
|
135
|
+
<ul class="mt-4 space-y-2 text-sm leading-6 text-slate-700">
|
|
136
|
+
<li>• Strong focus on clean UX and predictable components.</li>
|
|
137
|
+
<li>• Production mindset: verification, freeze, stability.</li>
|
|
138
|
+
<li>• Built reusable standards for a 100-app ecosystem.</li>
|
|
139
|
+
</ul>
|
|
140
|
+
</section>
|
|
141
|
+
|
|
142
|
+
<section>
|
|
143
|
+
<h2 class="text-sm font-bold tracking-widest text-slate-900">LANGUAGES</h2>
|
|
144
|
+
<ul class="mt-4 space-y-2 text-sm text-slate-700">
|
|
145
|
+
<li>English</li>
|
|
146
|
+
<li>Tamil</li>
|
|
147
|
+
</ul>
|
|
148
|
+
</section>
|
|
149
|
+
</aside>
|
|
150
|
+
</div>
|
|
151
|
+
</section>
|
|
152
|
+
</main>
|
|
153
|
+
</body>
|
|
154
|
+
</html>
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Resume Template 2 - Modern Two-Tone</title>
|
|
7
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
8
|
+
<style>
|
|
9
|
+
@media print {
|
|
10
|
+
.no-print { display: none !important; }
|
|
11
|
+
a { text-decoration: none; color: inherit; }
|
|
12
|
+
body { background: white !important; }
|
|
13
|
+
}
|
|
14
|
+
</style>
|
|
15
|
+
</head>
|
|
16
|
+
<body class="bg-slate-100 text-slate-900">
|
|
17
|
+
<div class="no-print sticky top-0 z-10 border-b border-slate-200 bg-white/90 backdrop-blur">
|
|
18
|
+
<div class="mx-auto flex max-w-4xl items-center justify-between px-4 py-3">
|
|
19
|
+
<div class="text-sm text-slate-600">Template 2 — Modern Two-Tone</div>
|
|
20
|
+
<button class="rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-50" onclick="window.print()">
|
|
21
|
+
Print / Save PDF
|
|
22
|
+
</button>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<main class="mx-auto max-w-4xl p-4 sm:p-6">
|
|
27
|
+
<section class="overflow-hidden rounded-2xl bg-white shadow-sm ring-1 ring-slate-200 print:shadow-none print:ring-0">
|
|
28
|
+
<div class="grid lg:grid-cols-12">
|
|
29
|
+
<!-- Sidebar -->
|
|
30
|
+
<aside class="lg:col-span-4 bg-slate-900 text-white p-7 sm:p-10">
|
|
31
|
+
<div class="space-y-6">
|
|
32
|
+
<div>
|
|
33
|
+
<h1 class="text-3xl font-bold tracking-tight">Karthikeyan</h1>
|
|
34
|
+
<h1 class="text-3xl font-bold tracking-tight -mt-1">Ramalingam</h1>
|
|
35
|
+
<p class="mt-2 text-sm text-white/80">Senior Software Developer</p>
|
|
36
|
+
</div>
|
|
37
|
+
|
|
38
|
+
<div class="h-px bg-white/10"></div>
|
|
39
|
+
|
|
40
|
+
<div class="space-y-2 text-sm">
|
|
41
|
+
<div class="text-white/70">CONTACT</div>
|
|
42
|
+
<div class="space-y-1 text-white/90">
|
|
43
|
+
<div>Abu Dhabi, UAE</div>
|
|
44
|
+
<a class="underline underline-offset-2" href="mailto:you@email.com">you@email.com</a>
|
|
45
|
+
<a class="underline underline-offset-2" href="tel:+971500000000">+971 50 000 0000</a>
|
|
46
|
+
<a class="underline underline-offset-2" href="#">ansiversa.com</a>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<div class="space-y-3">
|
|
51
|
+
<div class="text-sm text-white/70">SKILLS</div>
|
|
52
|
+
<div class="flex flex-wrap gap-2">
|
|
53
|
+
<span class="rounded-full bg-white/10 px-3 py-1 text-xs">TypeScript</span>
|
|
54
|
+
<span class="rounded-full bg-white/10 px-3 py-1 text-xs">Astro</span>
|
|
55
|
+
<span class="rounded-full bg-white/10 px-3 py-1 text-xs">Alpine</span>
|
|
56
|
+
<span class="rounded-full bg-white/10 px-3 py-1 text-xs">SQL</span>
|
|
57
|
+
<span class="rounded-full bg-white/10 px-3 py-1 text-xs">Architecture</span>
|
|
58
|
+
<span class="rounded-full bg-white/10 px-3 py-1 text-xs">UI Systems</span>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
|
|
62
|
+
<div class="space-y-2">
|
|
63
|
+
<div class="text-sm text-white/70">LINKS</div>
|
|
64
|
+
<div class="space-y-1 text-sm text-white/90">
|
|
65
|
+
<a class="underline underline-offset-2" href="#">linkedin.com/in/yourname</a>
|
|
66
|
+
<a class="underline underline-offset-2" href="#">github.com/yourname</a>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
|
|
70
|
+
<div class="space-y-2">
|
|
71
|
+
<div class="text-sm text-white/70">LANGUAGES</div>
|
|
72
|
+
<div class="text-sm text-white/90">English · Tamil</div>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
</aside>
|
|
76
|
+
|
|
77
|
+
<!-- Main -->
|
|
78
|
+
<div class="lg:col-span-8 p-7 sm:p-10">
|
|
79
|
+
<section>
|
|
80
|
+
<h2 class="text-xs font-bold tracking-widest text-slate-500">PROFILE</h2>
|
|
81
|
+
<p class="mt-3 text-sm leading-6 text-slate-700">
|
|
82
|
+
Senior software developer with a strong track record in enterprise systems, scalable architecture,
|
|
83
|
+
and premium UI design. Known for predictable standards, verification-first delivery, and long-term maintainability.
|
|
84
|
+
</p>
|
|
85
|
+
</section>
|
|
86
|
+
|
|
87
|
+
<div class="my-8 h-px bg-slate-200"></div>
|
|
88
|
+
|
|
89
|
+
<section>
|
|
90
|
+
<h2 class="text-xs font-bold tracking-widest text-slate-500">EXPERIENCE</h2>
|
|
91
|
+
<div class="mt-5 space-y-6">
|
|
92
|
+
<article>
|
|
93
|
+
<div class="flex items-start justify-between gap-4">
|
|
94
|
+
<div>
|
|
95
|
+
<h3 class="text-base font-semibold">Senior Software Developer</h3>
|
|
96
|
+
<p class="text-sm text-slate-600">Global Aerospace Logistics Company</p>
|
|
97
|
+
</div>
|
|
98
|
+
<span class="shrink-0 rounded-full bg-slate-100 px-3 py-1 text-xs text-slate-700">2023—Present</span>
|
|
99
|
+
</div>
|
|
100
|
+
<ul class="mt-3 list-disc space-y-2 pl-5 text-sm leading-6 text-slate-700">
|
|
101
|
+
<li>Shipped systems improving operational visibility and data accuracy.</li>
|
|
102
|
+
<li>Built reusable UI patterns and server-side workflows.</li>
|
|
103
|
+
<li>Improved performance and reliability in production releases.</li>
|
|
104
|
+
</ul>
|
|
105
|
+
</article>
|
|
106
|
+
|
|
107
|
+
<article>
|
|
108
|
+
<div class="flex items-start justify-between gap-4">
|
|
109
|
+
<div>
|
|
110
|
+
<h3 class="text-base font-semibold">Software Developer</h3>
|
|
111
|
+
<p class="text-sm text-slate-600">HCL Technologies</p>
|
|
112
|
+
</div>
|
|
113
|
+
<span class="shrink-0 rounded-full bg-slate-100 px-3 py-1 text-xs text-slate-700">2019—2023</span>
|
|
114
|
+
</div>
|
|
115
|
+
<ul class="mt-3 list-disc space-y-2 pl-5 text-sm leading-6 text-slate-700">
|
|
116
|
+
<li>Delivered enterprise features with high maintainability standards.</li>
|
|
117
|
+
<li>Improved reporting and data pipelines for business-critical modules.</li>
|
|
118
|
+
</ul>
|
|
119
|
+
</article>
|
|
120
|
+
</div>
|
|
121
|
+
</section>
|
|
122
|
+
|
|
123
|
+
<div class="my-8 h-px bg-slate-200"></div>
|
|
124
|
+
|
|
125
|
+
<section class="grid gap-8 sm:grid-cols-2">
|
|
126
|
+
<div>
|
|
127
|
+
<h2 class="text-xs font-bold tracking-widest text-slate-500">PROJECTS</h2>
|
|
128
|
+
<div class="mt-4 space-y-4">
|
|
129
|
+
<div class="rounded-xl border border-slate-200 p-4">
|
|
130
|
+
<div class="flex items-baseline justify-between">
|
|
131
|
+
<h3 class="font-semibold">Ansiversa</h3>
|
|
132
|
+
<span class="text-xs text-slate-500">2024—Present</span>
|
|
133
|
+
</div>
|
|
134
|
+
<p class="mt-2 text-sm leading-6 text-slate-700">
|
|
135
|
+
Multi-app ecosystem with shared components and strict standards.
|
|
136
|
+
</p>
|
|
137
|
+
</div>
|
|
138
|
+
|
|
139
|
+
<div class="rounded-xl border border-slate-200 p-4">
|
|
140
|
+
<div class="flex items-baseline justify-between">
|
|
141
|
+
<h3 class="font-semibold">Quiz Institute</h3>
|
|
142
|
+
<span class="text-xs text-slate-500">2024—Present</span>
|
|
143
|
+
</div>
|
|
144
|
+
<p class="mt-2 text-sm leading-6 text-slate-700">
|
|
145
|
+
Step-based quiz playthrough with metadata loading and results saving.
|
|
146
|
+
</p>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
|
|
151
|
+
<div>
|
|
152
|
+
<h2 class="text-xs font-bold tracking-widest text-slate-500">EDUCATION</h2>
|
|
153
|
+
<div class="mt-4 rounded-xl border border-slate-200 p-4">
|
|
154
|
+
<h3 class="font-semibold">B.E. / B.Tech — Computer Science</h3>
|
|
155
|
+
<p class="text-sm text-slate-600">Your University Name</p>
|
|
156
|
+
<p class="mt-1 text-xs text-slate-500">2015—2019</p>
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
<h2 class="mt-8 text-xs font-bold tracking-widest text-slate-500">HIGHLIGHTS</h2>
|
|
160
|
+
<ul class="mt-4 space-y-2 text-sm leading-6 text-slate-700">
|
|
161
|
+
<li>• Verification-first delivery mindset</li>
|
|
162
|
+
<li>• Component-driven architecture</li>
|
|
163
|
+
<li>• Premium, consistent UI across apps</li>
|
|
164
|
+
</ul>
|
|
165
|
+
</div>
|
|
166
|
+
</section>
|
|
167
|
+
</div>
|
|
168
|
+
</div>
|
|
169
|
+
</section>
|
|
170
|
+
</main>
|
|
171
|
+
</body>
|
|
172
|
+
</html>
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Resume Template 3 - Minimal Luxury</title>
|
|
7
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
8
|
+
<style>
|
|
9
|
+
@media print {
|
|
10
|
+
.no-print { display: none !important; }
|
|
11
|
+
a { text-decoration: none; color: inherit; }
|
|
12
|
+
body { background: white !important; }
|
|
13
|
+
}
|
|
14
|
+
</style>
|
|
15
|
+
</head>
|
|
16
|
+
<body class="bg-slate-100 text-slate-900">
|
|
17
|
+
<div class="no-print sticky top-0 z-10 border-b border-slate-200 bg-white/90 backdrop-blur">
|
|
18
|
+
<div class="mx-auto flex max-w-4xl items-center justify-between px-4 py-3">
|
|
19
|
+
<div class="text-sm text-slate-600">Template 3 — Minimal Luxury</div>
|
|
20
|
+
<button class="rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-sm font-medium text-slate-700 hover:bg-slate-50" onclick="window.print()">
|
|
21
|
+
Print / Save PDF
|
|
22
|
+
</button>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<main class="mx-auto max-w-4xl p-4 sm:p-6">
|
|
27
|
+
<section class="rounded-2xl bg-white p-8 sm:p-12 shadow-sm ring-1 ring-slate-200 print:shadow-none print:ring-0">
|
|
28
|
+
<header class="space-y-4">
|
|
29
|
+
<div class="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
|
|
30
|
+
<div>
|
|
31
|
+
<h1 class="text-4xl font-semibold tracking-tight">Karthikeyan Ramalingam</h1>
|
|
32
|
+
<p class="mt-2 text-sm text-slate-600">Senior Software Developer · Abu Dhabi, UAE</p>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="text-sm text-slate-700 sm:text-right">
|
|
35
|
+
<div class="flex flex-col gap-1">
|
|
36
|
+
<a class="underline underline-offset-4 hover:text-slate-900" href="mailto:you@email.com">you@email.com</a>
|
|
37
|
+
<a class="underline underline-offset-4 hover:text-slate-900" href="tel:+971500000000">+971 50 000 0000</a>
|
|
38
|
+
<a class="underline underline-offset-4 hover:text-slate-900" href="#">linkedin.com/in/yourname</a>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<p class="max-w-3xl text-sm leading-7 text-slate-700">
|
|
44
|
+
I build scalable systems and clean user experiences. I prefer strict standards, predictable architecture,
|
|
45
|
+
and verification-first delivery — building products that feel premium and remain maintainable for years.
|
|
46
|
+
</p>
|
|
47
|
+
</header>
|
|
48
|
+
|
|
49
|
+
<div class="my-10 h-px bg-slate-200"></div>
|
|
50
|
+
|
|
51
|
+
<div class="grid gap-10 lg:grid-cols-12">
|
|
52
|
+
<!-- Main -->
|
|
53
|
+
<div class="lg:col-span-8 space-y-10">
|
|
54
|
+
<section>
|
|
55
|
+
<h2 class="text-xs font-semibold tracking-[0.25em] text-slate-500">EXPERIENCE</h2>
|
|
56
|
+
<div class="mt-6 space-y-8">
|
|
57
|
+
<article>
|
|
58
|
+
<div class="flex items-start justify-between gap-4">
|
|
59
|
+
<div>
|
|
60
|
+
<h3 class="text-lg font-medium">Senior Software Developer</h3>
|
|
61
|
+
<p class="text-sm text-slate-600">Global Aerospace Logistics Company</p>
|
|
62
|
+
</div>
|
|
63
|
+
<p class="text-sm text-slate-500">2023 — Present</p>
|
|
64
|
+
</div>
|
|
65
|
+
<ul class="mt-3 space-y-2 text-sm leading-7 text-slate-700">
|
|
66
|
+
<li><span class="font-medium">•</span> Led architecture decisions for internal platforms.</li>
|
|
67
|
+
<li><span class="font-medium">•</span> Built reusable UI patterns and shared components.</li>
|
|
68
|
+
<li><span class="font-medium">•</span> Reduced defects via verification and standards.</li>
|
|
69
|
+
</ul>
|
|
70
|
+
</article>
|
|
71
|
+
|
|
72
|
+
<article>
|
|
73
|
+
<div class="flex items-start justify-between gap-4">
|
|
74
|
+
<div>
|
|
75
|
+
<h3 class="text-lg font-medium">Software Developer</h3>
|
|
76
|
+
<p class="text-sm text-slate-600">HCL Technologies</p>
|
|
77
|
+
</div>
|
|
78
|
+
<p class="text-sm text-slate-500">2019 — 2023</p>
|
|
79
|
+
</div>
|
|
80
|
+
<ul class="mt-3 space-y-2 text-sm leading-7 text-slate-700">
|
|
81
|
+
<li><span class="font-medium">•</span> Delivered enterprise features with stable releases.</li>
|
|
82
|
+
<li><span class="font-medium">•</span> Improved reporting and data quality pipelines.</li>
|
|
83
|
+
</ul>
|
|
84
|
+
</article>
|
|
85
|
+
</div>
|
|
86
|
+
</section>
|
|
87
|
+
|
|
88
|
+
<section>
|
|
89
|
+
<h2 class="text-xs font-semibold tracking-[0.25em] text-slate-500">PROJECTS</h2>
|
|
90
|
+
<div class="mt-6 space-y-5">
|
|
91
|
+
<article class="rounded-xl border border-slate-200 p-5">
|
|
92
|
+
<div class="flex items-baseline justify-between gap-3">
|
|
93
|
+
<h3 class="text-base font-semibold">Ansiversa</h3>
|
|
94
|
+
<span class="text-xs text-slate-500">2024—Present</span>
|
|
95
|
+
</div>
|
|
96
|
+
<p class="mt-2 text-sm leading-7 text-slate-700">
|
|
97
|
+
Multi-app ecosystem with shared auth, shared UI components, and strict standards.
|
|
98
|
+
</p>
|
|
99
|
+
<div class="mt-3 flex flex-wrap gap-2">
|
|
100
|
+
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs">Astro</span>
|
|
101
|
+
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs">Alpine</span>
|
|
102
|
+
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs">libSQL</span>
|
|
103
|
+
</div>
|
|
104
|
+
</article>
|
|
105
|
+
|
|
106
|
+
<article class="rounded-xl border border-slate-200 p-5">
|
|
107
|
+
<div class="flex items-baseline justify-between gap-3">
|
|
108
|
+
<h3 class="text-base font-semibold">Quiz Institute</h3>
|
|
109
|
+
<span class="text-xs text-slate-500">2024—Present</span>
|
|
110
|
+
</div>
|
|
111
|
+
<p class="mt-2 text-sm leading-7 text-slate-700">
|
|
112
|
+
Step-based quiz experience with dynamic metadata loading and result saving.
|
|
113
|
+
</p>
|
|
114
|
+
</article>
|
|
115
|
+
</div>
|
|
116
|
+
</section>
|
|
117
|
+
</div>
|
|
118
|
+
|
|
119
|
+
<!-- Sidebar -->
|
|
120
|
+
<aside class="lg:col-span-4 space-y-10">
|
|
121
|
+
<section>
|
|
122
|
+
<h2 class="text-xs font-semibold tracking-[0.25em] text-slate-500">SKILLS</h2>
|
|
123
|
+
<div class="mt-5 space-y-3 text-sm text-slate-700">
|
|
124
|
+
<div class="flex items-center justify-between">
|
|
125
|
+
<span>TypeScript</span><span class="text-slate-500">Advanced</span>
|
|
126
|
+
</div>
|
|
127
|
+
<div class="flex items-center justify-between">
|
|
128
|
+
<span>System Design</span><span class="text-slate-500">Advanced</span>
|
|
129
|
+
</div>
|
|
130
|
+
<div class="flex items-center justify-between">
|
|
131
|
+
<span>Astro + Alpine</span><span class="text-slate-500">Advanced</span>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="flex items-center justify-between">
|
|
134
|
+
<span>SQL</span><span class="text-slate-500">Intermediate</span>
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
</section>
|
|
138
|
+
|
|
139
|
+
<section>
|
|
140
|
+
<h2 class="text-xs font-semibold tracking-[0.25em] text-slate-500">EDUCATION</h2>
|
|
141
|
+
<div class="mt-5 text-sm text-slate-700">
|
|
142
|
+
<div class="font-medium">B.E. / B.Tech — Computer Science</div>
|
|
143
|
+
<div class="text-slate-600">Your University Name</div>
|
|
144
|
+
<div class="text-slate-500">2015 — 2019</div>
|
|
145
|
+
</div>
|
|
146
|
+
</section>
|
|
147
|
+
|
|
148
|
+
<section>
|
|
149
|
+
<h2 class="text-xs font-semibold tracking-[0.25em] text-slate-500">CERTIFICATIONS</h2>
|
|
150
|
+
<ul class="mt-5 space-y-2 text-sm leading-7 text-slate-700">
|
|
151
|
+
<li>• AWS / Azure Fundamentals (Optional)</li>
|
|
152
|
+
<li>• Scrum / Agile (Optional)</li>
|
|
153
|
+
</ul>
|
|
154
|
+
</section>
|
|
155
|
+
</aside>
|
|
156
|
+
</div>
|
|
157
|
+
</section>
|
|
158
|
+
</main>
|
|
159
|
+
</body>
|
|
160
|
+
</html>
|