Changes to nhspaycalc.scroll.pub

root

23 days ago

Initial commit

body.html

Changed around line 1
+ 
+   NHS Pay Calculator
+   Calculate your NHS pay and compare it with your payslip.
+ 
+ 
+   
+     Enter Your Details
+     
+       Hours Worked:
+       
+ 
+       Hourly Rate (£):
+       
+ 
+       Overtime Hours:
+       
+ 
+       Overtime Rate (£):
+       
+ 
+       
+     
+   
+   
+     Your Pay Calculation
+     
+       Total Pay: £0.00
+     
+   
+ 
+ 
+   Thank you for your dedication to the NHS.
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://nhspaycalc.scroll.pub
+ metaTags
+ editButton /edit.html
+ title NHS Pay Calculator
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "136a85bd-bc1c-49b0-bcd2-42cf2a9d1771",
+   "object": "chat.completion",
+   "created": 1735522995,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nnhspaycalc.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://nhspaycalc.scroll.pub\nmetaTags\neditButton /edit.html\ntitle NHS Pay Calculator\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  NHS Pay Calculator\n  Calculate your NHS pay and compare it with your payslip.
\n\n\n  \n    Enter Your Details\n    \n      Hours Worked:\n      \n      \n      Hourly Rate (£):\n      \n      \n      Overtime Hours:\n      \n      \n      Overtime Rate (£):\n      \n      \n      \n    \n  \n  \n    Your Pay Calculation\n    \n      Total Pay: £0.00
\n    
\n  \n\n\n  Thank you for your dedication to the NHS.
\n\n---style.css---\nbody {\n  font-family: 'Arial', sans-serif;\n  background: linear-gradient(135deg, #0072ff, #00c6ff);\n  color: #fff;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n}\n\nheader {\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\nh1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\np {\n  font-size: 1.2rem;\n}\n\nmain {\n  background: rgba(255, 255, 255, 0.1);\n  padding: 2rem;\n  border-radius: 10px;\n  width: 90%;\n  max-width: 500px;\n}\n\nform {\n  display: flex;\n  flex-direction: column;\n}\n\nlabel {\n  margin-bottom: 0.5rem;\n  font-size: 1.1rem;\n}\n\ninput {\n  padding: 0.5rem;\n  margin-bottom: 1rem;\n  border: none;\n  border-radius: 5px;\n}\n\nbutton {\n  padding: 0.75rem;\n  background: #00c6ff;\n  border: none;\n  border-radius: 5px;\n  color: #fff;\n  font-size: 1.1rem;\n  cursor: pointer;\n}\n\nbutton:hover {\n  background: #0072ff;\n}\n\n#result {\n  text-align: center;\n  margin-top: 2rem;\n}\n\n#totalPay {\n  font-size: 1.5rem;\n  font-weight: bold;\n}\n\nfooter {\n  text-align: center;\n  margin-top: 2rem;\n  font-size: 1rem;\n}\n\n@media (max-width: 600px) {\n  h1 {\n    font-size: 2rem;\n  }\n\n  p {\n    font-size: 1rem;\n  }\n\n  main {\n    padding: 1rem;\n  }\n\n  label {\n    font-size: 1rem;\n  }\n\n  input {\n    padding: 0.4rem;\n  }\n\n  button {\n    padding: 0.6rem;\n    font-size: 1rem;\n  }\n\n  #totalPay {\n    font-size: 1.2rem;\n  }\n}\n---script.js---\ndocument.getElementById('payForm').addEventListener('submit', function(event) {\n  event.preventDefault();\n  \n  const hoursWorked = parseFloat(document.getElementById('hoursWorked').value);\n  const hourlyRate = parseFloat(document.getElementById('hourlyRate').value);\n  const overtimeHours = parseFloat(document.getElementById('overtimeHours').value) || 0;\n  const overtimeRate = parseFloat(document.getElementById('overtimeRate').value) || 0;\n  \n  const regularPay = hoursWorked * hourlyRate;\n  const overtimePay = overtimeHours * overtimeRate;\n  const totalPay = regularPay + overtimePay;\n  \n  document.getElementById('totalPay').textContent = totalPay.toFixed(2);\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 262,
+     "completion_tokens": 1054,
+     "total_tokens": 1316,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 262
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # nhspaycalc.scroll.pub

+ Website generated by DeepSeek from prompt: I want a dazzling looking website that helps nhs workers calculate their pay according that they have worked so they can compare with their payslips

script.js

Changed around line 1
+ document.getElementById('payForm').addEventListener('submit', function(event) {
+   event.preventDefault();
+ 
+   const hoursWorked = parseFloat(document.getElementById('hoursWorked').value);
+   const hourlyRate = parseFloat(document.getElementById('hourlyRate').value);
+   const overtimeHours = parseFloat(document.getElementById('overtimeHours').value) || 0;
+   const overtimeRate = parseFloat(document.getElementById('overtimeRate').value) || 0;
+ 
+   const regularPay = hoursWorked * hourlyRate;
+   const overtimePay = overtimeHours * overtimeRate;
+   const totalPay = regularPay + overtimePay;
+ 
+   document.getElementById('totalPay').textContent = totalPay.toFixed(2);
+ });

style.css

Changed around line 1
+ body {
+   font-family: 'Arial', sans-serif;
+   background: linear-gradient(135deg, #0072ff, #00c6ff);
+   color: #fff;
+   margin: 0;
+   padding: 0;
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   justify-content: center;
+   min-height: 100vh;
+ }
+ 
+ header {
+   text-align: center;
+   margin-bottom: 2rem;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ p {
+   font-size: 1.2rem;
+ }
+ 
+ main {
+   background: rgba(255, 255, 255, 0.1);
+   padding: 2rem;
+   border-radius: 10px;
+   width: 90%;
+   max-width: 500px;
+ }
+ 
+ form {
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ label {
+   margin-bottom: 0.5rem;
+   font-size: 1.1rem;
+ }
+ 
+ input {
+   padding: 0.5rem;
+   margin-bottom: 1rem;
+   border: none;
+   border-radius: 5px;
+ }
+ 
+ button {
+   padding: 0.75rem;
+   background: #00c6ff;
+   border: none;
+   border-radius: 5px;
+   color: #fff;
+   font-size: 1.1rem;
+   cursor: pointer;
+ }
+ 
+ button:hover {
+   background: #0072ff;
+ }
+ 
+ #result {
+   text-align: center;
+   margin-top: 2rem;
+ }
+ 
+ #totalPay {
+   font-size: 1.5rem;
+   font-weight: bold;
+ }
+ 
+ footer {
+   text-align: center;
+   margin-top: 2rem;
+   font-size: 1rem;
+ }
+ 
+ @media (max-width: 600px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   p {
+     font-size: 1rem;
+   }
+ 
+   main {
+     padding: 1rem;
+   }
+ 
+   label {
+     font-size: 1rem;
+   }
+ 
+   input {
+     padding: 0.4rem;
+   }
+ 
+   button {
+     padding: 0.6rem;
+     font-size: 1rem;
+   }
+ 
+   #totalPay {
+     font-size: 1.2rem;
+   }
+ }