commit 2715d0e0d54805af466d72c22f265c676ccbf985
Author: root <root@hub.scroll.pub>
Date: 2025-01-12 19:26:19 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..d5dbdbc
--- /dev/null
+++ b/body.html
@@ -0,0 +1,63 @@
+<header class="bg-gradient-to-r from-blue-500 to-purple-600 text-white py-6">
+ <div class="container mx-auto px-4">
+ <h1 class="text-4xl font-bold">Toyscape</h1>
+ <p class="mt-2">Where Imagination Comes to Play</p>
+ </div>
+</header>
+
+<nav class="bg-white shadow-lg">
+ <div class="container mx-auto px-4">
+ <div class="flex justify-between items-center py-4">
+ <a href="/" class="text-xl font-bold text-gray-800">Toyscape</a>
+ <div class="flex space-x-4">
+ <a href="/" class="text-gray-800 hover:text-purple-600">Home</a>
+ <a href="/shop" class="text-gray-800 hover:text-purple-600">Shop</a>
+ <a href="/about" class="text-gray-800 hover:text-purple-600">About</a>
+ <a href="/contact" class="text-gray-800 hover:text-purple-600">Contact</a>
+ </div>
+ </div>
+ </div>
+</nav>
+
+<main class="container mx-auto px-4 py-8">
+ <section class="mb-8">
+ <h2 class="text-3xl font-bold mb-4">Featured Toys</h2>
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+ <div class="bg-white shadow-lg rounded-lg overflow-hidden">
+ <img src="/images/toy1.jpg" alt="Toy 1" class="w-full h-48 object-cover">
+ <div class="p-4">
+ <h3 class="text-xl font-bold">Super Robot</h3>
+ <p class="text-gray-600">$29.99</p>
+ <button class="mt-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700">Add to Cart</button>
+ </div>
+ </div>
+ <div class="bg-white shadow-lg rounded-lg overflow-hidden">
+ <img src="/images/toy2.jpg" alt="Toy 2" class="w-full h-48 object-cover">
+ <div class="p-4">
+ <h3 class="text-xl font-bold">Magic Castle</h3>
+ <p class="text-gray-600">$49.99</p>
+ <button class="mt-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700">Add to Cart</button>
+ </div>
+ </div>
+ <div class="bg-white shadow-lg rounded-lg overflow-hidden">
+ <img src="/images/toy3.jpg" alt="Toy 3" class="w-full h-48 object-cover">
+ <div class="p-4">
+ <h3 class="text-xl font-bold">Adventure Car</h3>
+ <p class="text-gray-600">$19.99</p>
+ <button class="mt-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700">Add to Cart</button>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="mb-8">
+ <h2 class="text-3xl font-bold mb-4">About Us</h2>
+ <p class="text-gray-700">At Toyscape, we believe in the power of play. Our mission is to provide high-quality, imaginative toys that inspire creativity and joy in children of all ages. Explore our collection and find the perfect toy for your little one!</p>
+ </section>
+</main>
+
+<footer class="bg-gray-800 text-white py-6">
+ <div class="container mx-auto px-4 text-center">
+ <p>Toyscape - Where Imagination Comes to Play</p>
+ </div>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..0bfa978
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://toyscape.scroll.pub
+metaTags
+editButton /edit.html
+title Toyscape - Your Ultimate Toy Destination
+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..ca45261
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "4ce1f93e-5f28-4309-8b4e-f95a0bab6f8d",
+ "object": "chat.completion",
+ "created": 1736709952,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\ntoyscape.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://toyscape.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Toyscape - Your Ultimate Toy Destination\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header class=\"bg-gradient-to-r from-blue-500 to-purple-600 text-white py-6\">\n <div class=\"container mx-auto px-4\">\n <h1 class=\"text-4xl font-bold\">Toyscape</h1>\n <p class=\"mt-2\">Where Imagination Comes to Play</p>\n </div>\n</header>\n\n<nav class=\"bg-white shadow-lg\">\n <div class=\"container mx-auto px-4\">\n <div class=\"flex justify-between items-center py-4\">\n <a href=\"/\" class=\"text-xl font-bold text-gray-800\">Toyscape</a>\n <div class=\"flex space-x-4\">\n <a href=\"/\" class=\"text-gray-800 hover:text-purple-600\">Home</a>\n <a href=\"/shop\" class=\"text-gray-800 hover:text-purple-600\">Shop</a>\n <a href=\"/about\" class=\"text-gray-800 hover:text-purple-600\">About</a>\n <a href=\"/contact\" class=\"text-gray-800 hover:text-purple-600\">Contact</a>\n </div>\n </div>\n </div>\n</nav>\n\n<main class=\"container mx-auto px-4 py-8\">\n <section class=\"mb-8\">\n <h2 class=\"text-3xl font-bold mb-4\">Featured Toys</h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n <div class=\"bg-white shadow-lg rounded-lg overflow-hidden\">\n <img src=\"/images/toy1.jpg\" alt=\"Toy 1\" class=\"w-full h-48 object-cover\">\n <div class=\"p-4\">\n <h3 class=\"text-xl font-bold\">Super Robot</h3>\n <p class=\"text-gray-600\">$29.99</p>\n <button class=\"mt-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700\">Add to Cart</button>\n </div>\n </div>\n <div class=\"bg-white shadow-lg rounded-lg overflow-hidden\">\n <img src=\"/images/toy2.jpg\" alt=\"Toy 2\" class=\"w-full h-48 object-cover\">\n <div class=\"p-4\">\n <h3 class=\"text-xl font-bold\">Magic Castle</h3>\n <p class=\"text-gray-600\">$49.99</p>\n <button class=\"mt-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700\">Add to Cart</button>\n </div>\n </div>\n <div class=\"bg-white shadow-lg rounded-lg overflow-hidden\">\n <img src=\"/images/toy3.jpg\" alt=\"Toy 3\" class=\"w-full h-48 object-cover\">\n <div class=\"p-4\">\n <h3 class=\"text-xl font-bold\">Adventure Car</h3>\n <p class=\"text-gray-600\">$19.99</p>\n <button class=\"mt-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700\">Add to Cart</button>\n </div>\n </div>\n </div>\n </section>\n\n <section class=\"mb-8\">\n <h2 class=\"text-3xl font-bold mb-4\">About Us</h2>\n <p class=\"text-gray-700\">At Toyscape, we believe in the power of play. Our mission is to provide high-quality, imaginative toys that inspire creativity and joy in children of all ages. Explore our collection and find the perfect toy for your little one!</p>\n </section>\n</main>\n\n<footer class=\"bg-gray-800 text-white py-6\">\n <div class=\"container mx-auto px-4 text-center\">\n <p>Toyscape - Where Imagination Comes to Play</p>\n </div>\n</footer>\n---style.css---\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\nbody {\n font-family: 'Inter', sans-serif;\n}\n\n.container {\n max-width: 1200px;\n}\n\n.bg-gradient-to-r {\n background: linear-gradient(to right, #3b82f6, #9333ea);\n}\n\n.shadow-lg {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.rounded-lg {\n border-radius: 0.5rem;\n}\n\n.hover\\:bg-purple-700:hover {\n background-color: #7e22ce;\n}\n\n.grid {\n display: grid;\n}\n\n.gap-6 {\n gap: 1.5rem;\n}\n\n.object-cover {\n object-fit: cover;\n}\n---script.js---\n// Simple script for interactive elements\ndocument.addEventListener('DOMContentLoaded', function() {\n const buttons = document.querySelectorAll('button');\n buttons.forEach(button => {\n button.addEventListener('click', () => {\n alert('Added to cart!');\n });\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 252,
+ "completion_tokens": 1196,
+ "total_tokens": 1448,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 252
+ },
+ "system_fingerprint": "fp_3a5770e1b4"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..1cb3e49
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,3 @@
+# toyscape.scroll.pub
+
+website generated by DeepSeek from prompt: I need a model ecommerce website for a toy shop in NextJs with Tailwind CSS
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..92e63a0
--- /dev/null
+++ b/script.js
@@ -0,0 +1,9 @@
+// Simple script for interactive elements
+document.addEventListener('DOMContentLoaded', function() {
+ const buttons = document.querySelectorAll('button');
+ buttons.forEach(button => {
+ button.addEventListener('click', () => {
+ alert('Added to cart!');
+ });
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..a5a3f26
--- /dev/null
+++ b/style.css
@@ -0,0 +1,39 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+ font-family: 'Inter', sans-serif;
+}
+
+.container {
+ max-width: 1200px;
+}
+
+.bg-gradient-to-r {
+ background: linear-gradient(to right, #3b82f6, #9333ea);
+}
+
+.shadow-lg {
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+}
+
+.hover\:bg-purple-700:hover {
+ background-color: #7e22ce;
+}
+
+.grid {
+ display: grid;
+}
+
+.gap-6 {
+ gap: 1.5rem;
+}
+
+.object-cover {
+ object-fit: cover;
+}
\ No newline at end of file