Changes to feast.scroll.pub

root

18 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     Feast
+     
+       Login
+       Sign Up
+     
+   
+ 
+ 
+ 
+   
+     Craving something delicious?
+     Order from your favorite restaurants and get it delivered fast.
+     
+       
+       
+     
+   
+ 
+   
+     Popular Restaurants
+     
+       
+         
+         Pizza Palace
+         Italian • $$ • 4.5★
+       
+       
+         
+         Sushi World
+         Japanese • $$$ • 4.7★
+       
+       
+         
+         Burger Barn
+         American • $ • 4.3★
+       
+     
+   
+ 
+ 
+ 
+   
+     Feast - Delivering happiness to your door
+     
+       About
+       Contact
+       Privacy
+     
+   
+ 
+ 
+ 
+   
+     🔔
+     2
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://feast.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Feast - Order Delicious Food Online
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "6d6b7429-e3bf-4a67-abaf-7fb2de167913",
+   "object": "chat.completion",
+   "created": 1735918071,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nfeast.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://feast.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Feast - Order Delicious Food Online\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    Feast\n    \n      Login\n      Sign Up\n    
\n  \n\n\n\n  \n    Craving something delicious?\n    Order from your favorite restaurants and get it delivered fast.
\n    \n      \n      \n    \n  \n\n  \n    Popular Restaurants\n    \n      \n        \n        Pizza Palace\n        Italian • $$ • 4.5★
\n      \n      \n        \n        Sushi World\n        Japanese • $$$ • 4.7★
\n      \n      \n        \n        Burger Barn\n        American • $ • 4.3★
\n      \n    
\n  \n\n\n\n  \n    Feast - Delivering happiness to your door
\n    \n      About\n      Contact\n      Privacy\n    \n  
\n\n\n\n  \n
\n---style.css---\n:root {\n  --primary-color: #ff4757;\n  --secondary-color: #2f3542;\n  --accent-color: #ffa502;\n  --text-color: #2f3542;\n  --bg-color: #f1f2f6;\n  --white: #ffffff;\n  --shadow: 0 2px 10px 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: system-ui, -apple-system, sans-serif;\n  color: var(--text-color);\n  background: var(--bg-color);\n  line-height: 1.6;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.header {\n  background: var(--white);\n  box-shadow: var(--shadow);\n  padding: 1rem;\n}\n\n.navbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.logo {\n  font-size: 1.5rem;\n  font-weight: bold;\n  color: var(--primary-color);\n  text-decoration: none;\n}\n\n.nav-links {\n  display: flex;\n  gap: 1rem;\n}\n\n.nav-link {\n  color: var(--text-color);\n  text-decoration: none;\n  padding: 0.5rem 1rem;\n  border-radius: 4px;\n  transition: all 0.3s ease;\n}\n\n.nav-link:hover {\n  background: var(--primary-color);\n  color: var(--white);\n}\n\n.hero {\n  text-align: center;\n  padding: 4rem 1rem;\n  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('/images/hero.jpg');\n  background-size: cover;\n  background-position: center;\n}\n\n.hero h1 {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n  color: var(--secondary-color);\n}\n\n.search-form {\n  max-width: 600px;\n  margin: 2rem auto;\n  display: flex;\n  gap: 0.5rem;\n}\n\n.search-form input {\n  flex: 1;\n  padding: 0.75rem;\n  border: 2px solid var(--primary-color);\n  border-radius: 4px;\n  font-size: 1rem;\n}\n\n.search-form button {\n  background: var(--primary-color);\n  color: var(--white);\n  border: none;\n  padding: 0.75rem 2rem;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n.search-form button:hover {\n  background: var(--accent-color);\n}\n\n.restaurants {\n  padding: 2rem 1rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.restaurant-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 2rem;\n  margin-top: 2rem;\n}\n\n.restaurant-card {\n  background: var(--white);\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n  transition: transform 0.3s ease;\n}\n\n.restaurant-card:hover {\n  transform: translateY(-5px);\n}\n\n.restaurant-card img {\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n}\n\n.restaurant-card h3 {\n  padding: 1rem;\n  font-size: 1.25rem;\n}\n\n.restaurant-card p {\n  padding: 0 1rem 1rem;\n  color: #666;\n}\n\n.footer {\n  background: var(--secondary-color);\n  color: var(--white);\n  padding: 2rem 1rem;\n  margin-top: auto;\n}\n\n.footer-content {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.footer-nav {\n  margin-top: 1rem;\n  display: flex;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.footer-nav a {\n  color: var(--white);\n  text-decoration: none;\n}\n\n.notification-bell {\n  position: fixed;\n  bottom: 2rem;\n  right: 2rem;\n}\n\n.notification-bell button {\n  background: var(--primary-color);\n  color: var(--white);\n  border: none;\n  padding: 1rem;\n  border-radius: 50%;\n  width: 56px;\n  height: 56px;\n  cursor: pointer;\n  box-shadow: var(--shadow);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.notification-count {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  background: var(--accent-color);\n  color: var(--white);\n  font-size: 0.75rem;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (max-width: 768px) {\n  .hero h1 {\n    font-size: 2rem;\n  }\n  \n  .restaurant-grid {\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  }\n}\n---script.js---\n// Notification handling\nconst notificationBell = document.querySelector('.notification-bell');\nconst notificationCount = document.querySelector('.notification-count');\n\n// Example notification count update\nfunction updateNotificationCount(count) {\n  notificationCount.textContent = count;\n  notificationCount.style.display = count > 0 ? 'block' : 'none';\n}\n\n// Initial notification count\nupdateNotificationCount(2);\n\n// Search form handling\nconst searchForm = document.querySelector('.search-form');\nsearchForm.addEventListener('submit', (e) => {\n  e.preventDefault();\n  const address = searchForm.querySelector('input').value;\n  if (address.trim()) {\n    // Implement search functionality\n    alert(`Searching restaurants near: ${address}`);\n  }\n});\n\n// Responsive navigation (could be expanded)\nfunction handleNavResize() {\n  const navLinks = document.querySelector('.nav-links');\n  if (window.innerWidth < 600) {\n    navLinks.classList.add('mobile-nav');\n  } else {\n    navLinks.classList.remove('mobile-nav');\n  }\n}\n\nwindow.addEventListener('resize', handleNavResize);\nhandleNavResize();\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 245,
+     "completion_tokens": 2032,
+     "total_tokens": 2277,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 245
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # feast.scroll.pub

+ Website generated by DeepSeek from prompt: a web app like ifood, with auth and notifications

script.js

Changed around line 1
+ // Notification handling
+ const notificationBell = document.querySelector('.notification-bell');
+ const notificationCount = document.querySelector('.notification-count');
+ 
+ // Example notification count update
+ function updateNotificationCount(count) {
+   notificationCount.textContent = count;
+   notificationCount.style.display = count > 0 ? 'block' : 'none';
+ }
+ 
+ // Initial notification count
+ updateNotificationCount(2);
+ 
+ // Search form handling
+ const searchForm = document.querySelector('.search-form');
+ searchForm.addEventListener('submit', (e) => {
+   e.preventDefault();
+   const address = searchForm.querySelector('input').value;
+   if (address.trim()) {
+     // Implement search functionality
+     alert(`Searching restaurants near: ${address}`);
+   }
+ });
+ 
+ // Responsive navigation (could be expanded)
+ function handleNavResize() {
+   const navLinks = document.querySelector('.nav-links');
+   if (window.innerWidth < 600) {
+     navLinks.classList.add('mobile-nav');
+   } else {
+     navLinks.classList.remove('mobile-nav');
+   }
+ }
+ 
+ window.addEventListener('resize', handleNavResize);
+ handleNavResize();

style.css

Changed around line 1
+ :root {
+   --primary-color: #ff4757;
+   --secondary-color: #2f3542;
+   --accent-color: #ffa502;
+   --text-color: #2f3542;
+   --bg-color: #f1f2f6;
+   --white: #ffffff;
+   --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: system-ui, -apple-system, sans-serif;
+   color: var(--text-color);
+   background: var(--bg-color);
+   line-height: 1.6;
+   min-height: 100vh;
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ .header {
+   background: var(--white);
+   box-shadow: var(--shadow);
+   padding: 1rem;
+ }
+ 
+ .navbar {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .logo {
+   font-size: 1.5rem;
+   font-weight: bold;
+   color: var(--primary-color);
+   text-decoration: none;
+ }
+ 
+ .nav-links {
+   display: flex;
+   gap: 1rem;
+ }
+ 
+ .nav-link {
+   color: var(--text-color);
+   text-decoration: none;
+   padding: 0.5rem 1rem;
+   border-radius: 4px;
+   transition: all 0.3s ease;
+ }
+ 
+ .nav-link:hover {
+   background: var(--primary-color);
+   color: var(--white);
+ }
+ 
+ .hero {
+   text-align: center;
+   padding: 4rem 1rem;
+   background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('/images/hero.jpg');
+   background-size: cover;
+   background-position: center;
+ }
+ 
+ .hero h1 {
+   font-size: 2.5rem;
+   margin-bottom: 1rem;
+   color: var(--secondary-color);
+ }
+ 
+ .search-form {
+   max-width: 600px;
+   margin: 2rem auto;
+   display: flex;
+   gap: 0.5rem;
+ }
+ 
+ .search-form input {
+   flex: 1;
+   padding: 0.75rem;
+   border: 2px solid var(--primary-color);
+   border-radius: 4px;
+   font-size: 1rem;
+ }
+ 
+ .search-form button {
+   background: var(--primary-color);
+   color: var(--white);
+   border: none;
+   padding: 0.75rem 2rem;
+   border-radius: 4px;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ .search-form button:hover {
+   background: var(--accent-color);
+ }
+ 
+ .restaurants {
+   padding: 2rem 1rem;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .restaurant-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 2rem;
+   margin-top: 2rem;
+ }
+ 
+ .restaurant-card {
+   background: var(--white);
+   border-radius: 8px;
+   overflow: hidden;
+   box-shadow: var(--shadow);
+   transition: transform 0.3s ease;
+ }
+ 
+ .restaurant-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .restaurant-card img {
+   width: 100%;
+   height: 200px;
+   object-fit: cover;
+ }
+ 
+ .restaurant-card h3 {
+   padding: 1rem;
+   font-size: 1.25rem;
+ }
+ 
+ .restaurant-card p {
+   padding: 0 1rem 1rem;
+   color: #666;
+ }
+ 
+ .footer {
+   background: var(--secondary-color);
+   color: var(--white);
+   padding: 2rem 1rem;
+   margin-top: auto;
+ }
+ 
+ .footer-content {
+   max-width: 1200px;
+   margin: 0 auto;
+   text-align: center;
+ }
+ 
+ .footer-nav {
+   margin-top: 1rem;
+   display: flex;
+   justify-content: center;
+   gap: 1rem;
+ }
+ 
+ .footer-nav a {
+   color: var(--white);
+   text-decoration: none;
+ }
+ 
+ .notification-bell {
+   position: fixed;
+   bottom: 2rem;
+   right: 2rem;
+ }
+ 
+ .notification-bell button {
+   background: var(--primary-color);
+   color: var(--white);
+   border: none;
+   padding: 1rem;
+   border-radius: 50%;
+   width: 56px;
+   height: 56px;
+   cursor: pointer;
+   box-shadow: var(--shadow);
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   position: relative;
+ }
+ 
+ .notification-count {
+   position: absolute;
+   top: -5px;
+   right: -5px;
+   background: var(--accent-color);
+   color: var(--white);
+   font-size: 0.75rem;
+   width: 20px;
+   height: 20px;
+   border-radius: 50%;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero h1 {
+     font-size: 2rem;
+   }
+ 
+   .restaurant-grid {
+     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   }
+ }