index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://tierranuance.com
+ metaTags
+ editButton /edit.html
+ title Tierra Nuance
+ style.css
+
+ header
+ class hero
+ nav
+ div Tierra Nuance
+ class logo
+ div
+ class nav-links
+ a About
+ href #about
+ a Gallery
+ href #gallery
+ a Contact
+ href #contact
+ div
+ class hero-content
+ h1 Discover the Nuances of Earth
+ p A journey through the subtle beauty of our planet's landscapes
+ a Explore
+ class primary-button
+ href #about
+ main
+ section
+ id about
+ class about
+ h2 About Tierra Nuance
+ p Tierra Nuance is a celebration of Earth's intricate beauty. From the delicate textures of sand dunes to the vibrant hues of coral reefs, we showcase the subtle details that make our planet extraordinary.
+ p Our mission is to inspire appreciation for the natural world and promote sustainable practices to preserve its wonders.
+ section
+ id gallery
+ class gallery
+ h2 Gallery
+ div
+ class gallery-grid
+ div
+ class gallery-item
+ img src images/desert.jpg
+ alt Desert dunes at sunset
+ div
+ class gallery-item
+ img src images/forest.jpg
+ alt Misty forest canopy
+ div
+ class gallery-item
+ img src images/ocean.jpg
+ alt Turquoise ocean waves
+ div
+ class gallery-item
+ img src images/mountains.jpg
+ alt Snow-capped mountain range
+ section
+ id contact
+ class contact
+ h2 Contact Us
+ p Have questions or want to collaborate? We'd love to hear from you.
+ form
+ class contact-form
+ div
+ class form-group
+ label for name Name
+ input type text
+ id name
+ name name
+ required
+ div
+ class form-group
+ label for email Email
+ input type email
+ id email
+ name email
+ required
+ div
+ class form-group
+ label for message Message
+ textarea id message
+ name message
+ required
+ button type submit
+ class primary-button
+ Send Message
+ footer
+ div
+ class footer-content
+ p Tierra Nuance - Celebrating Earth's Subtle Beauty
prompt.json
Changed around line 1
+ {
+ "id": "34db94ec-260c-43bc-b19c-7f4560af711e",
+ "object": "chat.completion",
+ "created": 1737046855,
+ "model": "deepseek-chat",
+ "choices": [
+ {
+ "index": 0,
+ "message": {
+ "role": "assistant",
+ "content": "---domain---\ntierranuance.com\n---index.scroll---\nbuildHtml\nbaseUrl https://tierranuance.com\nmetaTags\neditButton /edit.html\ntitle Tierra Nuance\nstyle.css\n\nheader\n class hero\n nav\n div Tierra Nuance\n class logo\n div\n class nav-links\n a About\n href #about\n a Gallery\n href #gallery\n a Contact\n href #contact\n div\n class hero-content\n h1 Discover the Nuances of Earth\n p A journey through the subtle beauty of our planet's landscapes\n a Explore\n class primary-button\n href #about\nmain\n section\n id about\n class about\n h2 About Tierra Nuance\n p Tierra Nuance is a celebration of Earth's intricate beauty. From the delicate textures of sand dunes to the vibrant hues of coral reefs, we showcase the subtle details that make our planet extraordinary.\n p Our mission is to inspire appreciation for the natural world and promote sustainable practices to preserve its wonders.\n section\n id gallery\n class gallery\n h2 Gallery\n div\n class gallery-grid\n div\n class gallery-item\n img src images/desert.jpg\n alt Desert dunes at sunset\n div\n class gallery-item\n img src images/forest.jpg\n alt Misty forest canopy\n div\n class gallery-item\n img src images/ocean.jpg\n alt Turquoise ocean waves\n div\n class gallery-item\n img src images/mountains.jpg\n alt Snow-capped mountain range\n section\n id contact\n class contact\n h2 Contact Us\n p Have questions or want to collaborate? We'd love to hear from you.\n form\n class contact-form\n div\n class form-group\n label for name Name\n input type text\n id name\n name name\n required\n div\n class form-group\n label for email Email\n input type email\n id email\n name email\n required\n div\n class form-group\n label for message Message\n textarea id message\n name message\n required\n button type submit\n class primary-button\n Send Message\nfooter\n div\n class footer-content\n p Tierra Nuance - Celebrating Earth's Subtle Beauty\n---style.css---\n:root {\n --primary-color: #4CAF50;\n --secondary-color: #388E3C;\n --background-color: #F5F5F5;\n --text-color: #333;\n --white: #FFFFFF;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Segoe UI', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\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 height: 100vh;\n color: var(--white);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 0 20px;\n}\n\n.nav-links {\n display: flex;\n gap: 20px;\n margin-top: 20px;\n}\n\n.primary-button {\n background-color: var(--primary-color);\n color: var(--white);\n padding: 10px 20px;\n border-radius: 5px;\n text-decoration: none;\n transition: background-color 0.3s;\n}\n\n.primary-button:hover {\n background-color: var(--secondary-color);\n}\n\n.about, .gallery, .contact {\n padding: 60px 20px;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.gallery-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 30px;\n}\n\n.gallery-item img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n border-radius: 5px;\n transition: transform 0.3s;\n}\n\n.gallery-item img:hover {\n transform: scale(1.05);\n}\n\n.contact-form {\n max-width: 600px;\n margin: 30px auto 0;\n}\n\n.form-group {\n margin-bottom: 20px;\n}\n\n.form-group label {\n display: block;\n margin-bottom: 5px;\n}\n\n.form-group input,\n.form-group textarea {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\n.footer-content {\n text-align: center;\n padding: 20px;\n background-color: var(--secondary-color);\n color: var(--white);\n}\n\n@media (max-width: 768px) {\n .nav-links {\n flex-direction: column;\n gap: 10px;\n }\n \n .hero-content h1 {\n font-size: 2rem;\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\nconst contactForm = document.querySelector('.contact-form');\nif (contactForm) {\n contactForm.addEventListener('submit', function(e) {\n e.preventDefault();\n const formData = new FormData(this);\n const data = {};\n formData.forEach((value, key) => {\n data[key] = value;\n });\n console.log('Form Data:', data);\n alert('Thank you for your message! We will get back to you soon.');\n this.reset();\n });\n}\n\n// Image hover effect enhancement\nconst galleryItems = document.querySelectorAll('.gallery-item');\ngalleryItems.forEach(item => {\n item.addEventListener('mouseenter', () => {\n item.style.transform = 'scale(1.05)';\n item.style.transition = 'transform 0.3s ease';\n });\n item.addEventListener('mouseleave', () => {\n item.style.transform = 'scale(1)';\n });\n});\n---end---"
+ },
+ "logprobs": null,
+ "finish_reason": "stop"
+ }
+ ],
+ "usage": {
+ "prompt_tokens": 716,
+ "completion_tokens": 1414,
+ "total_tokens": 2130,
+ "prompt_cache_hit_tokens": 0,
+ "prompt_cache_miss_tokens": 716
+ },
+ "system_fingerprint": "fp_3a5770e1b4"
+ }
readme.scroll
Changed around line 1
+ # tierranuance.com.TLD
+
+ website generated by DeepSeek from prompt: Tierra nuance
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
+ const contactForm = document.querySelector('.contact-form');
+ if (contactForm) {
+ contactForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+ const formData = new FormData(this);
+ const data = {};
+ formData.forEach((value, key) => {
+ data[key] = value;
+ });
+ console.log('Form Data:', data);
+ alert('Thank you for your message! We will get back to you soon.');
+ this.reset();
+ });
+ }
+
+ // Image hover effect enhancement
+ const galleryItems = document.querySelectorAll('.gallery-item');
+ galleryItems.forEach(item => {
+ item.addEventListener('mouseenter', () => {
+ item.style.transform = 'scale(1.05)';
+ item.style.transition = 'transform 0.3s ease';
+ });
+ item.addEventListener('mouseleave', () => {
+ item.style.transform = 'scale(1)';
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #4CAF50;
+ --secondary-color: #388E3C;
+ --background-color: #F5F5F5;
+ --text-color: #333;
+ --white: #FFFFFF;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: 'Segoe UI', sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+ background-color: var(--background-color);
+ }
+
+ .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;
+ height: 100vh;
+ color: var(--white);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ padding: 0 20px;
+ }
+
+ .nav-links {
+ display: flex;
+ gap: 20px;
+ margin-top: 20px;
+ }
+
+ .primary-button {
+ background-color: var(--primary-color);
+ color: var(--white);
+ padding: 10px 20px;
+ border-radius: 5px;
+ text-decoration: none;
+ transition: background-color 0.3s;
+ }
+
+ .primary-button:hover {
+ background-color: var(--secondary-color);
+ }
+
+ .about, .gallery, .contact {
+ padding: 60px 20px;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ .gallery-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 20px;
+ margin-top: 30px;
+ }
+
+ .gallery-item img {
+ width: 100%;
+ height: 200px;
+ object-fit: cover;
+ border-radius: 5px;
+ transition: transform 0.3s;
+ }
+
+ .gallery-item img:hover {
+ transform: scale(1.05);
+ }
+
+ .contact-form {
+ max-width: 600px;
+ margin: 30px auto 0;
+ }
+
+ .form-group {
+ margin-bottom: 20px;
+ }
+
+ .form-group label {
+ display: block;
+ margin-bottom: 5px;
+ }
+
+ .form-group input,
+ .form-group textarea {
+ width: 100%;
+ padding: 10px;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ }
+
+ .footer-content {
+ text-align: center;
+ padding: 20px;
+ background-color: var(--secondary-color);
+ color: var(--white);
+ }
+
+ @media (max-width: 768px) {
+ .nav-links {
+ flex-direction: column;
+ gap: 10px;
+ }
+
+ .hero-content h1 {
+ font-size: 2rem;
+ }
+ }