From 9522bc839d0fb4162c7abba82f806b07a0743ab5 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Wed, 17 Sep 2025 14:24:57 +0000 Subject: [PATCH] Auto commit: 2025-09-17T14:24:57.703Z --- assets/css/custom.css | 115 +++++++++++++++++++ assets/js/main.js | 6 + create.php | 132 +++++++++++++++++++++ index.php | 260 ++++++++++++++++++++++-------------------- 4 files changed, 387 insertions(+), 126 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js create mode 100644 create.php diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..195cee2 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,115 @@ + +/* MagiCV Custom Styles */ +/* Palette: + Primary: #5D5FEF + Secondary: #FACC15 + Background: #F8F9FA + Surface: #FFFFFF + Text: #212529 +*/ + +body { + font-family: 'Inter', sans-serif; + background-color: #F8F9FA; + color: #212529; +} + +h1, h2, h3, h4, h5, h6, .navbar-brand { + font-family: 'Poppins', sans-serif; + font-weight: 600; +} + +.btn-primary { + background-color: #5D5FEF; + border-color: #5D5FEF; + transition: all 0.3s ease; +} + +.btn-primary:hover { + background-color: #4a4cc7; + border-color: #4a4cc7; + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(0,0,0,0.1); +} + +.btn-secondary { + background-color: #FACC15; + border-color: #FACC15; + color: #212529; + transition: all 0.3s ease; +} + +.btn-secondary:hover { + background-color: #e6b800; + border-color: #e6b800; + transform: translateY(-2px); + box-shadow: 0 4px 12px rgba(0,0,0,0.1); +} + +.navbar { + background-color: #FFFFFF; + box-shadow: 0 2px 4px rgba(0,0,0,0.05); +} + +.navbar-brand { + color: #5D5FEF !important; + font-weight: 700; +} + +.hero { + padding: 6rem 0; + background: linear-gradient(45deg, rgba(93, 95, 239, 0.1), rgba(250, 204, 21, 0.1)); + text-align: center; +} + +.hero h1 { + font-size: 3.5rem; + font-weight: 700; + background: -webkit-linear-gradient(45deg, #5D5FEF, #c367d7); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.hero .lead { + font-size: 1.25rem; + color: #6c757d; +} + +.feature-icon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 4rem; + height: 4rem; + border-radius: 50%; + background: linear-gradient(45deg, #5D5FEF, #7C7DFF); + color: white; + margin-bottom: 1rem; + box-shadow: 0 4px 15px rgba(93, 95, 239, 0.3); +} + +.section-title { + font-weight: 700; + margin-bottom: 3rem; +} + +.card { + border: none; + border-radius: 1rem; + box-shadow: 0 8px 24px rgba(0,0,0,0.08); + transition: all 0.3s ease; +} + +.card:hover { + transform: translateY(-5px); + box-shadow: 0 12px 32px rgba(0,0,0,0.12); +} + +.cv-preview-img { + border-radius: 1rem; + box-shadow: 0 15px 40px rgba(0,0,0,0.15); +} + +footer { + background-color: #FFFFFF; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..ed873ab --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,6 @@ +// MagiCV Custom Scripts + +document.addEventListener('DOMContentLoaded', function () { + // Future interactivity can be added here. + console.log("MagiCV loaded!"); +}); diff --git a/create.php b/create.php new file mode 100644 index 0000000..a99d011 --- /dev/null +++ b/create.php @@ -0,0 +1,132 @@ + + + + + + Create Your CV - MagiCV + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+

1. Personal Details

+

Let's start with the basics. This information will appear at the top of your CV.

+ +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ +
+
+
+
+ + +
+
+
+

Live Preview

+

Your CV will update here as you type.

+ A beautifully designed CV template preview. +
+
+
+
+
+ + + + + + + + + + + + + diff --git a/index.php b/index.php index e13ae95..a5692d7 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,139 @@ - - + - - - New Style - - - - + + + MagiCV — Where a bit of magic meets your career story + + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

Flatlogic AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + +
+ +
+ +
+ +
+
+
+
+

MagiCV — where a bit of magic meets your career story

+

Create a professional CV in minutes. Our magically simple generator features live-preview templates, AI text assistance, and one-click export.

+ Start Building for Free + See Templates +
+
+
+
+ + +
+
+

Why You'll Love MagiCV

+
+
+
+
+ +
+

Live Preview

+

See your changes in real-time as you type. No more guessing how your final CV will look.

+
+
+
+
+
+ +
+

AI Assistance

+

Stuck on what to write? Our AI helps you craft compelling bullet points that get you noticed.

+
+
+
+
+
+ +
+

One-Click Export

+

Export your finished CV to PDF with a single click, perfectly formatted and ready to send.

+
+
+
+
+
+ + +
+
+
+
+

Impress with Professionalism

+

Choose from a library of beautiful, recruiter-approved templates. From minimal and modern to classic and elegant, find the perfect style to tell your story.

+ A person happily working on their CV on a laptop. +
+
+ A beautifully designed CV template preview. +
+
+
+
+ +
+ + + + + + + + + + + + + - + \ No newline at end of file