\n
\n Modern Downtown Loft
\nNew York, NY
\n$2,500,000
\nSpacious 3-bedroom loft with stunning city views
\n View Details\n
body.html
Changed around line 1
+
+
+
+
+
Find Your Dream Home
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Listings
+
+
+
+
+
Modern Downtown Loft
+
New York, NY
+
$2,500,000
+
Spacious 3-bedroom loft with stunning city views
+
+
+
+
+
+
Cozy Suburban Home
+
Austin, TX
+
$850,000
+
Charming 4-bedroom home with large backyard
+
+
+
+
+
+
Beachfront Villa
+
Miami, FL
+
$3,200,000
+
Luxurious 5-bedroom villa with private beach access
+
+
+
+
+
+
+
+
About HomeScroll
+
HomeScroll is revolutionizing the way people find their dream homes. Our platform combines cutting-edge technology with personalized service to make your home search seamless and enjoyable.
+
Whether you're looking to buy, sell, or rent, our team of experienced real estate professionals is here to guide you every step of the way.
+
+
+
+
+
Contact Us
+
+
+
+
+
+
+
+
+
+
+
+
HomeScroll
+
Your trusted partner in real estate
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://homescroll.scroll.pub
+ metaTags
+ editButton /edit.html
+ title HomeScroll - Find Your Dream Home
+ style.css
+ body.html
+ script.js
prompt.json
Changed around line 1
+ {
+ "id": "f8b2b8bc-8907-4624-b78e-2814663b0248",
+ "object": "chat.completion",
+ "created": 1735652859,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "\n\n---domain---\nhomescroll.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://homescroll.scroll.pub\nmetaTags\neditButton /edit.html\ntitle HomeScroll - Find Your Dream Home\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n \n \n\n\n \n\n\n \n\n\n \n\n\n---style.css---\n:root {\n --primary-color: #1a73e8;\n --secondary-color: #f5f5f5;\n --text-color: #333;\n --white: #ffffff;\n --shadow: 0 2px 10px rgba(0,0,0,0.1);\n --radius: 8px;\n --transition: all 0.3s ease;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', system-ui, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n}\n\na {\n text-decoration: none;\n color: inherit;\n}\n\n.hero {\n background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/hero.jpg');\n background-size: cover;\n background-position: center;\n color: var(--white);\n padding: 2rem;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\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 width: 100%;\n}\n\n.logo {\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.nav-links {\n display: flex;\n gap: 2rem;\n}\n\n.hero-content {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.hero-content h1 {\n font-size: 3rem;\n margin-bottom: 2rem;\n}\n\n.search-form {\n display: grid;\n grid-template-columns: 2fr 1fr auto;\n gap: 1rem;\n width: 100%;\n max-width: 800px;\n}\n\n.search-form input,\n.search-form select {\n padding: 0.8rem;\n border: none;\n border-radius: var(--radius);\n}\n\n.search-form button {\n background: var(--primary-color);\n color: var(--white);\n border: none;\n padding: 0.8rem 2rem;\n border-radius: var(--radius);\n cursor: pointer;\n transition: var(--transition);\n}\n\n.search-form button:hover {\n background: #1557b0;\n}\n\n.listings-section {\n padding: 4rem 2rem;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.listings-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n}\n\n.listing-card {\n background: var(--white);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: var(--transition);\n}\n\n.listing-card:hover {\n transform: translateY(-5px);\n}\n\n.listing-image {\n height: 200px;\n background-size: cover;\n background-position: center;\n}\n\n.listing-details {\n padding: 1.5rem;\n}\n\n.listing-details h3 {\n margin-bottom: 0.5rem;\n}\n\n.location {\n color: #666;\n margin-bottom: 0.5rem;\n}\n\n.price {\n font-size: 1.25rem;\n font-weight: bold;\n color: var(--primary-color);\n margin-bottom: 1rem;\n}\n\n.description {\n margin-bottom: 1.5rem;\n}\n\n.btn {\n display: inline-block;\n background: var(--primary-color);\n color: var(--white);\n padding: 0.8rem 1.5rem;\n border-radius: var(--radius);\n transition: var(--transition);\n}\n\n.btn:hover {\n background: #1557b0;\n}\n\n.about-section {\n background: var(--secondary-color);\n padding: 4rem 2rem;\n}\n\n.about-content {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n}\n\n.contact-section {\n padding: 4rem 2rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.contact-form {\n display: grid;\n gap: 1rem;\n margin-top: 2rem;\n}\n\n.contact-form input,\n.contact-form textarea {\n padding: 0.8rem;\n border: 1px solid #ddd;\n border-radius: var(--radius);\n}\n\n.contact-form button {\n background: var(--primary-color);\n color: var(--white);\n border: none;\n padding: 0.8rem 1.5rem;\n border-radius: var(--radius);\n cursor: pointer;\n transition: var(--transition);\n}\n\n.contact-form button:hover {\n background: #1557b0;\n}\n\nfooter {\n background: var(--text-color);\n color: var(--white);\n padding: 2rem;\n}\n\n.footer-content {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n}\n\n.footer-section h3,\n.footer-section h4 {\n margin-bottom: 1rem;\n}\n\n.footer-section ul {\n list-style: none;\n}\n\n.footer-section ul li {\n margin-bottom: 0.5rem;\n}\n\n@media (max-width: 768px) {\n .hero-content h1 {\n font-size: 2rem;\n }\n \n .search-form {\n grid-template-columns: 1fr;\n }\n \n .navbar {\n flex-direction: column;\n gap: 1rem;\n }\n \n .nav-links {\n gap: 1rem;\n }\n}\n---script.js---\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n});\n\n// Form submission handling\ndocument.querySelectorAll('form').forEach(form => {\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n alert('Thank you for your submission!');\n this.reset();\n });\n});\n---end---"
\n
\nFind Your Dream Home
\n \nFeatured Listings
\n\n \n \n \n \n \n \n \n \n \n
\n\n
\n Cozy Suburban Home
\nAustin, TX
\n$850,000
\nCharming 4-bedroom home with large backyard
\n View Details\n\n
\n Beachfront Villa
\nMiami, FL
\n$3,200,000
\nLuxurious 5-bedroom villa with private beach access
\n View Details\n\n
\nAbout HomeScroll
\nHomeScroll is revolutionizing the way people find their dream homes. Our platform combines cutting-edge technology with personalized service to make your home search seamless and enjoyable.
\nWhether you're looking to buy, sell, or rent, our team of experienced real estate professionals is here to guide you every step of the way.
\nContact Us
\n \n+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 237,
+ "completion_tokens": 2538,
+ "total_tokens": 2775,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 237
+ },
+ "system_fingerprint": "fp_f1afce2943"
+ }
readme.scroll
Changed around line 1
+ # homescroll.scroll.pub
+ Website generated by DeepSeek from prompt: create real estate app
script.js
Changed around line 1
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Form submission handling
+ document.querySelectorAll('form').forEach(form => {
+ form.addEventListener('submit', function(e) {
+ e.preventDefault();
+ alert('Thank you for your submission!');
+ this.reset();
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #1a73e8;
+ --secondary-color: #f5f5f5;
+ --text-color: #333;
+ --white: #ffffff;
+ --shadow: 0 2px 10px rgba(0,0,0,0.1);
+ --radius: 8px;
+ --transition: all 0.3s ease;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+ }
+
+ a {
+ text-decoration: none;
+ color: inherit;
+ }
+
+ .hero {
+ background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/images/hero.jpg');
+ background-size: cover;
+ background-position: center;
+ color: var(--white);
+ padding: 2rem;
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .navbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ max-width: 1200px;
+ margin: 0 auto;
+ width: 100%;
+ }
+
+ .logo {
+ font-size: 1.5rem;
+ font-weight: bold;
+ }
+
+ .nav-links {
+ display: flex;
+ gap: 2rem;
+ }
+
+ .hero-content {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ max-width: 800px;
+ margin: 0 auto;
+ }
+
+ .hero-content h1 {
+ font-size: 3rem;
+ margin-bottom: 2rem;
+ }
+
+ .search-form {
+ display: grid;
+ grid-template-columns: 2fr 1fr auto;
+ gap: 1rem;
+ width: 100%;
+ max-width: 800px;
+ }
+
+ .search-form input,
+ .search-form select {
+ padding: 0.8rem;
+ border: none;
+ border-radius: var(--radius);
+ }
+
+ .search-form button {
+ background: var(--primary-color);
+ color: var(--white);
+ border: none;
+ padding: 0.8rem 2rem;
+ border-radius: var(--radius);
+ cursor: pointer;
+ transition: var(--transition);
+ }
+
+ .search-form button:hover {
+ background: #1557b0;
+ }
+
+ .listings-section {
+ padding: 4rem 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ .listings-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 2rem;
+ margin-top: 2rem;
+ }
+
+ .listing-card {
+ background: var(--white);
+ border-radius: var(--radius);
+ overflow: hidden;
+ box-shadow: var(--shadow);
+ transition: var(--transition);
+ }
+
+ .listing-card:hover {
+ transform: translateY(-5px);
+ }
+
+ .listing-image {
+ height: 200px;
+ background-size: cover;
+ background-position: center;
+ }
+
+ .listing-details {
+ padding: 1.5rem;
+ }
+
+ .listing-details h3 {
+ margin-bottom: 0.5rem;
+ }
+
+ .location {
+ color: #666;
+ margin-bottom: 0.5rem;
+ }
+
+ .price {
+ font-size: 1.25rem;
+ font-weight: bold;
+ color: var(--primary-color);
+ margin-bottom: 1rem;
+ }
+
+ .description {
+ margin-bottom: 1.5rem;
+ }
+
+ .btn {
+ display: inline-block;
+ background: var(--primary-color);
+ color: var(--white);
+ padding: 0.8rem 1.5rem;
+ border-radius: var(--radius);
+ transition: var(--transition);
+ }
+
+ .btn:hover {
+ background: #1557b0;
+ }
+
+ .about-section {
+ background: var(--secondary-color);
+ padding: 4rem 2rem;
+ }
+
+ .about-content {
+ max-width: 800px;
+ margin: 0 auto;
+ text-align: center;
+ }
+
+ .contact-section {
+ padding: 4rem 2rem;
+ max-width: 800px;
+ margin: 0 auto;
+ }
+
+ .contact-form {
+ display: grid;
+ gap: 1rem;
+ margin-top: 2rem;
+ }
+
+ .contact-form input,
+ .contact-form textarea {
+ padding: 0.8rem;
+ border: 1px solid #ddd;
+ border-radius: var(--radius);
+ }
+
+ .contact-form button {
+ background: var(--primary-color);
+ color: var(--white);
+ border: none;
+ padding: 0.8rem 1.5rem;
+ border-radius: var(--radius);
+ cursor: pointer;
+ transition: var(--transition);
+ }
+
+ .contact-form button:hover {
+ background: #1557b0;
+ }
+
+ footer {
+ background: var(--text-color);
+ color: var(--white);
+ padding: 2rem;
+ }
+
+ .footer-content {
+ max-width: 1200px;
+ margin: 0 auto;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 2rem;
+ }
+
+ .footer-section h3,
+ .footer-section h4 {
+ margin-bottom: 1rem;
+ }
+
+ .footer-section ul {
+ list-style: none;
+ }
+
+ .footer-section ul li {
+ margin-bottom: 0.5rem;
+ }
+
+ @media (max-width: 768px) {
+ .hero-content h1 {
+ font-size: 2rem;
+ }
+
+ .search-form {
+ grid-template-columns: 1fr;
+ }
+
+ .navbar {
+ flex-direction: column;
+ gap: 1rem;
+ }
+
+ .nav-links {
+ gap: 1rem;
+ }
+ }