Changes to careercompass1.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Career Compass
+   Navigate your future with confidence
+ 
+ 
+ 
+   
+     Discover Your Ideal Career
+     Take our quick assessment to find careers that match your skills, interests, and values.
+     
+   
+ 
+   
+     Career Assessment
+     
+       
+         What are your primary interests?
+         
+       
+ 
+       
+         What's your preferred work environment?
+         
+       
+ 
+       
+         What's most important to you in a career?
+         
+       
+ 
+       
+     
+   
+ 
+   
+     Your Career Matches
+     
+     
+   
+ 
+ 
+ 
+   Empowering your career decisions
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://careercompass.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Career Compass - Find Your Future Path
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "81febf2b-d7ce-43a9-98cd-98105f7e46a4",
+   "object": "chat.completion",
+   "created": 1735463042,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ncareercompass.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://careercompass.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Career Compass - Find Your Future Path\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Career Compass\n  Navigate your future with confidence
\n\n\n\n  \n    Discover Your Ideal Career\n    Take our quick assessment to find careers that match your skills, interests, and values.
\n    \n  \n\n  \n    Career Assessment\n    \n      \n        What are your primary interests?\n        \n      
\n\n      \n        What's your preferred work environment?\n        \n      
\n\n      \n        What's most important to you in a career?\n        \n      
\n\n      \n    \n  \n\n  \n    Your Career Matches\n    
\n    \n  \n\n\n\n  Empowering your career decisions
\n\n---style.css---\n:root {\n  --primary-color: #2563eb;\n  --secondary-color: #1e40af;\n  --background-color: #f8fafc;\n  --text-color: #1e293b;\n  --accent-color: #f59e0b;\n}\n\nbody {\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n\nheader {\n  background: var(--primary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\nh1 {\n  font-size: 2.5rem;\n  margin: 0;\n}\n\np {\n  font-size: 1.1rem;\n}\n\nmain {\n  max-width: 800px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\nsection {\n  background: white;\n  padding: 2rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  margin-bottom: 2rem;\n}\n\nbutton {\n  background: var(--primary-color);\n  color: white;\n  border: none;\n  padding: 0.8rem 1.5rem;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 1rem;\n  transition: background 0.3s ease;\n}\n\nbutton:hover {\n  background: var(--secondary-color);\n}\n\n.question {\n  margin-bottom: 1.5rem;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-weight: 500;\n}\n\nselect {\n  width: 100%;\n  padding: 0.8rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 1rem;\n}\n\n.hidden {\n  display: none;\n}\n\n.results {\n  text-align: center;\n}\n\n#resultsContainer {\n  margin: 2rem 0;\n  padding: 1rem;\n  background: var(--background-color);\n  border-radius: 4px;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  section {\n    padding: 1rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const startBtn = document.getElementById('startBtn');\n  const assessmentSection = document.querySelector('.assessment');\n  const resultsSection = document.querySelector('.results');\n  const careerForm = document.getElementById('careerForm');\n  const resultsContainer = document.getElementById('resultsContainer');\n  const retakeBtn = document.getElementById('retakeBtn');\n\n  const careerData = {\n    tech: ['Software Developer', 'Data Scientist', 'Cybersecurity Analyst'],\n    creative: ['Graphic Designer', 'Writer', 'Film Director'],\n    business: ['Entrepreneur', 'Marketing Manager', 'Financial Analyst'],\n    science: ['Biomedical Researcher', 'Environmental Scientist', 'Physicist'],\n    helping: ['Teacher', 'Social Worker', 'Nurse']\n  };\n\n  startBtn.addEventListener('click', () => {\n    document.querySelector('.intro').classList.add('hidden');\n    assessmentSection.classList.remove('hidden');\n  });\n\n  careerForm.addEventListener('submit', function(e) {\n    e.preventDefault();\n    const interests = this.querySelector('select').value;\n    showResults(interests);\n  });\n\n  retakeBtn.addEventListener('click', () => {\n    resultsSection.classList.add('hidden');\n    assessmentSection.classList.remove('hidden');\n  });\n\n  function showResults(interest) {\n    const careers = careerData[interest];\n    resultsContainer.innerHTML = `\n      Based on your responses, consider these careers:\n      \n        ${careers.map(career => `${career}
`).join('')}\n      \n      Remember, these are just suggestions. Explore more about each career to find your perfect match!
\n    `;\n    assessmentSection.classList.add('hidden');\n    resultsSection.classList.remove('hidden');\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 245,
+     "completion_tokens": 1472,
+     "total_tokens": 1717,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 245
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # careercompass1.scroll.pub

+ Website generated by DeepSeek from prompt: 我想创建一个网站来帮助我决定个人未来职业选择

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const startBtn = document.getElementById('startBtn');
+   const assessmentSection = document.querySelector('.assessment');
+   const resultsSection = document.querySelector('.results');
+   const careerForm = document.getElementById('careerForm');
+   const resultsContainer = document.getElementById('resultsContainer');
+   const retakeBtn = document.getElementById('retakeBtn');
+ 
+   const careerData = {
+     tech: ['Software Developer', 'Data Scientist', 'Cybersecurity Analyst'],
+     creative: ['Graphic Designer', 'Writer', 'Film Director'],
+     business: ['Entrepreneur', 'Marketing Manager', 'Financial Analyst'],
+     science: ['Biomedical Researcher', 'Environmental Scientist', 'Physicist'],
+     helping: ['Teacher', 'Social Worker', 'Nurse']
+   };
+ 
+   startBtn.addEventListener('click', () => {
+     document.querySelector('.intro').classList.add('hidden');
+     assessmentSection.classList.remove('hidden');
+   });
+ 
+   careerForm.addEventListener('submit', function(e) {
+     e.preventDefault();
+     const interests = this.querySelector('select').value;
+     showResults(interests);
+   });
+ 
+   retakeBtn.addEventListener('click', () => {
+     resultsSection.classList.add('hidden');
+     assessmentSection.classList.remove('hidden');
+   });
+ 
+   function showResults(interest) {
+     const careers = careerData[interest];
+     resultsContainer.innerHTML = `
+       Based on your responses, consider these careers:
+       
+         ${careers.map(career => `${career}
`).join('')}
+       
+       Remember, these are just suggestions. Explore more about each career to find your perfect match!
+     `;
+     assessmentSection.classList.add('hidden');
+     resultsSection.classList.remove('hidden');
+   }
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2563eb;
+   --secondary-color: #1e40af;
+   --background-color: #f8fafc;
+   --text-color: #1e293b;
+   --accent-color: #f59e0b;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   line-height: 1.6;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+ }
+ 
+ header {
+   background: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin: 0;
+ }
+ 
+ p {
+   font-size: 1.1rem;
+ }
+ 
+ main {
+   max-width: 800px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ section {
+   background: white;
+   padding: 2rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+   margin-bottom: 2rem;
+ }
+ 
+ button {
+   background: var(--primary-color);
+   color: white;
+   border: none;
+   padding: 0.8rem 1.5rem;
+   border-radius: 4px;
+   cursor: pointer;
+   font-size: 1rem;
+   transition: background 0.3s ease;
+ }
+ 
+ button:hover {
+   background: var(--secondary-color);
+ }
+ 
+ .question {
+   margin-bottom: 1.5rem;
+ }
+ 
+ label {
+   display: block;
+   margin-bottom: 0.5rem;
+   font-weight: 500;
+ }
+ 
+ select {
+   width: 100%;
+   padding: 0.8rem;
+   border: 1px solid #ddd;
+   border-radius: 4px;
+   font-size: 1rem;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ .results {
+   text-align: center;
+ }
+ 
+ #resultsContainer {
+   margin: 2rem 0;
+   padding: 1rem;
+   background: var(--background-color);
+   border-radius: 4px;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   section {
+     padding: 1rem;
+   }
+ }