commit d8a86da6f2021a9e1f3a25b094e7198a0e27bcff
Author: root <root@hub.scroll.pub>
Date: 2025-01-16 17:01:24 +0000
Subject: Initial commit
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..e2f27ac
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,90 @@
+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
\ No newline at end of file
diff --git a/prompt.json b/prompt.json
new file mode 100644
index 0000000..ad381dd
--- /dev/null
+++ b/prompt.json
@@ -0,0 +1,25 @@
+{
+ "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"
+}
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..22b1187
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,3 @@
+# tierranuance.com.TLD
+
+website generated by DeepSeek from prompt: Tierra nuance
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..974cbdb
--- /dev/null
+++ b/script.js
@@ -0,0 +1,37 @@
+// 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)';
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..ba0412c
--- /dev/null
+++ b/style.css
@@ -0,0 +1,118 @@
+: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;
+ }
+}
\ No newline at end of file