body.html
Changed around line 1
+
+
Make a Choice
+
+
+
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://yesorno.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Yes or No - Simple Decision Maker
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "d2dac29e-6785-41b7-8654-eead9c950560",
+ "object": "chat.completion",
+ "created": 1735599635,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\nyesorno.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://yesorno.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Yes or No - Simple Decision Maker\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n \n---style.css---\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Arial', sans-serif;\n background: linear-gradient(135deg, #f5f7fa, #c3cfe2);\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n color: #333;\n}\n\n.container {\n text-align: center;\n background: rgba(255, 255, 255, 0.9);\n padding: 2rem;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n max-width: 400px;\n width: 90%;\n}\n\nh1 {\n font-size: 2rem;\n margin-bottom: 1.5rem;\n color: #444;\n}\n\n.buttons {\n display: flex;\n justify-content: space-around;\n margin-bottom: 1.5rem;\n}\n\n.btn {\n padding: 0.75rem 1.5rem;\n border: none;\n border-radius: 25px;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n color: white;\n}\n\n.btn.yes {\n background: linear-gradient(135deg, #4caf50, #81c784);\n}\n\n.btn.no {\n background: linear-gradient(135deg, #f44336, #e57373);\n}\n\n.btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\n}\n\n.btn:active {\n transform: translateY(0);\n}\n\n.result {\n font-size: 1.25rem;\n font-weight: bold;\n margin-top: 1rem;\n color: #555;\n}\n\n@media (max-width: 480px) {\n h1 {\n font-size: 1.75rem;\n }\n\n .btn {\n padding: 0.5rem 1rem;\n font-size: 0.9rem;\n }\n\n .result {\n font-size: 1rem;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const yesBtn = document.getElementById('yesBtn');\n const noBtn = document.getElementById('noBtn');\n const result = document.getElementById('result');\n\n yesBtn.addEventListener('click', function() {\n result.textContent = 'You chose Yes!';\n });\n\n noBtn.addEventListener('click', function() {\n result.textContent = 'You chose No!';\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 270,
+ "completion_tokens": 726,
+ "total_tokens": 996,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 270
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # yesorno.scroll.pub
+ Website generated by DeepSeek from prompt: Create a simple website that has two buttons one says "yes" and one says "no", depending on the button you choose, print the test on the bottom of the web page
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+ const yesBtn = document.getElementById('yesBtn');
+ const noBtn = document.getElementById('noBtn');
+ const result = document.getElementById('result');
+
+ yesBtn.addEventListener('click', function() {
+ result.textContent = 'You chose Yes!';
+ });
+
+ noBtn.addEventListener('click', function() {
+ result.textContent = 'You chose No!';
+ });
+ });
style.css
Changed around line 1
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: 'Arial', sans-serif;
+ background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ color: #333;
+ }
+
+ .container {
+ text-align: center;
+ background: rgba(255, 255, 255, 0.9);
+ padding: 2rem;
+ border-radius: 15px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ max-width: 400px;
+ width: 90%;
+ }
+
+ h1 {
+ font-size: 2rem;
+ margin-bottom: 1.5rem;
+ color: #444;
+ }
+
+ .buttons {
+ display: flex;
+ justify-content: space-around;
+ margin-bottom: 1.5rem;
+ }
+
+ .btn {
+ padding: 0.75rem 1.5rem;
+ border: none;
+ border-radius: 25px;
+ font-size: 1rem;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ color: white;
+ }
+
+ .btn.yes {
+ background: linear-gradient(135deg, #4caf50, #81c784);
+ }
+
+ .btn.no {
+ background: linear-gradient(135deg, #f44336, #e57373);
+ }
+
+ .btn:hover {
+ transform: translateY(-3px);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+ }
+
+ .btn:active {
+ transform: translateY(0);
+ }
+
+ .result {
+ font-size: 1.25rem;
+ font-weight: bold;
+ margin-top: 1rem;
+ color: #555;
+ }
+
+ @media (max-width: 480px) {
+ h1 {
+ font-size: 1.75rem;
+ }
+
+ .btn {
+ padding: 0.5rem 1rem;
+ font-size: 0.9rem;
+ }
+
+ .result {
+ font-size: 1rem;
+ }
+ }