diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..ce6ff40 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,61 @@ +:root { + --primary-color: #4A90E2; + --accent-color: #50E3C2; + --dark-text: #212529; + --light-gray-bg: #F8F9FA; +} + +body { + font-family: 'Inter', sans-serif; + background-color: var(--light-gray-bg); +} + +.primary-accent { + color: var(--primary-color); +} + +.bg-gradient-primary { + background: linear-gradient(135deg, var(--primary-color) 0%, #357ABD 100%); +} + +.btn-primary-accent { + background-color: var(--accent-color); + border-color: var(--accent-color); + color: var(--dark-text); + font-weight: 600; + transition: all 0.3s ease; +} + +.btn-primary-accent:hover { + background-color: #45c9a9; + border-color: #45c9a9; + color: var(--dark-text); + transform: translateY(-2px); + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); +} + +.card { + border-radius: .5rem; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; +} + +.score-circle { + width: 150px; + height: 150px; + border-radius: 50%; + background-color: var(--light-gray-bg); + display: flex; + align-items: center; + justify-content: center; + border: 8px solid var(--accent-color); + box-shadow: 0 0 20px rgba(80, 227, 194, 0.5); +} + +.score-circle span { + font-size: 3.5rem; + font-weight: 700; + color: var(--dark-text); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..295d7de --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,15 @@ +document.addEventListener('DOMContentLoaded', function() { + const analyzeBtn = document.getElementById('analyze-btn'); + const uploadSection = document.getElementById('upload-section'); + const analysisSection = document.getElementById('analysis-section'); + + if (analyzeBtn) { + analyzeBtn.addEventListener('click', function(event) { + event.preventDefault(); + + // Hide upload section and show analysis section + uploadSection.style.display = 'none'; + analysisSection.style.display = 'block'; + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..ca61358 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,115 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + AI Resume & Job Match + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+ +
+
+

Get Your Resume ATS-Ready

+

Upload your resume to see your ATS compatibility score and get actionable insights in seconds.

+
+
+
+ + +
+
+ +
+
+

For demo purposes, just click "Analyze" to see a sample report.

+
+
+
+ + + +
+ + + + - + \ No newline at end of file