Changes to careermatch1.scroll.pub

root

26 days ago

Initial commit

body.html

Changed around line 1
+ 
+   Career Match Calculator
+   Discover your ideal career based on your 16 Personalities archetype.
+ 
+ 
+ 
+   
+     Take the Quiz
+     
+       
+         1. I prefer working in a team rather than alone.
+         
+       
+       
+       
+     
+   
+ 
+   
+     Your Career Match
+     
+     
+   
+ 
+ 
+ 
+   Find your perfect career path today.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://careermatch.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Career Match Calculator - Find Your Perfect Job Based on 16 Personalities
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "8d903510-a0df-4c9c-b42d-e70d30ad8c99",
+   "object": "chat.completion",
+   "created": 1735321702,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ncareermatch.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://careermatch.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Career Match Calculator - Find Your Perfect Job Based on 16 Personalities\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  Career Match Calculator\n  Discover your ideal career based on your 16 Personalities archetype.
\n\n\n\n  \n    Take the Quiz\n    \n      \n        1. I prefer working in a team rather than alone.\n        \n      
\n      \n      \n    \n  \n\n  \n    Your Career Match\n    
\n    \n  \n\n\n\n  Find your perfect career path today.
\n\n---style.css---\n:root {\n  --pthelo-green: #00a86b;\n  --dark-green: #007a4d;\n  --light-green: #e0f2e9;\n  --white: #ffffff;\n  --black: #333333;\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  line-height: 1.6;\n  color: var(--black);\n  background-color: var(--white);\n  margin: 0;\n  padding: 0;\n}\n\nheader {\n  background-color: var(--pthelo-green);\n  color: var(--white);\n  padding: 2rem;\n  text-align: center;\n}\n\nh1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\np {\n  margin: 0.5rem 0 0;\n}\n\nmain {\n  padding: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\nsection {\n  margin-bottom: 2rem;\n}\n\n.question {\n  margin-bottom: 1.5rem;\n}\n\nlabel {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-weight: bold;\n}\n\nselect {\n  width: 100%;\n  padding: 0.5rem;\n  border: 2px solid var(--pthelo-green);\n  border-radius: 4px;\n  font-size: 1rem;\n}\n\nbutton {\n  background-color: var(--pthelo-green);\n  color: var(--white);\n  border: none;\n  padding: 0.75rem 1.5rem;\n  font-size: 1rem;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\nbutton:hover {\n  background-color: var(--dark-green);\n}\n\n#result {\n  text-align: center;\n}\n\n.hidden {\n  display: none;\n}\n\nfooter {\n  background-color: var(--light-green);\n  padding: 1rem;\n  text-align: center;\n  margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n\n  main {\n    padding: 1rem;\n  }\n}\n---script.js---\ndocument.getElementById('personalityQuiz').addEventListener('submit', function (e) {\n  e.preventDefault();\n\n  // Calculate the result based on the quiz answers\n  const q1 = parseInt(document.getElementById('q1').value);\n  // Add more questions here\n\n  // Example logic to determine the career match\n  let careerMatch = '';\n  if (q1 >= 4) {\n    careerMatch = 'Team Manager';\n  } else {\n    careerMatch = 'Independent Consultant';\n  }\n\n  // Display the result\n  document.getElementById('careerResult').textContent = careerMatch;\n  document.getElementById('quiz').classList.add('hidden');\n  document.getElementById('result').classList.remove('hidden');\n});\n\ndocument.getElementById('retakeQuiz').addEventListener('click', function () {\n  document.getElementById('quiz').classList.remove('hidden');\n  document.getElementById('result').classList.add('hidden');\n  document.getElementById('personalityQuiz').reset();\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 263,
+     "completion_tokens": 1032,
+     "total_tokens": 1295,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 263
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # careermatch1.scroll.pub

+ Website generated by DeepSeek from prompt: a career match calculator pased on 16 personalities archetype. give it a clean yet appealing ui and use pthelo green as the color

script.js

Changed around line 1
+ document.getElementById('personalityQuiz').addEventListener('submit', function (e) {
+   e.preventDefault();
+ 
+   // Calculate the result based on the quiz answers
+   const q1 = parseInt(document.getElementById('q1').value);
+   // Add more questions here
+ 
+   // Example logic to determine the career match
+   let careerMatch = '';
+   if (q1 >= 4) {
+     careerMatch = 'Team Manager';
+   } else {
+     careerMatch = 'Independent Consultant';
+   }
+ 
+   // Display the result
+   document.getElementById('careerResult').textContent = careerMatch;
+   document.getElementById('quiz').classList.add('hidden');
+   document.getElementById('result').classList.remove('hidden');
+ });
+ 
+ document.getElementById('retakeQuiz').addEventListener('click', function () {
+   document.getElementById('quiz').classList.remove('hidden');
+   document.getElementById('result').classList.add('hidden');
+   document.getElementById('personalityQuiz').reset();
+ });

style.css

Changed around line 1
+ :root {
+   --pthelo-green: #00a86b;
+   --dark-green: #007a4d;
+   --light-green: #e0f2e9;
+   --white: #ffffff;
+   --black: #333333;
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   line-height: 1.6;
+   color: var(--black);
+   background-color: var(--white);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ header {
+   background-color: var(--pthelo-green);
+   color: var(--white);
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ p {
+   margin: 0.5rem 0 0;
+ }
+ 
+ main {
+   padding: 2rem;
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ section {
+   margin-bottom: 2rem;
+ }
+ 
+ .question {
+   margin-bottom: 1.5rem;
+ }
+ 
+ label {
+   display: block;
+   margin-bottom: 0.5rem;
+   font-weight: bold;
+ }
+ 
+ select {
+   width: 100%;
+   padding: 0.5rem;
+   border: 2px solid var(--pthelo-green);
+   border-radius: 4px;
+   font-size: 1rem;
+ }
+ 
+ button {
+   background-color: var(--pthelo-green);
+   color: var(--white);
+   border: none;
+   padding: 0.75rem 1.5rem;
+   font-size: 1rem;
+   border-radius: 4px;
+   cursor: pointer;
+   transition: background-color 0.3s ease;
+ }
+ 
+ button:hover {
+   background-color: var(--dark-green);
+ }
+ 
+ #result {
+   text-align: center;
+ }
+ 
+ .hidden {
+   display: none;
+ }
+ 
+ footer {
+   background-color: var(--light-green);
+   padding: 1rem;
+   text-align: center;
+   margin-top: 2rem;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   main {
+     padding: 1rem;
+   }
+ }