commit 09911cced0301747663c865e1dedbce712888e22
Author: root <root@hub.scroll.pub> Date: 2024-12-28 07:34:43 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..9b02708 --- /dev/null +++ b/body.html @@ -0,0 +1,47 @@ +<header class="header"> + <h1>CV Craft</h1> + <p>Create a professional resume in minutes</p> +</header> + +<main class="main"> + <section class="form-section"> + <h2>Your Information</h2> + <form id="cvForm"> + <div class="form-group"> + <label for="fullName">Full Name</label> + <input type="text" id="fullName" required> + </div> + <div class="form-group"> + <label for="email">Email</label> + <input type="email" id="email" required> + </div> + <div class="form-group"> + <label for="phone">Phone</label> + <input type="tel" id="phone"> + </div> + <div class="form-group"> + <label for="summary">Professional Summary</label> + <textarea id="summary" rows="4"></textarea> + </div> + <button type="submit" class="btn">Generate CV</button> + </form> + </section> + + <section class="preview-section"> + <h2>CV Preview</h2> + <div id="cvPreview" class="cv-preview"> + <div class="cv-header"> + <h3 id="previewName">Your Name</h3> + <p id="previewContact">Email | Phone</p> + </div> + <div class="cv-body"> + <h4>Professional Summary</h4> + <p id="previewSummary">Your professional summary will appear here.</p> + </div> + </div> + </section> +</main> + +<footer class="footer"> + <p>CV Craft - Simplifying Resume Creation</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..ce80dd3 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://cvcraft.scroll.pub +metaTags +editButton /edit.html +title CV Craft - Create Your Professional Resume +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..2f5f327 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "624784df-da2e-41ee-8637-59c9be8dcbf5", + "object": "chat.completion", + "created": 1735371266, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\ncvcraft.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://cvcraft.scroll.pub\nmetaTags\neditButton /edit.html\ntitle CV Craft - Create Your Professional Resume\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header class=\"header\">\n <h1>CV Craft</h1>\n <p>Create a professional resume in minutes</p>\n</header>\n\n<main class=\"main\">\n <section class=\"form-section\">\n <h2>Your Information</h2>\n <form id=\"cvForm\">\n <div class=\"form-group\">\n <label for=\"fullName\">Full Name</label>\n <input type=\"text\" id=\"fullName\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"email\">Email</label>\n <input type=\"email\" id=\"email\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"phone\">Phone</label>\n <input type=\"tel\" id=\"phone\">\n </div>\n <div class=\"form-group\">\n <label for=\"summary\">Professional Summary</label>\n <textarea id=\"summary\" rows=\"4\"></textarea>\n </div>\n <button type=\"submit\" class=\"btn\">Generate CV</button>\n </form>\n </section>\n\n <section class=\"preview-section\">\n <h2>CV Preview</h2>\n <div id=\"cvPreview\" class=\"cv-preview\">\n <div class=\"cv-header\">\n <h3 id=\"previewName\">Your Name</h3>\n <p id=\"previewContact\">Email | Phone</p>\n </div>\n <div class=\"cv-body\">\n <h4>Professional Summary</h4>\n <p id=\"previewSummary\">Your professional summary will appear here.</p>\n </div>\n </div>\n </section>\n</main>\n\n<footer class=\"footer\">\n <p>CV Craft - Simplifying Resume Creation</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #2563eb;\n --secondary-color: #1e40af;\n --background-color: #f8fafc;\n --text-color: #1e293b;\n --border-color: #e2e8f0;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n padding: 2rem;\n}\n\n.header {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.header h1 {\n font-size: 2.5rem;\n color: var(--primary-color);\n}\n\n.header p {\n font-size: 1.2rem;\n color: var(--secondary-color);\n}\n\n.main {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.form-section, .preview-section {\n background: white;\n padding: 2rem;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.form-group {\n margin-bottom: 1.5rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n}\n\ninput, textarea {\n width: 100%;\n padding: 0.75rem;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-size: 1rem;\n}\n\ntextarea {\n resize: vertical;\n}\n\n.btn {\n background-color: var(--primary-color);\n color: white;\n padding: 0.75rem 1.5rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 1rem;\n transition: background-color 0.3s ease;\n}\n\n.btn:hover {\n background-color: var(--secondary-color);\n}\n\n.cv-preview {\n background: white;\n padding: 2rem;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n}\n\n.cv-header {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.cv-header h3 {\n font-size: 2rem;\n color: var(--primary-color);\n}\n\n.cv-body h4 {\n color: var(--secondary-color);\n margin-bottom: 1rem;\n}\n\n.footer {\n text-align: center;\n margin-top: 2rem;\n color: var(--secondary-color);\n}\n\n@media (min-width: 768px) {\n .main {\n grid-template-columns: 1fr 1fr;\n }\n}\n---script.js---\ndocument.getElementById('cvForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const fullName = document.getElementById('fullName').value;\n const email = document.getElementById('email').value;\n const phone = document.getElementById('phone').value;\n const summary = document.getElementById('summary').value;\n\n document.getElementById('previewName').textContent = fullName;\n document.getElementById('previewContact').textContent = `${email} | ${phone}`;\n document.getElementById('previewSummary').textContent = summary;\n\n alert('CV Updated Successfully!');\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 252, + "completion_tokens": 1208, + "total_tokens": 1460, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 252 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..dd8d07e --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# cvcraft.scroll.pub +Website generated by DeepSeek from prompt: create a cv or resume creating website like this "https://app.cvmaker.com/" \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..1cb3ee2 --- /dev/null +++ b/script.js @@ -0,0 +1,14 @@ +document.getElementById('cvForm').addEventListener('submit', function(e) { + e.preventDefault(); + + const fullName = document.getElementById('fullName').value; + const email = document.getElementById('email').value; + const phone = document.getElementById('phone').value; + const summary = document.getElementById('summary').value; + + document.getElementById('previewName').textContent = fullName; + document.getElementById('previewContact').textContent = `${email} | ${phone}`; + document.getElementById('previewSummary').textContent = summary; + + alert('CV Updated Successfully!'); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..59d3a32 --- /dev/null +++ b/style.css @@ -0,0 +1,122 @@ +:root { + --primary-color: #2563eb; + --secondary-color: #1e40af; + --background-color: #f8fafc; + --text-color: #1e293b; + --border-color: #e2e8f0; +} + +* { + 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); +} + +.header p { + font-size: 1.2rem; + color: var(--secondary-color); +} + +.main { + display: grid; + grid-template-columns: 1fr; + gap: 2rem; + max-width: 1200px; + margin: 0 auto; +} + +.form-section, .preview-section { + background: white; + padding: 2rem; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +.form-group { + margin-bottom: 1.5rem; +} + +label { + display: block; + margin-bottom: 0.5rem; + font-weight: 600; +} + +input, textarea { + width: 100%; + padding: 0.75rem; + border: 1px solid var(--border-color); + border-radius: 4px; + font-size: 1rem; +} + +textarea { + resize: vertical; +} + +.btn { + background-color: var(--primary-color); + color: white; + padding: 0.75rem 1.5rem; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s ease; +} + +.btn:hover { + background-color: var(--secondary-color); +} + +.cv-preview { + background: white; + padding: 2rem; + border: 1px solid var(--border-color); + border-radius: 8px; +} + +.cv-header { + text-align: center; + margin-bottom: 2rem; +} + +.cv-header h3 { + font-size: 2rem; + color: var(--primary-color); +} + +.cv-body h4 { + color: var(--secondary-color); + margin-bottom: 1rem; +} + +.footer { + text-align: center; + margin-top: 2rem; + color: var(--secondary-color); +} + +@media (min-width: 768px) { + .main { + grid-template-columns: 1fr 1fr; + } +} \ No newline at end of file