commit f77a4db29004cc8dfb793bd8348f2b5187a34b00
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 23:32:53 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..81b053d
--- /dev/null
+++ b/body.html
@@ -0,0 +1,19 @@
+<header>
+ <h1>What's for Dinner?</h1>
+ <p>Get inspired with random Chinese & Asian dinner ideas!</p>
+</header>
+
+<main>
+ <section id="idea-section">
+ <div id="idea-card">
+ <img id="food-image" src="" alt="Dinner Idea Image">
+ <h2 id="food-name"></h2>
+ <p id="food-description"></p>
+ </div>
+ <button id="generate-btn">Give Me Another Idea!</button>
+ </section>
+</main>
+
+<footer>
+ <p>Made with ❤️ for food lovers</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..dad0c36
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://dinnerideas.scroll.pub
+metaTags
+editButton /edit.html
+title Random Dinner Ideas - Chinese & Asian Cuisine
+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..23fcb90
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "id": "1c3e2c26-ed20-4b79-82fb-5dcb93ec6a25",
+ "object": "chat.completion",
+ "created": 1735342357,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\ndinnerideas.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://dinnerideas.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Random Dinner Ideas - Chinese & Asian Cuisine\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>What's for Dinner?</h1>\n <p>Get inspired with random Chinese & Asian dinner ideas!</p>\n</header>\n\n<main>\n <section id=\"idea-section\">\n <div id=\"idea-card\">\n <img id=\"food-image\" src=\"\" alt=\"Dinner Idea Image\">\n <h2 id=\"food-name\"></h2>\n <p id=\"food-description\"></p>\n </div>\n <button id=\"generate-btn\">Give Me Another Idea!</button>\n </section>\n</main>\n\n<footer>\n <p>Made with ❤️ for food lovers</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #ff6b6b;\n --secondary-color: #4ecdc4;\n --background-color: #f7fff7;\n --text-color: #2d3436;\n}\n\nbody {\n font-family: 'Segoe UI', sans-serif;\n background-color: var(--background-color);\n color: var(--text-color);\n margin: 0;\n padding: 0;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\nheader {\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n color: white;\n text-align: center;\n padding: 2rem;\n}\n\nh1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n}\n\nmain {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2rem;\n}\n\n#idea-section {\n max-width: 800px;\n width: 100%;\n text-align: center;\n}\n\n#idea-card {\n background: white;\n border-radius: 15px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n padding: 2rem;\n margin-bottom: 2rem;\n transition: transform 0.3s ease;\n}\n\n#idea-card:hover {\n transform: translateY(-5px);\n}\n\n#food-image {\n width: 100%;\n max-width: 400px;\n height: auto;\n border-radius: 10px;\n margin-bottom: 1rem;\n}\n\n#food-name {\n color: var(--primary-color);\n font-size: 2rem;\n margin: 0.5rem 0;\n}\n\n#food-description {\n font-size: 1.1rem;\n line-height: 1.6;\n}\n\n#generate-btn {\n background-color: var(--primary-color);\n color: white;\n border: none;\n padding: 1rem 2rem;\n font-size: 1.1rem;\n border-radius: 25px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\n#generate-btn:hover {\n background-color: var(--secondary-color);\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background-color: var(--text-color);\n color: white;\n}\n\n@media (max-width: 768px) {\n h1 {\n font-size: 2rem;\n }\n \n #food-name {\n font-size: 1.5rem;\n }\n \n #food-description {\n font-size: 1rem;\n }\n}\n---script.js---\nconst foodIdeas = [\n {\n name: \"Szechuan Beef\",\n description: \"Spicy and flavorful stir-fried beef with Szechuan peppercorns and vegetables.\",\n image: \"szechuan-beef.jpg\"\n },\n {\n name: \"Pad Thai\",\n description: \"Classic Thai stir-fried rice noodles with shrimp, tofu, and peanuts.\",\n image: \"pad-thai.jpg\"\n },\n {\n name: \"Xiaolongbao\",\n description: \"Shanghai-style soup dumplings filled with pork and rich broth.\",\n image: \"xiaolongbao.jpg\"\n },\n {\n name: \"Bibimbap\",\n description: \"Korean mixed rice bowl with assorted vegetables, meat, and gochujang sauce.\",\n image: \"bibimbap.jpg\"\n },\n {\n name: \"Ramen\",\n description: \"Japanese noodle soup with rich broth, chashu pork, and soft-boiled egg.\",\n image: \"ramen.jpg\"\n },\n {\n name: \"Dim Sum Platter\",\n description: \"Assortment of Cantonese small dishes including dumplings and buns.\",\n image: \"dim-sum.jpg\"\n }\n];\n\nfunction getRandomIdea() {\n const randomIndex = Math.floor(Math.random() * foodIdeas.length);\n return foodIdeas[randomIndex];\n}\n\nfunction displayIdea() {\n const idea = getRandomIdea();\n document.getElementById('food-name').textContent = idea.name;\n document.getElementById('food-description').textContent = idea.description;\n document.getElementById('food-image').src = `images/${idea.image}`;\n}\n\ndocument.getElementById('generate-btn').addEventListener('click', displayIdea);\n\n// Display initial idea on page load\ndisplayIdea();\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 270,
+ "completion_tokens": 1184,
+ "total_tokens": 1454,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 270
+ },
+ "system_fingerprint": "fp_f1afce2943"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..5de4237
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# dinnerideas.scroll.pub
+Website generated by DeepSeek from prompt: create a website that give me random ideas about my dinner, my appetite is more so around chinese and asian, include pictures if that makes the site more attractive, be creative
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..7ae3d2a
--- /dev/null
+++ b/script.js
@@ -0,0 +1,49 @@
+const foodIdeas = [
+ {
+ name: "Szechuan Beef",
+ description: "Spicy and flavorful stir-fried beef with Szechuan peppercorns and vegetables.",
+ image: "szechuan-beef.jpg"
+ },
+ {
+ name: "Pad Thai",
+ description: "Classic Thai stir-fried rice noodles with shrimp, tofu, and peanuts.",
+ image: "pad-thai.jpg"
+ },
+ {
+ name: "Xiaolongbao",
+ description: "Shanghai-style soup dumplings filled with pork and rich broth.",
+ image: "xiaolongbao.jpg"
+ },
+ {
+ name: "Bibimbap",
+ description: "Korean mixed rice bowl with assorted vegetables, meat, and gochujang sauce.",
+ image: "bibimbap.jpg"
+ },
+ {
+ name: "Ramen",
+ description: "Japanese noodle soup with rich broth, chashu pork, and soft-boiled egg.",
+ image: "ramen.jpg"
+ },
+ {
+ name: "Dim Sum Platter",
+ description: "Assortment of Cantonese small dishes including dumplings and buns.",
+ image: "dim-sum.jpg"
+ }
+];
+
+function getRandomIdea() {
+ const randomIndex = Math.floor(Math.random() * foodIdeas.length);
+ return foodIdeas[randomIndex];
+}
+
+function displayIdea() {
+ const idea = getRandomIdea();
+ document.getElementById('food-name').textContent = idea.name;
+ document.getElementById('food-description').textContent = idea.description;
+ document.getElementById('food-image').src = `images/${idea.image}`;
+}
+
+document.getElementById('generate-btn').addEventListener('click', displayIdea);
+
+// Display initial idea on page load
+displayIdea();
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b2e1779
--- /dev/null
+++ b/style.css
@@ -0,0 +1,111 @@
+:root {
+ --primary-color: #ff6b6b;
+ --secondary-color: #4ecdc4;
+ --background-color: #f7fff7;
+ --text-color: #2d3436;
+}
+
+body {
+ font-family: 'Segoe UI', sans-serif;
+ background-color: var(--background-color);
+ color: var(--text-color);
+ margin: 0;
+ padding: 0;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+}
+
+header {
+ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+ color: white;
+ text-align: center;
+ padding: 2rem;
+}
+
+h1 {
+ font-size: 2.5rem;
+ margin-bottom: 0.5rem;
+}
+
+main {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 2rem;
+}
+
+#idea-section {
+ max-width: 800px;
+ width: 100%;
+ text-align: center;
+}
+
+#idea-card {
+ background: white;
+ border-radius: 15px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ padding: 2rem;
+ margin-bottom: 2rem;
+ transition: transform 0.3s ease;
+}
+
+#idea-card:hover {
+ transform: translateY(-5px);
+}
+
+#food-image {
+ width: 100%;
+ max-width: 400px;
+ height: auto;
+ border-radius: 10px;
+ margin-bottom: 1rem;
+}
+
+#food-name {
+ color: var(--primary-color);
+ font-size: 2rem;
+ margin: 0.5rem 0;
+}
+
+#food-description {
+ font-size: 1.1rem;
+ line-height: 1.6;
+}
+
+#generate-btn {
+ background-color: var(--primary-color);
+ color: white;
+ border: none;
+ padding: 1rem 2rem;
+ font-size: 1.1rem;
+ border-radius: 25px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+#generate-btn:hover {
+ background-color: var(--secondary-color);
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ background-color: var(--text-color);
+ color: white;
+}
+
+@media (max-width: 768px) {
+ h1 {
+ font-size: 2rem;
+ }
+
+ #food-name {
+ font-size: 1.5rem;
+ }
+
+ #food-description {
+ font-size: 1rem;
+ }
+}
\ No newline at end of file