@ansiversa/components 0.0.119 → 0.0.121

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.
Files changed (19) hide show
  1. package/index.ts +6 -3
  2. package/package.json +1 -2
  3. package/src/Summary/FlashNoteSummary.astro +69 -0
  4. package/src/Summary/PortfolioCreatorSummary.astro +71 -0
  5. package/src/Summary/ResumeBuilderSummary.astro +70 -0
  6. package/src/Summary/types.ts +36 -0
  7. package/src/resume-templates/ResumeBuilderShell.astro +1 -1
  8. package/src/resume-templates/ResumeTemplateClassic.astro +18 -40
  9. package/src/resume-templates/ResumeTemplateExecutiveTimeline.astro +22 -27
  10. package/src/resume-templates/ResumeTemplateMinimal.astro +2 -2
  11. package/src/resume-templates/ResumeTemplateModernTwoTone.astro +39 -45
  12. package/{resume-templates → src/resume-templates}/typescript-schema.ts +17 -19
  13. package/src/styles/global.css +5 -0
  14. package/src/utils/appUrls.ts +6 -1
  15. package/resume-templates/template-1.html +0 -154
  16. package/resume-templates/template-2.html +0 -172
  17. package/resume-templates/template-3.html +0 -160
  18. package/resume-templates/template-4.html +0 -156
  19. /package/{resume-templates → src/resume-templates}/resumeData.ts +0 -0
