Changes to dinnerideas.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   What's for Dinner?
+   Get inspired with random Chinese & Asian dinner ideas!
+ 
+ 
+ 
+   
+     
+       
+       
+       
+     
+     
+   
+ 
+ 
+ 
+   Made with ❤️ for food lovers
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://dinnerideas.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Random Dinner Ideas - Chinese & Asian Cuisine
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "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\n  What's for Dinner?\n  Get inspired with random Chinese & Asian dinner ideas!
\n\n\n\n  \n    \n      \n      \n      
\n    
\n    \n  \n\n\n\n  Made with ❤️ for food lovers
\n\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"
+ }

readme.scroll

Changed around line 1

+ # 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

script.js

Changed around line 1
+ 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();

style.css

Changed around line 1
+ :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;
+   }
+ }