Last 10 Commits for meowlog1.scroll.pub

commit 40af38334ef61ecd5124112f7a1b60d6a419a9e2 Author: root <root@hub.scroll.pub> Date: 2025-01-10 00:49:39 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..b9b287f --- /dev/null +++ b/body.html @@ -0,0 +1,42 @@ +<header class="header"> + <div class="container"> + <h1 class="logo">MeowLog 🐾</h1> + <p class="tagline">Track your cat's daily adventures in style!</p> + </div> +</header> + +<main class="main"> + <div class="container"> + <section class="record-section"> + <h2>Today's MeowLog</h2> + <form id="record-form" class="record-form"> + <div class="form-group"> + <label for="activity">Activity</label> + <input type="text" id="activity" placeholder="What did your cat do?" required> + </div> + <div class="form-group"> + <label for="time">Time</label> + <input type="time" id="time" required> + </div> + <div class="form-group"> + <label for="notes">Notes</label> + <textarea id="notes" placeholder="Any special notes?"></textarea> + </div> + <button type="submit" class="btn">Add Entry</button> + </form> + </section> + + <section class="entries-section"> + <h2>Recent Entries</h2> + <div id="entries-list" class="entries-list"> +  + </div> + </section> + </div> +</main> + +<footer class="footer"> + <div class="container"> + <p>Made with ❤️ by cat lovers everywhere</p> + </div> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..a98f123 --- /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 Adventures +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..f5dbeb2 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "0374e901-3ee2-417a-8771-ec5be38095ea", + "object": "chat.completion", + "created": 1736470153, + "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 Adventures\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header class=\"header\">\n <div class=\"container\">\n <h1 class=\"logo\">MeowLog 🐾</h1>\n <p class=\"tagline\">Track your cat's daily adventures in style!</p>\n </div>\n</header>\n\n<main class=\"main\">\n <div class=\"container\">\n <section class=\"record-section\">\n <h2>Today's MeowLog</h2>\n <form id=\"record-form\" class=\"record-form\">\n <div class=\"form-group\">\n <label for=\"activity\">Activity</label>\n <input type=\"text\" id=\"activity\" placeholder=\"What did your cat do?\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"time\">Time</label>\n <input type=\"time\" id=\"time\" required>\n </div>\n <div class=\"form-group\">\n <label for=\"notes\">Notes</label>\n <textarea id=\"notes\" placeholder=\"Any special notes?\"></textarea>\n </div>\n <button type=\"submit\" class=\"btn\">Add Entry</button>\n </form>\n </section>\n\n <section class=\"entries-section\">\n <h2>Recent Entries</h2>\n <div id=\"entries-list\" class=\"entries-list\">\n \n </div>\n </section>\n </div>\n</main>\n\n<footer class=\"footer\">\n <div class=\"container\">\n <p>Made with ❤️ by cat lovers everywhere</p>\n </div>\n</footer>\n---style.css---\n:root {\n --primary-color: #ff7f50;\n --secondary-color: #ffd700;\n --background-color: #fff5ee;\n --text-color: #4a4a4a;\n --border-radius: 20px;\n --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Comic Sans MS', cursive, sans-serif;\n background-color: var(--background-color);\n color: var(--text-color);\n line-height: 1.6;\n}\n\n.container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\n.header {\n background-color: var(--primary-color);\n color: white;\n padding: 40px 0;\n text-align: center;\n border-bottom-left-radius: var(--border-radius);\n border-bottom-right-radius: var(--border-radius);\n}\n\n.logo {\n font-size: 3rem;\n margin-bottom: 10px;\n}\n\n.tagline {\n font-size: 1.2rem;\n}\n\n.main {\n padding: 40px 0;\n}\n\n.record-section, .entries-section {\n background: white;\n padding: 30px;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n margin-bottom: 30px;\n}\n\nh2 {\n color: var(--primary-color);\n margin-bottom: 20px;\n}\n\n.form-group {\n margin-bottom: 20px;\n}\n\nlabel {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n}\n\ninput, textarea {\n width: 100%;\n padding: 10px;\n border: 2px solid var(--secondary-color);\n border-radius: var(--border-radius);\n font-size: 1rem;\n}\n\ntextarea {\n resize: vertical;\n min-height: 100px;\n}\n\n.btn {\n background-color: var(--primary-color);\n color: white;\n padding: 10px 20px;\n border: none;\n border-radius: var(--border-radius);\n cursor: pointer;\n font-size: 1rem;\n transition: background-color 0.3s ease;\n}\n\n.btn:hover {\n background-color: #ff6347;\n}\n\n.entries-list {\n display: grid;\n gap: 20px;\n}\n\n.entry {\n background: var(--background-color);\n padding: 20px;\n border-radius: var(--border-radius);\n box-shadow: var(--box-shadow);\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.entry-time {\n font-weight: bold;\n color: var(--primary-color);\n}\n\n.footer {\n text-align: center;\n padding: 20px;\n background-color: var(--primary-color);\n color: white;\n border-top-left-radius: var(--border-radius);\n border-top-right-radius: var(--border-radius);\n}\n\n@media (max-width: 768px) {\n .container {\n padding: 10px;\n }\n\n .logo {\n font-size: 2rem;\n }\n\n .tagline {\n font-size: 1rem;\n }\n\n .entry {\n flex-direction: column;\n align-items: flex-start;\n }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function () {\n const form = document.getElementById('record-form');\n const entriesList = document.getElementById('entries-list');\n\n form.addEventListener('submit', function (e) {\n e.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 entry = document.createElement('div');\n entry.classList.add('entry');\n entry.innerHTML = `\n <div>\n <span class=\"entry-time\">${time}</span>\n <span class=\"entry-activity\">${activity}</span>\n </div>\n <div class=\"entry-notes\">${notes}</div>\n `;\n\n entriesList.prepend(entry);\n\n form.reset();\n });\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 257, + "completion_tokens": 1322, + "total_tokens": 1579, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 257 + }, + "system_fingerprint": "fp_3a5770e1b4" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..2a34194 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,3 @@ +# meowlog1.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..6ab47d4 --- /dev/null +++ b/script.js @@ -0,0 +1,26 @@ +document.addEventListener('DOMContentLoaded', function () { + const form = document.getElementById('record-form'); + const entriesList = document.getElementById('entries-list'); + + form.addEventListener('submit', function (e) { + e.preventDefault(); + + const activity = document.getElementById('activity').value; + const time = document.getElementById('time').value; + const notes = document.getElementById('notes').value; + + const entry = document.createElement('div'); + entry.classList.add('entry'); + entry.innerHTML = ` + <div> + <span class="entry-time">${time}</span> + <span class="entry-activity">${activity}</span> + </div> + <div class="entry-notes">${notes}</div> + `; + + entriesList.prepend(entry); + + form.reset(); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..82d78c8 --- /dev/null +++ b/style.css @@ -0,0 +1,148 @@ +:root { + --primary-color: #ff7f50; + --secondary-color: #ffd700; + --background-color: #fff5ee; + --text-color: #4a4a4a; + --border-radius: 20px; + --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Comic Sans MS', cursive, sans-serif; + background-color: var(--background-color); + color: var(--text-color); + line-height: 1.6; +} + +.container { + max-width: 800px; + margin: 0 auto; + padding: 20px; +} + +.header { + background-color: var(--primary-color); + color: white; + padding: 40px 0; + text-align: center; + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); +} + +.logo { + font-size: 3rem; + margin-bottom: 10px; +} + +.tagline { + font-size: 1.2rem; +} + +.main { + padding: 40px 0; +} + +.record-section, .entries-section { + background: white; + padding: 30px; + border-radius: var(--border-radius); + box-shadow: var(--box-shadow); + margin-bottom: 30px; +} + +h2 { + color: var(--primary-color); + margin-bottom: 20px; +} + +.form-group { + margin-bottom: 20px; +} + +label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} + +input, textarea { + width: 100%; + padding: 10px; + border: 2px solid var(--secondary-color); + border-radius: var(--border-radius); + font-size: 1rem; +} + +textarea { + resize: vertical; + min-height: 100px; +} + +.btn { + background-color: var(--primary-color); + color: white; + padding: 10px 20px; + border: none; + border-radius: var(--border-radius); + cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s ease; +} + +.btn:hover { + background-color: #ff6347; +} + +.entries-list { + display: grid; + gap: 20px; +} + +.entry { + background: var(--background-color); + padding: 20px; + border-radius: var(--border-radius); + box-shadow: var(--box-shadow); + display: flex; + justify-content: space-between; + align-items: center; +} + +.entry-time { + font-weight: bold; + color: var(--primary-color); +} + +.footer { + text-align: center; + padding: 20px; + background-color: var(--primary-color); + color: white; + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); +} + +@media (max-width: 768px) { + .container { + padding: 10px; + } + + .logo { + font-size: 2rem; + } + + .tagline { + font-size: 1rem; + } + + .entry { + flex-direction: column; + align-items: flex-start; + } +} \ No newline at end of file