From abdd28fcc29ee34646545dca5cb2a484b09c2ba7 Mon Sep 17 00:00:00 2001 From: Alexander Date: Tue, 18 Feb 2025 23:52:08 +0400 Subject: [PATCH] improved layout --- src/cv-maker/core/template.tsx | 4 +- src/cv-maker/index.html | 85 +++++++++++++++---------------- src/cv-maker/main.ts | 14 ++++- src/cv-maker/static/john-doe.json | 44 ---------------- src/cv-maker/style.css | 6 ++- 5 files changed, 61 insertions(+), 92 deletions(-) diff --git a/src/cv-maker/core/template.tsx b/src/cv-maker/core/template.tsx index 573be6e..3d7f44c 100644 --- a/src/cv-maker/core/template.tsx +++ b/src/cv-maker/core/template.tsx @@ -100,7 +100,7 @@ function ProjectStack(project: ProjectDetails) { function ResumeHead(resume: ResumeObject) { return ( -
+
{resume.me.profiles.map(p => { const iconClass = `fa-${p.icon.split(' ').at(0)}`; return ( diff --git a/src/cv-maker/index.html b/src/cv-maker/index.html index 2635abc..ed5b76b 100644 --- a/src/cv-maker/index.html +++ b/src/cv-maker/index.html @@ -23,15 +23,18 @@ - +
- + -
+
+ +
-
+
+ >Duplicate
-
+ -
+ +
Print @@ -141,7 +138,7 @@ target="_blank" href="https://www.linkedin.com/in/alexander-kondaurov/" rel="noopener noreferrer" - class="fa-brands fa-lg fa-linkedin text-blue-300" + class="fa-brands fa-lg fa-linkedin text-blue-500" > [ + { + id: "editor", + label: "Editor" + }, + { + id: "view", + label: "View" + } +]) + Alpine.store("sections", () => [{ id: "all", - label: "Everything", + label: "All together", }, { id: "me", label: "Me", @@ -169,6 +180,7 @@ async function setup() { const name = window.prompt("Enter name of your resume", "simple"); if (!name) return; localStorage.setItem(name, JSON.stringify(state.resumeObject)); + state.availableResumes.push({ id: name, name }); }); window.addEventListener('resize', () => { diff --git a/src/cv-maker/static/john-doe.json b/src/cv-maker/static/john-doe.json index 169ff00..51e1311 100644 --- a/src/cv-maker/static/john-doe.json +++ b/src/cv-maker/static/john-doe.json @@ -110,24 +110,6 @@ "category": "programming language", "url": "https://en.wikipedia.org/wiki/JavaScript" }, - { - "id": "scala", - "name": "Scala", - "category": "programming language", - "url": "https://www.scala-lang.org/" - }, - { - "id": "play-framework", - "name": "Play Framework", - "category": "framework", - "url": "https://en.wikipedia.org/wiki/Play_Framework" - }, - { - "id": "java", - "name": "Java", - "category": "programming language", - "url": "https://en.wikipedia.org/wiki/Java_(programming_language)" - }, { "id": "aws", "name": "AWS", @@ -146,12 +128,6 @@ "category": "database", "url": "https://en.wikipedia.org/wiki/MySQL" }, - { - "id": "h2", - "name": "H2", - "category": "database", - "url": "https://en.wikipedia.org/wiki/H2_(database)" - }, { "id": "postgres", "name": "PostgreSQL", @@ -176,13 +152,6 @@ "category": "frontend", "url": "https://en.wikipedia.org/wiki/AngularJS" }, - - { - "id": "azure", - "name": "Azure", - "category": "cloud computing", - "url": "https://azure.microsoft.com/" - }, { "id": "jenkins", "name": "Jenkins", @@ -225,13 +194,6 @@ "category": "testing", "url": "https://vitest.dev/" }, - { - "id": "scalatest", - "name": "ScalaTest", - "category": "testing", - "url": "https://www.scalatest.org/" - }, - { "id": "jest", "name": "Jest", @@ -273,12 +235,6 @@ "name": "Electron", "category": "frontend", "url": "https://en.wikipedia.org/wiki/Electron_(software_framework)" - }, - { - "id": "akka", - "name": "Akka", - "category": "framework", - "url": "https://en.wikipedia.org/wiki/Akka_(toolkit)" } ] } \ No newline at end of file diff --git a/src/cv-maker/style.css b/src/cv-maker/style.css index 7fe8fc0..7f05f30 100644 --- a/src/cv-maker/style.css +++ b/src/cv-maker/style.css @@ -5,6 +5,10 @@ --color-so: #f1f8ff; } +.select { + @apply bg-white border border-gray-300 py-1 px-2 rounded focus:outline-none focus:ring-0 +} + .btn { @apply text-sm rounded py-1 px-2 text-white font-bold hover:cursor-pointer; } @@ -14,7 +18,7 @@ } @media print { - html, + html body { margin: 0; padding: 0;