commit ab5445f175eb22c51bbb4a8e2a94d958d14f8df3
Author: root <root@hub.scroll.pub> Date: 2024-12-28 08:52:44 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..6d7c107 --- /dev/null +++ b/body.html @@ -0,0 +1,20 @@ +<header> + <h1>SunSeek</h1> + <p>Find the sunniest destination in the USA and get the cheapest flight tickets.</p> +</header> +<main> + <form id="flightForm"> + <label for="departure">Departure City:</label> + <input type="text" id="departure" name="departure" placeholder="Enter your departure city" required> + <button type="submit">Find My Sunny Getaway</button> + </form> + <div id="result" class="hidden"> + <h2>Your Sunny Destination</h2> + <p id="destination"></p> + <p id="price"></p> + <a id="bookLink" href="#" target="_blank">Book Now</a> + </div> +</main> +<footer> + <p>SunSeek - Your guide to sunny destinations.</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..9716590 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://sunseek.scroll.pub +metaTags +editButton /edit.html +title Find the Sunniest Destination in the USA | SunSeek +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..63ac869 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "54bbfd47-bcaf-439f-8574-6d5094a9a59e", + "object": "chat.completion", + "created": 1735375949, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nsunseek.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://sunseek.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Find the Sunniest Destination in the USA | SunSeek\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>SunSeek</h1>\n <p>Find the sunniest destination in the USA and get the cheapest flight tickets.</p>\n</header>\n<main>\n <form id=\"flightForm\">\n <label for=\"departure\">Departure City:</label>\n <input type=\"text\" id=\"departure\" name=\"departure\" placeholder=\"Enter your departure city\" required>\n <button type=\"submit\">Find My Sunny Getaway</button>\n </form>\n <div id=\"result\" class=\"hidden\">\n <h2>Your Sunny Destination</h2>\n <p id=\"destination\"></p>\n <p id=\"price\"></p>\n <a id=\"bookLink\" href=\"#\" target=\"_blank\">Book Now</a>\n </div>\n</main>\n<footer>\n <p>SunSeek - Your guide to sunny destinations.</p>\n</footer>\n---style.css---\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);\n color: #333;\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 padding: 2rem;\n background: rgba(255, 255, 255, 0.8);\n border-radius: 10px;\n margin: 1rem;\n}\n\nh1 {\n font-size: 2.5rem;\n color: #ff6f61;\n}\n\nmain {\n background: rgba(255, 255, 255, 0.9);\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n width: 90%;\n max-width: 500px;\n margin: 1rem;\n}\n\nform {\n display: flex;\n flex-direction: column;\n}\n\nlabel {\n margin-bottom: 0.5rem;\n font-weight: bold;\n}\n\ninput {\n padding: 0.5rem;\n margin-bottom: 1rem;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\nbutton {\n padding: 0.75rem;\n background: #ff6f61;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 1rem;\n}\n\nbutton:hover {\n background: #ff3b2f;\n}\n\n#result {\n text-align: center;\n margin-top: 2rem;\n}\n\n#result.hidden {\n display: none;\n}\n\n#destination {\n font-size: 1.5rem;\n color: #ff6f61;\n}\n\n#price {\n font-size: 1.25rem;\n color: #333;\n}\n\n#bookLink {\n display: inline-block;\n margin-top: 1rem;\n padding: 0.5rem 1rem;\n background: #ff6f61;\n color: white;\n text-decoration: none;\n border-radius: 5px;\n}\n\n#bookLink:hover {\n background: #ff3b2f;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: rgba(255, 255, 255, 0.8);\n border-radius: 10px;\n margin: 1rem;\n}\n---script.js---\ndocument.getElementById('flightForm').addEventListener('submit', function(event) {\n event.preventDefault();\n const departure = document.getElementById('departure').value;\n const destination = 'Phoenix, AZ'; // Example destination\n const price = '$150'; // Example price\n const bookingLink = 'https://example.com'; // Example booking link\n\n document.getElementById('destination').textContent = `Sunniest Destination: ${destination}`;\n document.getElementById('price').textContent = `Cheapest Ticket: ${price}`;\n document.getElementById('bookLink').href = bookingLink;\n document.getElementById('result').classList.remove('hidden');\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 262, + "completion_tokens": 993, + "total_tokens": 1255, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 262 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..7acbe5e --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# sunseek.scroll.pub +Website generated by DeepSeek from prompt: Find the sunniest destination in the USA and show me the cheapest ticket to that destination. Ask the user from where he likes to fly \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..be6d064 --- /dev/null +++ b/script.js @@ -0,0 +1,12 @@ +document.getElementById('flightForm').addEventListener('submit', function(event) { + event.preventDefault(); + const departure = document.getElementById('departure').value; + const destination = 'Phoenix, AZ'; // Example destination + const price = '$150'; // Example price + const bookingLink = 'https://example.com'; // Example booking link + + document.getElementById('destination').textContent = `Sunniest Destination: ${destination}`; + document.getElementById('price').textContent = `Cheapest Ticket: ${price}`; + document.getElementById('bookLink').href = bookingLink; + document.getElementById('result').classList.remove('hidden'); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..6e347be --- /dev/null +++ b/style.css @@ -0,0 +1,107 @@ +body { + font-family: 'Arial', sans-serif; + margin: 0; + padding: 0; + background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%); + color: #333; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; +} + +header { + text-align: center; + padding: 2rem; + background: rgba(255, 255, 255, 0.8); + border-radius: 10px; + margin: 1rem; +} + +h1 { + font-size: 2.5rem; + color: #ff6f61; +} + +main { + background: rgba(255, 255, 255, 0.9); + padding: 2rem; + border-radius: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + width: 90%; + max-width: 500px; + margin: 1rem; +} + +form { + display: flex; + flex-direction: column; +} + +label { + margin-bottom: 0.5rem; + font-weight: bold; +} + +input { + padding: 0.5rem; + margin-bottom: 1rem; + border: 1px solid #ccc; + border-radius: 5px; +} + +button { + padding: 0.75rem; + background: #ff6f61; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 1rem; +} + +button:hover { + background: #ff3b2f; +} + +#result { + text-align: center; + margin-top: 2rem; +} + +#result.hidden { + display: none; +} + +#destination { + font-size: 1.5rem; + color: #ff6f61; +} + +#price { + font-size: 1.25rem; + color: #333; +} + +#bookLink { + display: inline-block; + margin-top: 1rem; + padding: 0.5rem 1rem; + background: #ff6f61; + color: white; + text-decoration: none; + border-radius: 5px; +} + +#bookLink:hover { + background: #ff3b2f; +} + +footer { + text-align: center; + padding: 1rem; + background: rgba(255, 255, 255, 0.8); + border-radius: 10px; + margin: 1rem; +} \ No newline at end of file