ancient-trees.scroll
Changed around line 1
+ title The Secret Lives of Ancient Trees: Living Time Capsules
+ tags All
+ header.scroll
+ Recent research from Uppsala University reveals that some of Earth's oldest trees are communicating through vast underground fungal networks that span entire forests.
+
+ The study, published in Nature, shows that ancient trees can share resources and information across distances exceeding 100 meters. These "Wood Wide Web" connections have existed for thousands of years, with some networks dating back to the last ice age.
+
+ Most fascinating is that older trees act as hubs, supporting younger saplings by sharing nutrients and warning signals about incoming threats. It's a botanical Internet that predates human civilization by millennia.
+
+ Who knew these silent giants were such social butterflies?
+ footer.scroll
deep-sea-giants.scroll
Changed around line 1
+ title Newly Discovered Deep Sea Creatures Defy Evolution Models
+ tags All
+ header.scroll
+ Marine biologists working off the Mariana Trench have identified three new species of gigantic deep-sea isopods, challenging our understanding of how animals evolve in extreme environments.
+
+ These car-sized crustaceans, thriving at depths of 7,000 meters, possess unique adaptations that don't follow conventional evolutionary patterns. Their highly efficient metabolisms allow them to survive on one meal for up to a decade.
+
+ The discovery suggests parallel evolution may be more common in deep-sea environments than previously thought, with similar adaptations emerging independently across different species.
+
+ Perhaps the abyss has more lessons to teach us about life's possibilities than the surface world.
+ footer.scroll
feed.scroll
Changed around line 1
+ buildRss
+ printFeed All
footer.scroll
Changed around line 1
+ importOnly
+ center
+ scrollVersionLink
header.scroll
Changed around line 1
+ importOnly
+ buildHtml
+ buildTxt
+ homeButton
+ leftRightButtons
+ baseUrl https://naturalia.scroll.pub
+ metaTags
+ editButton
+ editBaseUrl /edit.html?folderName=naturalia.scroll.pub&fileName=
+ metaTags
+ style.css
+ script.js
+ container
+ printTitle
index.scroll
Changed around line 1
+ title Naturalia: Exploring Earth's Wonders
+ header.scroll
+ printSnippets All
+ footer.scroll
prompt.json
Changed around line 1
+ {
+ "id": "msg_01Dh6u1MBZ23AYBqugZ5tKBT",
+ "type": "message",
+ "role": "assistant",
+ "model": "claude-3-5-sonnet-20241022",
+ "content": [
+ {
+ "type": "text",
+ "text": "I'll create a natural history blog with engaging content about fascinating discoveries and phenomena in the natural world.\n\n---domain---\nnaturalia.scroll.pub\n---index.scroll---\ntitle Naturalia: Exploring Earth's Wonders\nheader.scroll\nprintSnippets All\nfooter.scroll\n---ancient-trees.scroll---\ntitle The Secret Lives of Ancient Trees: Living Time Capsules\ntags All\nheader.scroll\nRecent research from Uppsala University reveals that some of Earth's oldest trees are communicating through vast underground fungal networks that span entire forests.\n\nThe study, published in Nature, shows that ancient trees can share resources and information across distances exceeding 100 meters. These \"Wood Wide Web\" connections have existed for thousands of years, with some networks dating back to the last ice age.\n\nMost fascinating is that older trees act as hubs, supporting younger saplings by sharing nutrients and warning signals about incoming threats. It's a botanical Internet that predates human civilization by millennia.\n\nWho knew these silent giants were such social butterflies?\nfooter.scroll\n---deep-sea-giants.scroll---\ntitle Newly Discovered Deep Sea Creatures Defy Evolution Models\ntags All\nheader.scroll\nMarine biologists working off the Mariana Trench have identified three new species of gigantic deep-sea isopods, challenging our understanding of how animals evolve in extreme environments.\n\nThese car-sized crustaceans, thriving at depths of 7,000 meters, possess unique adaptations that don't follow conventional evolutionary patterns. Their highly efficient metabolisms allow them to survive on one meal for up to a decade.\n\nThe discovery suggests parallel evolution may be more common in deep-sea environments than previously thought, with similar adaptations emerging independently across different species.\n\nPerhaps the abyss has more lessons to teach us about life's possibilities than the surface world.\nfooter.scroll\n---header.scroll---\nimportOnly\nbuildHtml\nbuildTxt\nhomeButton\nleftRightButtons\nbaseUrl https://naturalia.scroll.pub\nmetaTags\neditButton\neditBaseUrl /edit.html?folderName=naturalia.scroll.pub&fileName=\nmetaTags\nstyle.css\nscript.js\ncontainer\nprintTitle\n---feed.scroll---\nbuildRss\nprintFeed All\n---footer.scroll---\nimportOnly\ncenter\nscrollVersionLink\n---style.css---\n:root {\n --primary: #2c4a3c;\n --secondary: #a4c2a8;\n --text: #333;\n --background: #f9f7f3;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Georgia', serif;\n line-height: 1.6;\n color: var(--text);\n background: var(--background);\n}\n\n.container {\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\nh1 {\n color: var(--primary);\n font-size: 2.5rem;\n margin-bottom: 1.5rem;\n font-weight: 700;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n}\n\nh2 {\n color: var(--primary);\n font-size: 1.8rem;\n margin: 2rem 0 1rem;\n}\n\np {\n margin-bottom: 1.5rem;\n font-size: 1.1rem;\n}\n\na {\n color: var(--primary);\n text-decoration: none;\n border-bottom: 2px solid transparent;\n transition: border-color 0.3s;\n}\n\na:hover {\n border-color: var(--secondary);\n}\n\n.post {\n background: white;\n padding: 2rem;\n margin-bottom: 2rem;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n@media (max-width: 768px) {\n .container {\n padding: 1rem;\n }\n \n h1 {\n font-size: 2rem;\n }\n \n h2 {\n font-size: 1.5rem;\n }\n \n p {\n font-size: 1rem;\n }\n}\n\nfooter {\n text-align: center;\n padding: 2rem;\n background: var(--primary);\n color: white;\n margin-top: 3rem;\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n // Smooth scroll for anchor links\n document.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 // Add fade-in animation to posts\n const posts = document.querySelectorAll('.post');\n const observerOptions = {\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = 1;\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n posts.forEach(post => {\n post.style.opacity = 0;\n post.style.transform = 'translateY(20px)';\n post.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n observer.observe(post);\n });\n});\n---end---"
+ }
+ ],
+ "stop_reason": "end_turn",
+ "stop_sequence": null,
+ "usage": {
+ "input_tokens": 450,
+ "cache_creation_input_tokens": 0,
+ "cache_read_input_tokens": 0,
+ "output_tokens": 1413
+ }
+ }
readme.scroll
Changed around line 1
+ # naturalia.scroll.pub
+
+ Prompt: blog
+ Agent: claude
+ Model: claude-3-5-sonnet-20241022
+
+ ## User prompt
+ natural history blog
+
+ ## System prompt
+ You are an expert web developer. Create a blog based on this request: "natural history blog"
+
+ Requirements:
+ - Write 2 blog posts. Keep them short. Intelligent. Data backed. Witty.
+ - Use only Scroll, CSS, and JavaScript (NO frameworks, NO external dependencies)
+ - Create clean, semantic HTML5
+ - Make it mobile-responsive
+ - Follow modern best practices and accessibility guidelines
+ - Keep it simple but professional
+ - Include basic SEO meta tags using Scroll
+ - Use only relative links and no external resources
+ - Do not put a copyright symbol or all rights reserved in the footer.
+ - Make it beautiful. Dazzling. Advanced used of CSS.
+
+ First suggest a short, memorable domain name ending in scroll.pub that represents this website. Then provide the website files. Use this exact format:
+
+ ---domain---
+ (domainscroll.pub here)
+ ---index.scroll---
+ title (blog title here)
+ header.scroll
+ printSnippets All
+ footer.scroll
+ ---(firstPostPermalinkHere).scroll---
+ title (first post title here)
+ tags All
+ header.scroll
+ (first post content here)
+ footer.scroll
+ ---(secondPostPermalinkHere).scroll---
+ title (second post title here)
+ tags All
+ header.scroll
+ (second post content here)
+ footer.scroll
+ ---header.scroll---
+ importOnly
+ buildHtml
+ buildTxt
+ homeButton
+ leftRightButtons
+ baseUrl https://(domainscroll.pub here)
+ metaTags
+ editButton
+ editBaseUrl /edit.html?folderName=(domainscroll.pub here)&fileName=
+ metaTags
+ style.css
+ script.js
+ container
+ printTitle
+ ---feed.scroll---
+ buildRss
+ printFeed All
+ ---footer.scroll---
+ importOnly
+ center
+ scrollVersionLink
+ ---style.css---
+ (CSS content here)
+ ---script.js---
+ (JavaScript content here)
+ ---end---
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+ // Smooth scroll for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Add fade-in animation to posts
+ const posts = document.querySelectorAll('.post');
+ const observerOptions = {
+ threshold: 0.1
+ };
+
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ entry.target.style.opacity = 1;
+ entry.target.style.transform = 'translateY(0)';
+ }
+ });
+ }, observerOptions);
+
+ posts.forEach(post => {
+ post.style.opacity = 0;
+ post.style.transform = 'translateY(20px)';
+ post.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
+ observer.observe(post);
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary: #2c4a3c;
+ --secondary: #a4c2a8;
+ --text: #333;
+ --background: #f9f7f3;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: 'Georgia', serif;
+ line-height: 1.6;
+ color: var(--text);
+ background: var(--background);
+ }
+
+ .container {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 2rem;
+ }
+
+ h1 {
+ color: var(--primary);
+ font-size: 2.5rem;
+ margin-bottom: 1.5rem;
+ font-weight: 700;
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
+ }
+
+ h2 {
+ color: var(--primary);
+ font-size: 1.8rem;
+ margin: 2rem 0 1rem;
+ }
+
+ p {
+ margin-bottom: 1.5rem;
+ font-size: 1.1rem;
+ }
+
+ a {
+ color: var(--primary);
+ text-decoration: none;
+ border-bottom: 2px solid transparent;
+ transition: border-color 0.3s;
+ }
+
+ a:hover {
+ border-color: var(--secondary);
+ }
+
+ .post {
+ background: white;
+ padding: 2rem;
+ margin-bottom: 2rem;
+ border-radius: 8px;
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ }
+
+ @media (max-width: 768px) {
+ .container {
+ padding: 1rem;
+ }
+
+ h1 {
+ font-size: 2rem;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ }
+
+ p {
+ font-size: 1rem;
+ }
+ }
+
+ footer {
+ text-align: center;
+ padding: 2rem;
+ background: var(--primary);
+ color: white;
+ margin-top: 3rem;
+ }