commit 928b93f949bd830e04696bb6e902d6c333bd92c8
Author: root <root@hub.scroll.pub> Date: 2024-12-30 05:21:31 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..4b2bc51 --- /dev/null +++ b/body.html @@ -0,0 +1,31 @@ +<header> + <h1>MeowLog</h1> + <p>Track your cat's daily activities with ease</p> +</header> + +<main> + <section class="activity-form"> + <h2>Log a New Activity</h2> + <form id="activityForm"> + <label for="activity">Activity:</label> + <input type="text" id="activity" name="activity" required> + + <label for="time">Time:</label> + <input type="time" id="time" name="time" required> + + <label for="notes">Notes:</label> + <textarea id="notes" name="notes"></textarea> + + <button type="submit">Add Activity</button> + </form> + </section> + + <section class="activity-list"> + <h2>Today's Activities</h2> + <ul id="activityList"></ul> + </section> +</main> + +<footer> + <p>Keep track of your feline friend's daily adventures</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..79ddca5 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://meowlog.scroll.pub +metaTags +editButton /edit.html +title MeowLog - Track Your Cat's Daily Activities +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..2f481a6 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "8a7f211b-83d7-4273-821e-c4aa5c3a000d", + "object": "chat.completion", + "created": 1735536074, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nmeowlog.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://meowlog.scroll.pub\nmetaTags\neditButton /edit.html\ntitle MeowLog - Track Your Cat's Daily Activities\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>MeowLog</h1>\n <p>Track your cat's daily activities with ease</p>\n</header>\n\n<main>\n <section class=\"activity-form\">\n <h2>Log a New Activity</h2>\n <form id=\"activityForm\">\n <label for=\"activity\">Activity:</label>\n <input type=\"text\" id=\"activity\" name=\"activity\" required>\n \n <label for=\"time\">Time:</label>\n <input type=\"time\" id=\"time\" name=\"time\" required>\n \n <label for=\"notes\">Notes:</label>\n <textarea id=\"notes\" name=\"notes\"></textarea>\n \n <button type=\"submit\">Add Activity</button>\n </form>\n </section>\n\n <section class=\"activity-list\">\n <h2>Today's Activities</h2>\n <ul id=\"activityList\"></ul>\n </section>\n</main>\n\n<footer>\n <p>Keep track of your feline friend's daily adventures</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', 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-color: var(--primary-color);\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nheader h1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\nheader p {\n margin: 0.5rem 0 0;\n font-size: 1.2rem;\n}\n\nmain {\n padding: 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.activity-form, .activity-list {\n background: white;\n padding: 1.5rem;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n margin-bottom: 2rem;\n}\n\nh2 {\n color: var(--secondary-color);\n margin-top: 0;\n}\n\nform label {\n display: block;\n margin: 1rem 0 0.5rem;\n font-weight: bold;\n}\n\nform input, form textarea {\n width: 100%;\n padding: 0.5rem;\n margin-bottom: 1rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\nform button {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 0.75rem 1.5rem;\n border-radius: 4px;\n cursor: pointer;\n font-size: 1rem;\n}\n\nform button:hover {\n background-color: #e65a50;\n}\n\nul {\n list-style: none;\n padding: 0;\n}\n\nli {\n background: var(--background-color);\n padding: 1rem;\n margin-bottom: 0.5rem;\n border-radius: 4px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background-color: var(--secondary-color);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n header h1 {\n font-size: 2rem;\n }\n\n header p {\n font-size: 1rem;\n }\n\n main {\n padding: 1rem;\n }\n\n form button {\n width: 100%;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n const form = document.getElementById('activityForm');\n const activityList = document.getElementById('activityList');\n\n form.addEventListener('submit', function(event) {\n event.preventDefault();\n\n const activity = document.getElementById('activity').value;\n const time = document.getElementById('time').value;\n const notes = document.getElementById('notes').value;\n\n const listItem = document.createElement('li');\n listItem.innerHTML = `\n <span><strong>${time}</strong> - ${activity}</span>\n <span>${notes}</span>\n `;\n\n activityList.appendChild(listItem);\n\n form.reset();\n });\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 240, + "completion_tokens": 1060, + "total_tokens": 1300, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 240 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..bcd0566 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# meowlog.scroll.pub +Website generated by DeepSeek from prompt: 做一个猫咪日常行为记录的网页 \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..44561d4 --- /dev/null +++ b/script.js @@ -0,0 +1,22 @@ +document.addEventListener('DOMContentLoaded', function() { + const form = document.getElementById('activityForm'); + const activityList = document.getElementById('activityList'); + + form.addEventListener('submit', function(event) { + event.preventDefault(); + + const activity = document.getElementById('activity').value; + const time = document.getElementById('time').value; + const notes = document.getElementById('notes').value; + + const listItem = document.createElement('li'); + listItem.innerHTML = ` + <span><strong>${time}</strong> - ${activity}</span> + <span>${notes}</span> + `; + + activityList.appendChild(listItem); + + form.reset(); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2cb6d28 --- /dev/null +++ b/style.css @@ -0,0 +1,121 @@ +:root { + --primary-color: #ff6f61; + --secondary-color: #6b5b95; + --background-color: #f8f8f8; + --text-color: #333; + --font-family: 'Segoe UI', 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-color: var(--primary-color); + color: white; + padding: 2rem; + text-align: center; +} + +header h1 { + margin: 0; + font-size: 2.5rem; +} + +header p { + margin: 0.5rem 0 0; + font-size: 1.2rem; +} + +main { + padding: 2rem; + max-width: 800px; + margin: 0 auto; +} + +.activity-form, .activity-list { + background: white; + padding: 1.5rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + margin-bottom: 2rem; +} + +h2 { + color: var(--secondary-color); + margin-top: 0; +} + +form label { + display: block; + margin: 1rem 0 0.5rem; + font-weight: bold; +} + +form input, form textarea { + width: 100%; + padding: 0.5rem; + margin-bottom: 1rem; + border: 1px solid #ddd; + border-radius: 4px; +} + +form button { + background-color: var(--primary-color); + color: white; + border: none; + padding: 0.75rem 1.5rem; + border-radius: 4px; + cursor: pointer; + font-size: 1rem; +} + +form button:hover { + background-color: #e65a50; +} + +ul { + list-style: none; + padding: 0; +} + +li { + background: var(--background-color); + padding: 1rem; + margin-bottom: 0.5rem; + border-radius: 4px; + display: flex; + justify-content: space-between; + align-items: center; +} + +footer { + text-align: center; + padding: 1rem; + background-color: var(--secondary-color); + color: white; + margin-top: 2rem; +} + +@media (max-width: 600px) { + header h1 { + font-size: 2rem; + } + + header p { + font-size: 1rem; + } + + main { + padding: 1rem; + } + + form button { + width: 100%; + } +} \ No newline at end of file