package/resume-templates/template-3.html DELETED
@@ -1,160 +0,0 @@
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>
package/resume-templates/template-4.html DELETED
@@ -1,156 +0,0 @@
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 4 - Executive Timeline</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 4 — Executive Timeline</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-7 sm:p-10 shadow-sm ring-1 ring-slate-200 print:shadow-none print:ring-0">
28
- <header class="flex flex-col gap-5 sm:flex-row sm:items-end sm:justify-between">
29
- <div>
30
- <h1 class="text-3xl font-bold tracking-tight">Karthikeyan Ramalingam</h1>
31
- <p class="mt-1 text-sm font-medium text-slate-700">Senior Software Developer</p>
32
- <div class="mt-3 flex flex-wrap gap-2 text-xs text-slate-600">
33
- <span class="rounded-full bg-slate-100 px-3 py-1">Abu Dhabi, UAE</span>
34
- <span class="rounded-full bg-slate-100 px-3 py-1">you@email.com</span>
35
- <span class="rounded-full bg-slate-100 px-3 py-1">+971 50 000 0000</span>
36
- <span class="rounded-full bg-slate-100 px-3 py-1">linkedin.com/in/yourname</span>
37
- </div>
38
- </div>
39
-
40
- <div class="rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm text-slate-700 sm:max-w-sm">
41
- <div class="text-xs font-semibold tracking-widest text-slate-500">SUMMARY</div>
42
- <p class="mt-2 leading-6">
43
- I build scalable products with strict standards, predictable architecture, and premium UX.
44
- I prefer verification-first delivery and long-term maintainability.
45
- </p>
46
- </div>
47
- </header>
48
-
49
- <div class="my-8 h-px bg-slate-200"></div>
50
-
51
- <div class="grid gap-10 lg:grid-cols-3">
52
- <!-- Main timeline -->
53
- <div class="lg:col-span-2">
54
- <h2 class="text-sm font-bold tracking-widest text-slate-900">EXPERIENCE</h2>
55
-
56
- <div class="mt-6 space-y-8">
57
- <!-- Timeline item -->
58
- <div class="relative pl-6">
59
- <div class="absolute left-0 top-1.5 h-full w-px bg-slate-200"></div>
60
- <div class="absolute left-[-5px] top-1.5 h-3 w-3 rounded-full bg-slate-900"></div>
61
-
62
- <div class="flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between">
63
- <div>
64
- <h3 class="text-base font-semibold">Senior Software Developer</h3>
65
- <p class="text-sm text-slate-700">Global Aerospace Logistics Company</p>
66
- </div>
67
- <p class="text-sm text-slate-600">2023 — Present</p>
68
- </div>
69
-
70
- <ul class="mt-3 list-disc space-y-2 pl-5 text-sm leading-6 text-slate-700">
71
- <li>Architected internal platforms to improve operational visibility and reliability.</li>
72
- <li>Built a reusable UI system that reduced feature delivery time.</li>
73
- <li>Strengthened production quality with standards and verification.</li>
74
- </ul>
75
- </div>
76
-
77
- <div class="relative pl-6">
78
- <div class="absolute left-0 top-1.5 h-full w-px bg-slate-200"></div>
79
- <div class="absolute left-[-5px] top-1.5 h-3 w-3 rounded-full bg-slate-900"></div>
80
-
81
- <div class="flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between">
82
- <div>
83
- <h3 class="text-base font-semibold">Software Developer</h3>
84
- <p class="text-sm text-slate-700">HCL Technologies</p>
85
- </div>
86
- <p class="text-sm text-slate-600">2019 — 2023</p>
87
- </div>
88
-
89
- <ul class="mt-3 list-disc space-y-2 pl-5 text-sm leading-6 text-slate-700">
90
- <li>Delivered enterprise modules with maintainable architecture and stable releases.</li>
91
- <li>Improved reporting and data handling for business critical operations.</li>
92
- </ul>
93
- </div>
94
- </div>
95
-
96
- <div class="mt-10">
97
- <h2 class="text-sm font-bold tracking-widest text-slate-900">PROJECTS</h2>
98
- <div class="mt-5 space-y-4">
99
- <div class="rounded-xl border border-slate-200 p-4">
100
- <div class="flex items-baseline justify-between">
101
- <h3 class="font-semibold">Ansiversa</h3>
102
- <span class="text-xs text-slate-500">2024—Present</span>
103
- </div>
104
- <p class="mt-2 text-sm leading-6 text-slate-700">
105
- Multi-app ecosystem with shared auth + shared UI components under strict standards.
106
- </p>
107
- </div>
108
- <div class="rounded-xl border border-slate-200 p-4">
109
- <div class="flex items-baseline justify-between">
110
- <h3 class="font-semibold">Quiz Institute</h3>
111
- <span class="text-xs text-slate-500">2024—Present</span>
112
- </div>
113
- <p class="mt-2 text-sm leading-6 text-slate-700">
114
- Step-based quiz playthrough with dynamic metadata and results saving.
115
- </p>
116
- </div>
117
- </div>
118
- </div>
119
- </div>
120
-
121
- <!-- Sidebar -->
122
- <aside class="space-y-8">
123
- <section class="rounded-xl border border-slate-200 p-4">
124
- <h2 class="text-xs font-bold tracking-widest text-slate-500">SKILLS</h2>
125
- <div class="mt-3 flex flex-wrap gap-2">
126
- <span class="rounded-full bg-slate-100 px-3 py-1 text-xs">TypeScript</span>
127
- <span class="rounded-full bg-slate-100 px-3 py-1 text-xs">Astro</span>
128
- <span class="rounded-full bg-slate-100 px-3 py-1 text-xs">Alpine</span>
129
- <span class="rounded-full bg-slate-100 px-3 py-1 text-xs">SQL</span>
130
- <span class="rounded-full bg-slate-100 px-3 py-1 text-xs">Architecture</span>
131
- </div>
132
- </section>
133
-
134
- <section class="rounded-xl border border-slate-200 p-4">
135
- <h2 class="text-xs font-bold tracking-widest text-slate-500">EDUCATION</h2>
136
- <div class="mt-3 text-sm text-slate-700">
137
- <div class="font-semibold">B.E. / B.Tech — CSE</div>
138
- <div class="text-slate-600">Your University Name</div>
139
- <div class="text-slate-500">2015 — 2019</div>
140
- </div>
141
- </section>
142
-
143
- <section class="rounded-xl border border-slate-200 p-4">
144
- <h2 class="text-xs font-bold tracking-widest text-slate-500">HIGHLIGHTS</h2>
145
- <ul class="mt-3 space-y-2 text-sm leading-6 text-slate-700">
146
- <li>• Premium design systems</li>
147
- <li>• Verification-first delivery</li>
148
- <li>• Maintainable architecture</li>
149
- </ul>
150
- </section>
151
- </aside>
152
- </div>
153
- </section>
154
- </main>
155
- </body>
156
- </html>