commit f00654b1aa47f8f87e77c664b8fba12221379ce6
Author: ffff:102.213.49.77 <ffff:102.213.49.77@hub.scroll.pub>
Date: 2024-12-27 13:17:01 +0000
Subject: updated index.scroll
diff --git a/index.scroll b/index.scroll
index dc9275e..7ddcac3 100644
--- a/index.scroll
+++ b/index.scroll
@@ -1,8 +1,8 @@
buildHtml
baseUrl https://jobfit.scroll.pub
+title JobFit - Calculate Your Job Suitability
metaTags
editButton /edit.html
-title JobFit - Calculate Your Job Suitability
style.css
body.html
-script.js
\ No newline at end of file
+script.js
commit 521bbcbc686a41ea20afc03ecc1b8340461e191d
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 13:02:51 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..acd5ea2
--- /dev/null
+++ b/body.html
@@ -0,0 +1,37 @@
+<header>
+ <h1>JobFit</h1>
+ <p>Calculate your suitability for any job using relevant metrics.</p>
+</header>
+
+<main>
+ <section id="metrics">
+ <h2>Adjust Your Metrics</h2>
+ <form id="suitability-form">
+ <label for="experience">Years of Experience:</label>
+ <input type="number" id="experience" min="0" max="50" value="0" required>
+
+ <label for="skills">Relevant Skills (1-10):</label>
+ <input type="number" id="skills" min="1" max="10" value="1" required>
+
+ <label for="education">Education Level (1-5):</label>
+ <input type="number" id="education" min="1" max="5" value="1" required>
+
+ <label for="certifications">Number of Certifications:</label>
+ <input type="number" id="certifications" min="0" max="20" value="0" required>
+
+ <button type="submit">Calculate Suitability</button>
+ </form>
+ </section>
+
+ <section id="result">
+ <h2>Your Suitability Score</h2>
+ <div id="score-container">
+ <span id="score">0</span>%
+ </div>
+ <p id="feedback"></p>
+ </section>
+</main>
+
+<footer>
+ <p>JobFit - Find your perfect job match.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..dc9275e
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://jobfit.scroll.pub
+metaTags
+editButton /edit.html
+title JobFit - Calculate Your Job Suitability
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..379dd24
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# jobfit.scroll.pub
+Website generated by DeepSeek from prompt: I want a website that calculates my suitability for a job by using relevant metrics of knowledge that it requests a user to adjust numbers and calculate a percentage score for suitability for that job
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..624351c
--- /dev/null
+++ b/script.js
@@ -0,0 +1,36 @@
+document.getElementById('suitability-form').addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ // Get input values
+ const experience = parseInt(document.getElementById('experience').value);
+ const skills = parseInt(document.getElementById('skills').value);
+ const education = parseInt(document.getElementById('education').value);
+ const certifications = parseInt(document.getElementById('certifications').value);
+
+ // Calculate score
+ const score = Math.min(100,
+ (experience * 2) +
+ (skills * 5) +
+ (education * 10) +
+ (certifications * 3)
+ );
+
+ // Display result
+ const scoreElement = document.getElementById('score');
+ const feedbackElement = document.getElementById('feedback');
+
+ scoreElement.textContent = score;
+
+ if (score >= 80) {
+ feedbackElement.textContent = "Excellent fit! You're highly qualified for this position.";
+ } else if (score >= 60) {
+ feedbackElement.textContent = "Good fit! You meet most of the requirements.";
+ } else if (score >= 40) {
+ feedbackElement.textContent = "Moderate fit. Consider developing more skills.";
+ } else {
+ feedbackElement.textContent = "Low fit. You might need more experience or qualifications.";
+ }
+
+ // Smooth scroll to result
+ document.getElementById('result').scrollIntoView({ behavior: 'smooth' });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7c30e67
--- /dev/null
+++ b/style.css
@@ -0,0 +1,107 @@
+:root {
+ --primary-color: #2563eb;
+ --secondary-color: #1e40af;
+ --background-color: #f8fafc;
+ --text-color: #1e293b;
+ --border-radius: 8px;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Segoe UI', sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+ background-color: var(--background-color);
+ padding: 2rem;
+}
+
+header {
+ text-align: center;
+ margin-bottom: 2rem;
+}
+
+header h1 {
+ font-size: 2.5rem;
+ color: var(--primary-color);
+ margin-bottom: 0.5rem;
+}
+
+main {
+ max-width: 800px;
+ margin: 0 auto;
+}
+
+section {
+ background: white;
+ padding: 2rem;
+ border-radius: var(--border-radius);
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ margin-bottom: 2rem;
+}
+
+form {
+ display: grid;
+ gap: 1rem;
+}
+
+label {
+ font-weight: 600;
+}
+
+input {
+ padding: 0.5rem;
+ border: 1px solid #ddd;
+ border-radius: var(--border-radius);
+ font-size: 1rem;
+}
+
+button {
+ background-color: var(--primary-color);
+ color: white;
+ padding: 0.75rem;
+ border: none;
+ border-radius: var(--border-radius);
+ font-size: 1rem;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+button:hover {
+ background-color: var(--secondary-color);
+}
+
+#result {
+ text-align: center;
+}
+
+#score-container {
+ font-size: 3rem;
+ font-weight: bold;
+ color: var(--primary-color);
+ margin: 1rem 0;
+}
+
+footer {
+ text-align: center;
+ margin-top: 2rem;
+ color: #64748b;
+}
+
+@media (max-width: 600px) {
+ body {
+ padding: 1rem;
+ }
+
+ header h1 {
+ font-size: 2rem;
+ }
+
+ section {
+ padding: 1rem;
+ }
+}
\ No newline at end of file