Changes to dreampath.scroll.pub

root
root
25 days ago
Initial commit
body.html
Changed around line 1
+
+

DreamPath

+

Discover your likelihood of achieving your dreams

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Your DreamPath Score

+

+

+
+
+
+

Take the first step towards your dreams today.

+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://dreampath.scroll.pub
+ metaTags
+ editButton /edit.html
+ title DreamPath - Discover Your Likelihood of Achieving Your Dreams
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "bbac731e-dc8d-4a30-9c24-43fb035355c7",
+ "object": "chat.completion",
+ "created": 1735326229,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\ndreampath.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://dreampath.scroll.pub\nmetaTags\neditButton /edit.html\ntitle DreamPath - Discover Your Likelihood of Achieving Your Dreams\nstyle.css\nbody.html\nscript.js\n---body.html---\n
\n

DreamPath

\n

Discover your likelihood of achieving your dreams

\n
\n
\n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n \n
\n
\n

Your DreamPath Score

\n

\n

\n
\n
\n
\n

Take the first step towards your dreams today.

\n
\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, #f5f7fa, #c3cfe2);\n color: #333;\n}\n\nheader {\n text-align: center;\n padding: 2rem;\n background: #4a90e2;\n color: white;\n}\n\nh1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\nmain {\n max-width: 600px;\n margin: 2rem auto;\n padding: 1rem;\n background: white;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\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-radius: 4px;\n border: 1px solid #ccc;\n}\n\nbutton {\n width: 100%;\n padding: 0.75rem;\n background: #4a90e2;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 1rem;\n}\n\nbutton:hover {\n background: #357abd;\n}\n\n#result {\n text-align: center;\n margin-top: 2rem;\n}\n\n#score {\n font-size: 3rem;\n font-weight: bold;\n color: #4a90e2;\n}\n\n.hidden {\n display: none;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: #333;\n color: white;\n}\n\n@media (max-width: 600px) {\n h1 {\n font-size: 2rem;\n }\n\n main {\n margin: 1rem;\n padding: 1rem;\n }\n}\n---script.js---\ndocument.getElementById('dreamQuiz').addEventListener('submit', function(event) {\n event.preventDefault();\n\n const q1 = parseInt(document.getElementById('q1').value);\n const q2 = parseInt(document.getElementById('q2').value);\n const q3 = parseInt(document.getElementById('q3').value);\n\n const totalScore = (q1 + q2 + q3) / 3;\n const roundedScore = Math.round(totalScore);\n\n document.getElementById('score').textContent = roundedScore;\n\n let message = '';\n if (roundedScore < 30) {\n message = 'You have a lot of potential to grow. Start taking small steps towards your dreams today!';\n } else if (roundedScore < 70) {\n message = 'You\\'re on the right path. Keep pushing forward and stay committed!';\n } else {\n message = 'You\\'re doing amazing! Keep up the great work and your dreams will soon be within reach.';\n }\n\n document.getElementById('message').textContent = message;\n document.getElementById('result').classList.remove('hidden');\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 261,
+ "completion_tokens": 1215,
+ "total_tokens": 1476,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 261
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # dreampath.scroll.pub
+ Website generated by DeepSeek from prompt: I want a lead magnet quizlet that gives the user a score 1 to 100 of the likelihood they will achieve their dreams.
script.js
Changed around line 1
+ document.getElementById('dreamQuiz').addEventListener('submit', function(event) {
+ event.preventDefault();
+
+ const q1 = parseInt(document.getElementById('q1').value);
+ const q2 = parseInt(document.getElementById('q2').value);
+ const q3 = parseInt(document.getElementById('q3').value);
+
+ const totalScore = (q1 + q2 + q3) / 3;
+ const roundedScore = Math.round(totalScore);
+
+ document.getElementById('score').textContent = roundedScore;
+
+ let message = '';
+ if (roundedScore < 30) {
+ message = 'You have a lot of potential to grow. Start taking small steps towards your dreams today!';
+ } else if (roundedScore < 70) {
+ message = 'You\'re on the right path. Keep pushing forward and stay committed!';
+ } else {
+ message = 'You\'re doing amazing! Keep up the great work and your dreams will soon be within reach.';
+ }
+
+ document.getElementById('message').textContent = message;
+ document.getElementById('result').classList.remove('hidden');
+ });
style.css
Changed around line 1
+ body {
+ font-family: 'Arial', sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0;
+ background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
+ color: #333;
+ }
+
+ header {
+ text-align: center;
+ padding: 2rem;
+ background: #4a90e2;
+ color: white;
+ }
+
+ h1 {
+ margin: 0;
+ font-size: 2.5rem;
+ }
+
+ main {
+ max-width: 600px;
+ margin: 2rem auto;
+ padding: 1rem;
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ .question {
+ margin-bottom: 1.5rem;
+ }
+
+ label {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: bold;
+ }
+
+ select {
+ width: 100%;
+ padding: 0.5rem;
+ border-radius: 4px;
+ border: 1px solid #ccc;
+ }
+
+ button {
+ width: 100%;
+ padding: 0.75rem;
+ background: #4a90e2;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 1rem;
+ }
+
+ button:hover {
+ background: #357abd;
+ }
+
+ #result {
+ text-align: center;
+ margin-top: 2rem;
+ }
+
+ #score {
+ font-size: 3rem;
+ font-weight: bold;
+ color: #4a90e2;
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ footer {
+ text-align: center;
+ padding: 1rem;
+ background: #333;
+ color: white;
+ }
+
+ @media (max-width: 600px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ main {
+ margin: 1rem;
+ padding: 1rem;
+ }
+ }