Last 10 Commits for catbeauty.scroll.pub

commit 183277547d3ff3f3223379a113340ed4692c4372 Author: root <root@hub.scroll.pub> Date: 2024-12-28 08:48:01 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..719181b --- /dev/null +++ b/body.html @@ -0,0 +1,44 @@ +<header> + <h1>Cat Beauty Contest</h1> + <p>Celebrating the most beautiful felines in the world!</p> +</header> + +<main> + <section id="judging-criteria"> + <h2>Judging Criteria</h2> + <ul> + <li>Fur Quality (30 points)</li> + <li>Eye Color (20 points)</li> + <li>Posture (20 points)</li> + <li>Unique Features (15 points)</li> + <li>Overall Charm (15 points)</li> + </ul> + </section> + + <section id="rankings"> + <h2>Current Rankings</h2> + <div id="rankings-list"> +  + </div> + </section> + + <section id="submit-entry"> + <h2>Submit Your Cat</h2> + <form id="cat-entry-form"> + <label for="cat-name">Cat's Name:</label> + <input type="text" id="cat-name" name="cat-name" required> + + <label for="owner-name">Owner's Name:</label> + <input type="text" id="owner-name" name="owner-name" required> + + <label for="cat-photo">Cat's Photo URL:</label> + <input type="url" id="cat-photo" name="cat-photo" required> + + <button type="submit">Submit Entry</button> + </form> + </section> +</main> + +<footer> + <p>Join us in celebrating feline beauty!</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..8d53dbc --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://catbeauty.scroll.pub +metaTags +editButton /edit.html +title Cat Beauty Contest +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..ebbb8ff --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "81cfa72b-74f9-4b36-ab38-8863edbd401c", + "object": "chat.completion", + "created": 1735375660, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\ncatbeauty.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://catbeauty.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Cat Beauty Contest\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Cat Beauty Contest</h1>\n <p>Celebrating the most beautiful felines in the world!</p>\n</header>\n\n<main>\n <section id=\"judging-criteria\">\n <h2>Judging Criteria</h2>\n <ul>\n <li>Fur Quality (30 points)</li>\n <li>Eye Color (20 points)</li>\n <li>Posture (20 points)</li>\n <li>Unique Features (15 points)</li>\n <li>Overall Charm (15 points)</li>\n </ul>\n </section>\n\n <section id=\"rankings\">\n <h2>Current Rankings</h2>\n <div id=\"rankings-list\">\n \n </div>\n </section>\n\n <section id=\"submit-entry\">\n <h2>Submit Your Cat</h2>\n <form id=\"cat-entry-form\">\n <label for=\"cat-name\">Cat's Name:</label>\n <input type=\"text\" id=\"cat-name\" name=\"cat-name\" required>\n \n <label for=\"owner-name\">Owner's Name:</label>\n <input type=\"text\" id=\"owner-name\" name=\"owner-name\" required>\n \n <label for=\"cat-photo\">Cat's Photo URL:</label>\n <input type=\"url\" id=\"cat-photo\" name=\"cat-photo\" required>\n \n <button type=\"submit\">Submit Entry</button>\n </form>\n </section>\n</main>\n\n<footer>\n <p>Join us in celebrating feline beauty!</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #ff6f61;\n --secondary-color: #6b5b95;\n --background-color: #f8f8f8;\n --text-color: #333;\n --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\nbody {\n font-family: var(--font-family);\n color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n padding: 0;\n line-height: 1.6;\n}\n\nheader {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nh2 {\n color: var(--secondary-color);\n margin-top: 2rem;\n}\n\nmain {\n max-width: 800px;\n margin: 2rem auto;\n padding: 0 1rem;\n}\n\nsection {\n margin-bottom: 3rem;\n}\n\nul {\n list-style: none;\n padding: 0;\n}\n\nli {\n background: white;\n margin: 0.5rem 0;\n padding: 1rem;\n border-radius: 5px;\n box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\nform {\n display: grid;\n gap: 1rem;\n background: white;\n padding: 2rem;\n border-radius: 10px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n\nlabel {\n font-weight: bold;\n}\n\ninput {\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\nbutton {\n background: var(--primary-color);\n color: white;\n padding: 0.75rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\nbutton:hover {\n background: var(--secondary-color);\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background: var(--secondary-color);\n color: white;\n}\n\n@media (max-width: 600px) {\n h1 {\n font-size: 2rem;\n }\n \n main {\n padding: 0 0.5rem;\n }\n \n form {\n padding: 1rem;\n }\n}\n---script.js---\n// Sample data for initial rankings\nconst initialRankings = [\n { name: \"Whiskers\", score: 95, photo: \"https://placekitten.com/200/300\" },\n { name: \"Mittens\", score: 92, photo: \"https://placekitten.com/200/301\" },\n { name: \"Snowball\", score: 90, photo: \"https://placekitten.com/200/302\" }\n];\n\n// Function to display rankings\nfunction displayRankings() {\n const rankingsList = document.getElementById('rankings-list');\n rankingsList.innerHTML = '';\n\n initialRankings.forEach((cat, index) => {\n const rankingItem = document.createElement('div');\n rankingItem.classList.add('ranking-item');\n rankingItem.innerHTML = `\n <span class=\"rank\">${index + 1}</span>\n <img src=\"${cat.photo}\" alt=\"${cat.name}\" class=\"cat-photo\">\n <span class=\"cat-name\">${cat.name}</span>\n <span class=\"score\">${cat.score} points</span>\n `;\n rankingsList.appendChild(rankingItem);\n });\n}\n\n// Handle form submission\ndocument.getElementById('cat-entry-form').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const catName = document.getElementById('cat-name').value;\n const ownerName = document.getElementById('owner-name').value;\n const catPhoto = document.getElementById('cat-photo').value;\n\n // Here you would typically send the data to a server\n alert(`Thank you, ${ownerName}! ${catName} has been entered into the contest.`);\n \n // Clear the form\n this.reset();\n});\n\n// Initialize the page\ndocument.addEventListener('DOMContentLoaded', function() {\n displayRankings();\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 249, + "completion_tokens": 1368, + "total_tokens": 1617, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 249 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..c29cad7 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# catbeauty.scroll.pub +Website generated by DeepSeek from prompt: create a Cat Beauty Contest website, requirements: have judging criteria and have rankings \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..eac3a72 --- /dev/null +++ b/script.js @@ -0,0 +1,44 @@ +// Sample data for initial rankings +const initialRankings = [ + { name: "Whiskers", score: 95, photo: "https://placekitten.com/200/300" }, + { name: "Mittens", score: 92, photo: "https://placekitten.com/200/301" }, + { name: "Snowball", score: 90, photo: "https://placekitten.com/200/302" } +]; + +// Function to display rankings +function displayRankings() { + const rankingsList = document.getElementById('rankings-list'); + rankingsList.innerHTML = ''; + + initialRankings.forEach((cat, index) => { + const rankingItem = document.createElement('div'); + rankingItem.classList.add('ranking-item'); + rankingItem.innerHTML = ` + <span class="rank">${index + 1}</span> + <img src="${cat.photo}" alt="${cat.name}" class="cat-photo"> + <span class="cat-name">${cat.name}</span> + <span class="score">${cat.score} points</span> + `; + rankingsList.appendChild(rankingItem); + }); +} + +// Handle form submission +document.getElementById('cat-entry-form').addEventListener('submit', function(e) { + e.preventDefault(); + + const catName = document.getElementById('cat-name').value; + const ownerName = document.getElementById('owner-name').value; + const catPhoto = document.getElementById('cat-photo').value; + + // Here you would typically send the data to a server + alert(`Thank you, ${ownerName}! ${catName} has been entered into the contest.`); + + // Clear the form + this.reset(); +}); + +// Initialize the page +document.addEventListener('DOMContentLoaded', function() { + displayRankings(); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..6a0122b --- /dev/null +++ b/style.css @@ -0,0 +1,110 @@ +:root { + --primary-color: #ff6f61; + --secondary-color: #6b5b95; + --background-color: #f8f8f8; + --text-color: #333; + --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} + +body { + font-family: var(--font-family); + color: var(--text-color); + background-color: var(--background-color); + margin: 0; + padding: 0; + line-height: 1.6; +} + +header { + background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); + color: white; + padding: 2rem; + text-align: center; +} + +h1 { + font-size: 2.5rem; + margin-bottom: 0.5rem; +} + +h2 { + color: var(--secondary-color); + margin-top: 2rem; +} + +main { + max-width: 800px; + margin: 2rem auto; + padding: 0 1rem; +} + +section { + margin-bottom: 3rem; +} + +ul { + list-style: none; + padding: 0; +} + +li { + background: white; + margin: 0.5rem 0; + padding: 1rem; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); +} + +form { + display: grid; + gap: 1rem; + background: white; + padding: 2rem; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0,0,0,0.1); +} + +label { + font-weight: bold; +} + +input { + padding: 0.5rem; + border: 1px solid #ddd; + border-radius: 5px; +} + +button { + background: var(--primary-color); + color: white; + padding: 0.75rem; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background 0.3s ease; +} + +button:hover { + background: var(--secondary-color); +} + +footer { + text-align: center; + padding: 1rem; + background: var(--secondary-color); + color: white; +} + +@media (max-width: 600px) { + h1 { + font-size: 2rem; + } + + main { + padding: 0 0.5rem; + } + + form { + padding: 1rem; + } +} \ No newline at end of file