Changes to careerpath.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Career Path Finder
+   Discover your ideal career with our interactive guide.
+ 
+ 
+   
+     What are you passionate about?
+     
+       
+       
+       
+       
+     
+   
+   
+     What area of technology excites you?
+     
+       
+       
+       
+     
+   
+   
+     What aspect of health interests you?
+     
+       
+       
+       
+     
+   
+   
+     What creative field are you drawn to?
+     
+       
+       
+       
+     
+   
+   
+     What business area aligns with your goals?
+     
+       
+       
+       
+     
+   
+   
+     Your Ideal Career Path
+     
+     
+   
+ 
+ 
+   Explore your potential and find your dream career.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://careerpath.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Career Path Finder
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "7a7eaf7c-16b7-46a0-a73a-805406c8921e",
+   "object": "chat.completion",
+   "created": 1735346977,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ncareerpath.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://careerpath.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Career Path Finder\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Career Path Finder\n  Discover your ideal career with our interactive guide.
\n\n\n  \n    What are you passionate about?\n    \n      \n      \n      \n      \n    
\n  \n  \n    What area of technology excites you?\n    \n      \n      \n      \n    
\n  \n  \n    What aspect of health interests you?\n    \n      \n      \n      \n    
\n  \n  \n    What creative field are you drawn to?\n    \n      \n      \n      \n    
\n  \n  \n    What business area aligns with your goals?\n    \n      \n      \n      \n    
\n  \n  \n    Your Ideal Career Path\n    
\n    \n  \n\n\n  Explore your potential and find your dream career.
\n\n---style.css---\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  margin: 0;\n  padding: 0;\n  background-color: #f5f5f7;\n  color: #1d1d1f;\n  line-height: 1.6;\n}\n\nheader {\n  text-align: center;\n  padding: 2rem;\n  background-color: #ffffff;\n  border-bottom: 1px solid #e0e0e0;\n}\n\nh1 {\n  font-size: 2.5rem;\n  margin: 0;\n  color: #1d1d1f;\n}\n\nh2 {\n  font-size: 2rem;\n  margin-bottom: 1rem;\n  color: #1d1d1f;\n}\n\nmain {\n  padding: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.options {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\nbutton {\n  padding: 1rem;\n  font-size: 1.2rem;\n  border: none;\n  border-radius: 12px;\n  background-color: #007aff;\n  color: #ffffff;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: #005bb5;\n}\n\n.hidden {\n  display: none;\n}\n\n#result {\n  text-align: center;\n}\n\n#careerResult {\n  font-size: 1.5rem;\n  margin: 2rem 0;\n}\n\nfooter {\n  text-align: center;\n  padding: 2rem;\n  background-color: #ffffff;\n  border-top: 1px solid #e0e0e0;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n\n  h2 {\n    font-size: 1.5rem;\n  }\n\n  button {\n    font-size: 1rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const sections = document.querySelectorAll('section');\n  const buttons = document.querySelectorAll('button[data-next]');\n  const resultSection = document.getElementById('result');\n  const careerResult = document.getElementById('careerResult');\n  const restartButton = document.getElementById('restart');\n\n  buttons.forEach(button => {\n    button.addEventListener('click', function() {\n      const nextSectionId = this.getAttribute('data-next');\n      sections.forEach(section => {\n        section.classList.add('hidden');\n      });\n      if (nextSectionId === 'result') {\n        const path = getCareerPath();\n        careerResult.textContent = path;\n        resultSection.classList.remove('hidden');\n      } else {\n        document.getElementById(nextSectionId).classList.remove('hidden');\n      }\n    });\n  });\n\n  restartButton.addEventListener('click', function() {\n    sections.forEach(section => {\n      section.classList.add('hidden');\n    });\n    document.getElementById('intro').classList.remove('hidden');\n  });\n\n  function getCareerPath() {\n    const activeSection = document.querySelector('section:not(.hidden)');\n    const activeButton = activeSection.querySelector('button[data-next=\"result\"]');\n    return activeButton ? activeButton.textContent : 'Unknown Career Path';\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 288,
+     "completion_tokens": 1306,
+     "total_tokens": 1594,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 288
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # careerpath.scroll.pub

+ Website generated by DeepSeek from prompt: make me a website that helps me decide a career path, it should be interactive and have a sleek ui similar to apple, use modern fonts and simple appealing colors, it should be in depth and the following choices after someone makes a choice should adjust based on the choice made

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const sections = document.querySelectorAll('section');
+   const buttons = document.querySelectorAll('button[data-next]');
+   const resultSection = document.getElementById('result');
+   const careerResult = document.getElementById('careerResult');
+   const restartButton = document.getElementById('restart');
+ 
+   buttons.forEach(button => {
+     button.addEventListener('click', function() {
+       const nextSectionId = this.getAttribute('data-next');
+       sections.forEach(section => {
+         section.classList.add('hidden');
+       });
+       if (nextSectionId === 'result') {
+         const path = getCareerPath();
+         careerResult.textContent = path;
+         resultSection.classList.remove('hidden');
+       } else {
+         document.getElementById(nextSectionId).classList.remove('hidden');
+       }
+     });
+   });
+ 
+   restartButton.addEventListener('click', function() {
+     sections.forEach(section => {
+       section.classList.add('hidden');
+     });
+     document.getElementById('intro').classList.remove('hidden');
+   });
+ 
+   function getCareerPath() {
+     const activeSection = document.querySelector('section:not(.hidden)');
+     const activeButton = activeSection.querySelector('button[data-next="result"]');
+     return activeButton ? activeButton.textContent : 'Unknown Career Path';
+   }
+ });

style.css

Changed around line 1
+ body {
+   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+   margin: 0;
+   padding: 0;
+   background-color: #f5f5f7;
+   color: #1d1d1f;
+   line-height: 1.6;
+ }
+ 
+ header {
+   text-align: center;
+   padding: 2rem;
+   background-color: #ffffff;
+   border-bottom: 1px solid #e0e0e0;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin: 0;
+   color: #1d1d1f;
+ }
+ 
+ h2 {
+   font-size: 2rem;
+   margin-bottom: 1rem;
+   color: #1d1d1f;
+ }
+ 
+ main {
+   padding: 2rem;
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ .options {
+   display: flex;
+   flex-direction: column;
+   gap: 1rem;
+ }
+ 
+ button {
+   padding: 1rem;
+   font-size: 1.2rem;
+   border: none;
+   border-radius: 12px;
+   background-color: #007aff;
+   color: #ffffff;
+   cursor: pointer;
+   transition: background-color 0.3s ease;
+ }
+ 
+ button:hover {
+   background-color: #005bb5;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ #result {
+   text-align: center;
+ }
+ 
+ #careerResult {
+   font-size: 1.5rem;
+   margin: 2rem 0;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 2rem;
+   background-color: #ffffff;
+   border-top: 1px solid #e0e0e0;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   h2 {
+     font-size: 1.5rem;
+   }
+ 
+   button {
+     font-size: 1rem;
+   }
+ }