Changes to playcafe.scroll.pub

root

24 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     Welcome to PlayCafe
+     Where fun meets flavor!
+   
+ 
+ 
+ 
+   
+     About Us
+     PlayCafe is a unique space combining a vibrant playhouse for kids and a cozy café for parents. Enjoy our delicious drinks and snacks while your kids have the time of their lives!
+   
+ 
+ 
+ 
+   
+     Hourly Rate Calculator
+     
+       Number of Hours:
+       
+       
+     
+     
+   
+ 
+ 
+ 
+   
+     Our Menu
+     
+       
+         Coffee
+         Rich and aromatic
+       
+       
+         Pastries
+         Freshly baked daily
+       
+       
+         Snacks
+         Healthy and tasty
+       
+     
+   
+ 
+ 
+ 
+   
+     Visit us today and experience the joy of PlayCafe!
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://playcafe.scroll.pub
+ metaTags
+ editButton /edit.html
+ title PlayCafe - Fun, Food, and Play
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "13e70cd6-bbaa-4edb-8852-73ce93c3fe4d",
+   "object": "chat.completion",
+   "created": 1735385783,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nplaycafe.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://playcafe.scroll.pub\nmetaTags\neditButton /edit.html\ntitle PlayCafe - Fun, Food, and Play\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    Welcome to PlayCafe\n    Where fun meets flavor!
\n  
\n\n\n\n  \n    About Us\n    PlayCafe is a unique space combining a vibrant playhouse for kids and a cozy café for parents. Enjoy our delicious drinks and snacks while your kids have the time of their lives!
\n  
\n\n\n\n  \n    Hourly Rate Calculator\n    \n      Number of Hours:\n      \n      \n    \n    
\n  
\n\n\n\n  \n    Our Menu\n    \n      \n        Coffee\n        Rich and aromatic
\n      
\n      \n        Pastries\n        Freshly baked daily
\n      
\n      \n        Snacks\n        Healthy and tasty
\n      
\n    
\n  
\n\n\n\n  \n    Visit us today and experience the joy of PlayCafe!
\n  
\n\n---style.css---\nbody {\n  font-family: 'Arial', sans-serif;\n  margin: 0;\n  padding: 0;\n  color: #333;\n  background-color: #f9f9f9;\n}\n\n.container {\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n}\n\nheader {\n  background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);\n  color: white;\n  padding: 60px 0;\n  text-align: center;\n}\n\nheader h1 {\n  font-size: 3rem;\n  margin: 0;\n}\n\nheader p {\n  font-size: 1.5rem;\n  margin: 10px 0 0;\n}\n\nsection {\n  padding: 40px 0;\n}\n\nh2 {\n  font-size: 2rem;\n  margin-bottom: 20px;\n  color: #ff6f61;\n}\n\n.about p {\n  font-size: 1.2rem;\n  line-height: 1.6;\n}\n\n.calculator form {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.calculator label {\n  font-size: 1.2rem;\n  margin-bottom: 10px;\n}\n\n.calculator input {\n  padding: 10px;\n  font-size: 1rem;\n  width: 100%;\n  max-width: 300px;\n  margin-bottom: 20px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n.calculator button {\n  padding: 10px 20px;\n  font-size: 1rem;\n  background-color: #ff6f61;\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.calculator button:hover {\n  background-color: #ff3b2f;\n}\n\n#result {\n  font-size: 1.2rem;\n  margin-top: 20px;\n  color: #ff6f61;\n}\n\n.menu-items {\n  display: flex;\n  justify-content: space-around;\n  flex-wrap: wrap;\n}\n\n.item {\n  background: white;\n  padding: 20px;\n  border-radius: 10px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  text-align: center;\n  margin: 10px;\n  flex: 1 1 calc(33.333% - 20px);\n}\n\n.item h3 {\n  font-size: 1.5rem;\n  color: #ff6f61;\n}\n\n.item p {\n  font-size: 1rem;\n  color: #666;\n}\n\nfooter {\n  background: #333;\n  color: white;\n  text-align: center;\n  padding: 20px 0;\n}\n\nfooter p {\n  margin: 0;\n  font-size: 1rem;\n}\n\n@media (max-width: 768px) {\n  .menu-items {\n    flex-direction: column;\n  }\n\n  .item {\n    flex: 1 1 100%;\n    margin: 10px 0;\n  }\n}\n---script.js---\ndocument.getElementById('rateCalculator').addEventListener('submit', function(event) {\n  event.preventDefault();\n  const hours = parseInt(document.getElementById('hours').value, 10);\n  const rate = 10; // $10 per hour\n  const total = hours * rate;\n  document.getElementById('result').textContent = `Total cost: $${total}`;\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 273,
+     "completion_tokens": 1228,
+     "total_tokens": 1501,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 273
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # playcafe.scroll.pub

+ Website generated by DeepSeek from prompt: I am planning to create a web application for a playhouse, which will also include a café offering drinks and snacks. The website will feature a modern design and include a functionality to calculate hourly charges

script.js

Changed around line 1
+ document.getElementById('rateCalculator').addEventListener('submit', function(event) {
+   event.preventDefault();
+   const hours = parseInt(document.getElementById('hours').value, 10);
+   const rate = 10; // $10 per hour
+   const total = hours * rate;
+   document.getElementById('result').textContent = `Total cost: $${total}`;
+ });

style.css

Changed around line 1
+ body {
+   font-family: 'Arial', sans-serif;
+   margin: 0;
+   padding: 0;
+   color: #333;
+   background-color: #f9f9f9;
+ }
+ 
+ .container {
+   width: 90%;
+   max-width: 1200px;
+   margin: 0 auto;
+   padding: 20px;
+ }
+ 
+ header {
+   background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
+   color: white;
+   padding: 60px 0;
+   text-align: center;
+ }
+ 
+ header h1 {
+   font-size: 3rem;
+   margin: 0;
+ }
+ 
+ header p {
+   font-size: 1.5rem;
+   margin: 10px 0 0;
+ }
+ 
+ section {
+   padding: 40px 0;
+ }
+ 
+ h2 {
+   font-size: 2rem;
+   margin-bottom: 20px;
+   color: #ff6f61;
+ }
+ 
+ .about p {
+   font-size: 1.2rem;
+   line-height: 1.6;
+ }
+ 
+ .calculator form {
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+ }
+ 
+ .calculator label {
+   font-size: 1.2rem;
+   margin-bottom: 10px;
+ }
+ 
+ .calculator input {
+   padding: 10px;
+   font-size: 1rem;
+   width: 100%;
+   max-width: 300px;
+   margin-bottom: 20px;
+   border: 1px solid #ccc;
+   border-radius: 5px;
+ }
+ 
+ .calculator button {
+   padding: 10px 20px;
+   font-size: 1rem;
+   background-color: #ff6f61;
+   color: white;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+ }
+ 
+ .calculator button:hover {
+   background-color: #ff3b2f;
+ }
+ 
+ #result {
+   font-size: 1.2rem;
+   margin-top: 20px;
+   color: #ff6f61;
+ }
+ 
+ .menu-items {
+   display: flex;
+   justify-content: space-around;
+   flex-wrap: wrap;
+ }
+ 
+ .item {
+   background: white;
+   padding: 20px;
+   border-radius: 10px;
+   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+   text-align: center;
+   margin: 10px;
+   flex: 1 1 calc(33.333% - 20px);
+ }
+ 
+ .item h3 {
+   font-size: 1.5rem;
+   color: #ff6f61;
+ }
+ 
+ .item p {
+   font-size: 1rem;
+   color: #666;
+ }
+ 
+ footer {
+   background: #333;
+   color: white;
+   text-align: center;
+   padding: 20px 0;
+ }
+ 
+ footer p {
+   margin: 0;
+   font-size: 1rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .menu-items {
+     flex-direction: column;
+   }
+ 
+   .item {
+     flex: 1 1 100%;
+     margin: 10px 0;
+   }
+ }