Changes to homescroll1.scroll.pub

root

15 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     HomeScroll
+     
+       
+         Listings
+         About
+         Contact
+       
+     
+   
+ 
+ 
+ 
+   
+     
+       Find Your Dream Home
+       Explore modern, stylish, and affordable real estate listings.
+       View Listings
+     
+   
+ 
+   
+     
+       Featured Listings
+       
+         
+           
+           
+             Modern Apartment
+             3 Bedrooms | 2 Bathrooms | $450,000
+             Details
+           
+         
+         
+           
+           
+             Cozy Cottage
+             2 Bedrooms | 1 Bathroom | $320,000
+             Details
+           
+         
+         
+           
+           
+             Luxury Villa
+             5 Bedrooms | 4 Bathrooms | $1,200,000
+             Details
+           
+         
+       
+     
+   
+ 
+   
+     
+       About HomeScroll
+       HomeScroll is your trusted partner in finding the perfect home. We specialize in modern, stylish, and affordable real estate listings tailored to your needs.
+     
+   
+ 
+   
+     
+       Contact Us
+       
+         Name
+         
+         Email
+         
+         Message
+         
+         
+       
+     
+   
+ 
+ 
+ 
+   
+     HomeScroll - Modern Real Estate Listings
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://homescroll.scroll.pub
+ metaTags
+ editButton /edit.html
+ title HomeScroll - Modern Real Estate Listings
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "bf3eb8df-908f-4fe9-8689-6f25eeac83a5",
+   "object": "chat.completion",
+   "created": 1736272629,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nhomescroll.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://homescroll.scroll.pub\nmetaTags\neditButton /edit.html\ntitle HomeScroll - Modern Real Estate Listings\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    HomeScroll\n    \n      \n        Listings
\n        About
\n        Contact
\n      \n    \n  
\n\n\n\n  \n    \n      Find Your Dream Home\n      Explore modern, stylish, and affordable real estate listings.
\n      View Listings\n    
\n  \n\n  \n    \n      Featured Listings\n      \n        \n          \n          \n            Modern Apartment\n            3 Bedrooms | 2 Bathrooms | $450,000
\n            Details\n          
\n        \n        \n          \n          \n            Cozy Cottage\n            2 Bedrooms | 1 Bathroom | $320,000
\n            Details\n          
\n        \n        \n          \n          \n            Luxury Villa\n            5 Bedrooms | 4 Bathrooms | $1,200,000
\n            Details\n          
\n        \n      
\n    
\n  \n\n  \n    \n      About HomeScroll\n      HomeScroll is your trusted partner in finding the perfect home. We specialize in modern, stylish, and affordable real estate listings tailored to your needs.
\n    
\n  \n\n  \n    \n      Contact Us\n      \n        Name\n        \n        Email\n        \n        Message\n        \n        \n      \n    
\n  \n\n\n\n  \n    HomeScroll - Modern Real Estate Listings
\n  
\n\n---style.css---\n:root {\n  --primary-color: #4a90e2;\n  --secondary-color: #333;\n  --background-color: #f9f9f9;\n  --text-color: #333;\n  --white: #fff;\n  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\nbody {\n  font-family: 'Arial', sans-serif;\n  color: var(--text-color);\n  background-color: var(--background-color);\n  margin: 0;\n  padding: 0;\n  line-height: 1.6;\n}\n\n.container {\n  width: 90%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.header {\n  background-color: var(--primary-color);\n  color: var(--white);\n  padding: 20px 0;\n}\n\n.header .logo {\n  font-size: 24px;\n  font-weight: bold;\n}\n\n.header .nav ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  gap: 20px;\n}\n\n.header .nav ul li a {\n  color: var(--white);\n  text-decoration: none;\n  font-weight: bold;\n}\n\n.hero {\n  background: url('/images/hero.jpg') no-repeat center center/cover;\n  color: var(--white);\n  padding: 100px 0;\n  text-align: center;\n}\n\n.hero h2 {\n  font-size: 48px;\n  margin-bottom: 20px;\n}\n\n.hero p {\n  font-size: 20px;\n  margin-bottom: 30px;\n}\n\n.hero .btn {\n  background-color: var(--white);\n  color: var(--primary-color);\n  padding: 10px 20px;\n  text-decoration: none;\n  border-radius: 5px;\n  font-weight: bold;\n}\n\n.listings {\n  padding: 60px 0;\n}\n\n.listings h2 {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.listing-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 20px;\n}\n\n.listing-card {\n  background-color: var(--white);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: var(--shadow);\n  transition: transform 0.3s ease;\n}\n\n.listing-card:hover {\n  transform: translateY(-10px);\n}\n\n.listing-card img {\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n}\n\n.listing-content {\n  padding: 20px;\n}\n\n.listing-content h3 {\n  margin-bottom: 10px;\n}\n\n.listing-content p {\n  margin-bottom: 20px;\n}\n\n.listing-content .btn {\n  background-color: var(--primary-color);\n  color: var(--white);\n  padding: 10px 20px;\n  text-decoration: none;\n  border-radius: 5px;\n  font-weight: bold;\n}\n\n.about, .contact {\n  padding: 60px 0;\n  text-align: center;\n}\n\n.contact form {\n  max-width: 600px;\n  margin: 0 auto;\n  text-align: left;\n}\n\n.contact label {\n  display: block;\n  margin-bottom: 5px;\n}\n\n.contact input, .contact textarea {\n  width: 100%;\n  padding: 10px;\n  margin-bottom: 20px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n}\n\n.contact button {\n  background-color: var(--primary-color);\n  color: var(--white);\n  padding: 10px 20px;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.footer {\n  background-color: var(--secondary-color);\n  color: var(--white);\n  text-align: center;\n  padding: 20px 0;\n}\n\n@media (max-width: 768px) {\n  .hero h2 {\n    font-size: 36px;\n  }\n\n  .hero p {\n    font-size: 18px;\n  }\n\n  .listing-grid {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\ndocument.getElementById('contact-form').addEventListener('submit', function(event) {\n  event.preventDefault();\n  alert('Thank you for contacting us! We will get back to you soon.');\n  this.reset();\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 237,
+     "completion_tokens": 1774,
+     "total_tokens": 2011,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 237
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # homescroll1.scroll.pub

+ Website generated by DeepSeek from prompt: real estate listings

script.js

Changed around line 1
+ document.getElementById('contact-form').addEventListener('submit', function(event) {
+   event.preventDefault();
+   alert('Thank you for contacting us! We will get back to you soon.');
+   this.reset();
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4a90e2;
+   --secondary-color: #333;
+   --background-color: #f9f9f9;
+   --text-color: #333;
+   --white: #fff;
+   --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ body {
+   font-family: 'Arial', sans-serif;
+   color: var(--text-color);
+   background-color: var(--background-color);
+   margin: 0;
+   padding: 0;
+   line-height: 1.6;
+ }
+ 
+ .container {
+   width: 90%;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .header {
+   background-color: var(--primary-color);
+   color: var(--white);
+   padding: 20px 0;
+ }
+ 
+ .header .logo {
+   font-size: 24px;
+   font-weight: bold;
+ }
+ 
+ .header .nav ul {
+   list-style: none;
+   padding: 0;
+   margin: 0;
+   display: flex;
+   gap: 20px;
+ }
+ 
+ .header .nav ul li a {
+   color: var(--white);
+   text-decoration: none;
+   font-weight: bold;
+ }
+ 
+ .hero {
+   background: url('/images/hero.jpg') no-repeat center center/cover;
+   color: var(--white);
+   padding: 100px 0;
+   text-align: center;
+ }
+ 
+ .hero h2 {
+   font-size: 48px;
+   margin-bottom: 20px;
+ }
+ 
+ .hero p {
+   font-size: 20px;
+   margin-bottom: 30px;
+ }
+ 
+ .hero .btn {
+   background-color: var(--white);
+   color: var(--primary-color);
+   padding: 10px 20px;
+   text-decoration: none;
+   border-radius: 5px;
+   font-weight: bold;
+ }
+ 
+ .listings {
+   padding: 60px 0;
+ }
+ 
+ .listings h2 {
+   text-align: center;
+   margin-bottom: 40px;
+ }
+ 
+ .listing-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+   gap: 20px;
+ }
+ 
+ .listing-card {
+   background-color: var(--white);
+   border-radius: 10px;
+   overflow: hidden;
+   box-shadow: var(--shadow);
+   transition: transform 0.3s ease;
+ }
+ 
+ .listing-card:hover {
+   transform: translateY(-10px);
+ }
+ 
+ .listing-card img {
+   width: 100%;
+   height: 200px;
+   object-fit: cover;
+ }
+ 
+ .listing-content {
+   padding: 20px;
+ }
+ 
+ .listing-content h3 {
+   margin-bottom: 10px;
+ }
+ 
+ .listing-content p {
+   margin-bottom: 20px;
+ }
+ 
+ .listing-content .btn {
+   background-color: var(--primary-color);
+   color: var(--white);
+   padding: 10px 20px;
+   text-decoration: none;
+   border-radius: 5px;
+   font-weight: bold;
+ }
+ 
+ .about, .contact {
+   padding: 60px 0;
+   text-align: center;
+ }
+ 
+ .contact form {
+   max-width: 600px;
+   margin: 0 auto;
+   text-align: left;
+ }
+ 
+ .contact label {
+   display: block;
+   margin-bottom: 5px;
+ }
+ 
+ .contact input, .contact textarea {
+   width: 100%;
+   padding: 10px;
+   margin-bottom: 20px;
+   border: 1px solid #ccc;
+   border-radius: 5px;
+ }
+ 
+ .contact button {
+   background-color: var(--primary-color);
+   color: var(--white);
+   padding: 10px 20px;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+ }
+ 
+ .footer {
+   background-color: var(--secondary-color);
+   color: var(--white);
+   text-align: center;
+   padding: 20px 0;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero h2 {
+     font-size: 36px;
+   }
+ 
+   .hero p {
+     font-size: 18px;
+   }
+ 
+   .listing-grid {
+     grid-template-columns: 1fr;
+   }
+ }