Changes to treasurehunters.scroll.pub

root

6 days ago

Initial commit

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://treasurehunters.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Treasure Hunter's Journal
+ style.css
+ header
+  class hero
+  nav
+   div Treasure Hunter's Journal
+    class logo
+   div
+    class nav-links
+    a Locations
+     href #locations
+    a Treasures
+     href #treasures
+    a Add
+     class cta-button
+     href add.html
+  div
+   class hero-content
+   h1 Explore. Discover. Record.
+   p Your digital journal for tracking hidden treasures across the globe
+   a Start Hunting
+    class primary-button
+    href add.html
+ main
+  section
+   id locations
+   class features
+   h2 Explored Locations
+   div
+    class feature-grid
+    div
+     class feature-card
+     div �
+      class feature-icon
+     h3 Amazon Rainforest
+     p Lush jungle with ancient artifacts
+    div
+     class feature-card
+     div 🗻
+      class feature-icon
+     h3 Himalayan Peaks
+     p Frozen relics of lost civilizations
+    div
+     class feature-card
+     div 🏜
+      class feature-icon
+     h3 Sahara Desert
+     p Buried treasures beneath the sands
+    div
+     class feature-card
+     div �
+      class feature-icon
+     h3 Add New Location
+     p Begin a new adventure
+     a +
+      class add-button
+      href add.html
+  section
+   id treasures
+   class code-demo
+   h2 Discovered Treasures
+   div
+    class treasure-grid
+    div
+     class treasure-card
+     div 💎
+      class treasure-icon
+     h3 Emerald Amulet
+     p Ancient Mayan artifact
+     p Value: $120,000
+     p Rarity: Legendary
+    div
+     class treasure-card
+     div 🏺
+      class treasure-icon
+     h3 Greek Amphora
+     p 4th century BC pottery
+     p Value: $85,000
+     p Rarity: Rare
+    div
+     class treasure-card
+     div 🗿
+      class treasure-icon
+     h3 Easter Island Statue
+     p Miniature Moai replica
+     p Value: $45,000
+     p Rarity: Uncommon
+    div
+     class treasure-card
+     div 🏺
+      class treasure-icon
+     h3 Add New Treasure
+     p Record your findings
+     a +
+      class add-button
+      href add.html
+ footer
+  div
+   class footer-content
+   div
+    class footer-links
+    a Documentation
+     href https://treasurehunters.scroll.pub/docs
+    a Community
+     href https://treasurehunters.scroll.pub/community
+    a Blog
+     href https://treasurehunters.scroll.pub/blog
+   p Created by adventurers, for adventurers.
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "3e8f1f1c-ffea-4039-bdcb-0bf0eb07e88c",
+   "object": "chat.completion",
+   "created": 1739685397,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ntreasurehunters.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://treasurehunters.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Treasure Hunter's Journal\nstyle.css\nheader\n class hero\n nav\n  div Treasure Hunter's Journal\n   class logo\n  div\n   class nav-links\n   a Locations\n    href #locations\n   a Treasures\n    href #treasures\n   a Add\n    class cta-button\n    href add.html\n div\n  class hero-content\n  h1 Explore. Discover. Record.\n  p Your digital journal for tracking hidden treasures across the globe\n  a Start Hunting\n   class primary-button\n   href add.html\nmain\n section\n  id locations\n  class features\n  h2 Explored Locations\n  div\n   class feature-grid\n   div\n    class feature-card\n    div �\n     class feature-icon\n    h3 Amazon Rainforest\n    p Lush jungle with ancient artifacts\n   div\n    class feature-card\n    div 🗻\n     class feature-icon\n    h3 Himalayan Peaks\n    p Frozen relics of lost civilizations\n   div\n    class feature-card\n    div 🏜\n     class feature-icon\n    h3 Sahara Desert\n    p Buried treasures beneath the sands\n   div\n    class feature-card\n    div �\n     class feature-icon\n    h3 Add New Location\n    p Begin a new adventure\n    a +\n     class add-button\n     href add.html\n section\n  id treasures\n  class code-demo\n  h2 Discovered Treasures\n  div\n   class treasure-grid\n   div\n    class treasure-card\n    div 💎\n     class treasure-icon\n    h3 Emerald Amulet\n    p Ancient Mayan artifact\n    p Value: $120,000\n    p Rarity: Legendary\n   div\n    class treasure-card\n    div 🏺\n     class treasure-icon\n    h3 Greek Amphora\n    p 4th century BC pottery\n    p Value: $85,000\n    p Rarity: Rare\n   div\n    class treasure-card\n    div 🗿\n     class treasure-icon\n    h3 Easter Island Statue\n    p Miniature Moai replica\n    p Value: $45,000\n    p Rarity: Uncommon\n   div\n    class treasure-card\n    div 🏺\n     class treasure-icon\n    h3 Add New Treasure\n    p Record your findings\n    a +\n     class add-button\n     href add.html\nfooter\n div\n  class footer-content\n  div\n   class footer-links\n   a Documentation\n    href https://treasurehunters.scroll.pub/docs\n   a Community\n    href https://treasurehunters.scroll.pub/community\n   a Blog\n    href https://treasurehunters.scroll.pub/blog\n  p Created by adventurers, for adventurers.\nscript.js\n---style.css---\n:root {\n  --primary-color: #FFD700;\n  --secondary-color: #8B4513;\n  --accent-color: #228B22;\n  --text-color: #2E2E2E;\n  --bg-color: #F5F5DC;\n}\n\nbody {\n  font-family: 'Georgia', serif;\n  color: var(--text-color);\n  background-color: var(--bg-color);\n  margin: 0;\n  padding: 0;\n}\n\n.hero {\n  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('treasure-map.jpg');\n  background-size: cover;\n  background-position: center;\n  height: 60vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  color: white;\n}\n\n.logo {\n  font-size: 2rem;\n  font-weight: bold;\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n}\n\n.nav-links {\n  display: flex;\n  gap: 1rem;\n  margin-top: 1rem;\n}\n\n.hero-content {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.primary-button {\n  background-color: var(--primary-color);\n  color: var(--secondary-color);\n  padding: 0.8rem 2rem;\n  border-radius: 25px;\n  text-decoration: none;\n  font-weight: bold;\n  margin-top: 1rem;\n  transition: all 0.3s ease;\n}\n\n.primary-button:hover {\n  transform: scale(1.05);\n  box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n}\n\n.features {\n  padding: 2rem;\n  background-color: white;\n}\n\n.feature-grid, .treasure-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n  margin-top: 2rem;\n}\n\n.feature-card, .treasure-card {\n  background: white;\n  padding: 1.5rem;\n  border-radius: 10px;\n  box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease;\n}\n\n.feature-card:hover, .treasure-card:hover {\n  transform: translateY(-5px);\n}\n\n.feature-icon, .treasure-icon {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n}\n\n.add-button {\n  display: block;\n  font-size: 2rem;\n  color: var(--accent-color);\n  text-align: center;\n  margin-top: 1rem;\n  text-decoration: none;\n}\n\nfooter {\n  background-color: var(--secondary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\n.footer-links {\n  display: flex;\n  justify-content: center;\n  gap: 2rem;\n  margin-bottom: 1rem;\n}\n\n@media (max-width: 768px) {\n  .hero {\n    height: 50vh;\n  }\n  \n  .nav-links {\n    flex-direction: column;\n    gap: 0.5rem;\n  }\n  \n  .feature-grid, .treasure-grid {\n    grid-template-columns: 1fr;\n  }\n}\n---script.js---\n// Initialize empty data structures\nlet locations = [];\nlet treasures = [];\n\n// CRUD Functions\nfunction addLocation(name, description) {\n  const newLocation = {\n    id: Date.now(),\n    name,\n    description,\n    status: 'unexplored',\n    treasures: []\n  };\n  locations.push(newLocation);\n  updateUI();\n}\n\nfunction addTreasure(locationId, name, description, value, rarity) {\n  const newTreasure = {\n    id: Date.now(),\n    locationId,\n    name,\n    description,\n    value,\n    rarity\n  };\n  treasures.push(newTreasure);\n  updateUI();\n}\n\nfunction updateTreasure(treasureId, newData) {\n  const treasure = treasures.find(t => t.id === treasureId);\n  if (treasure) {\n    Object.assign(treasure, newData);\n  }\n  updateUI();\n}\n\nfunction deleteLocation(locationId) {\n  locations = locations.filter(l => l.id !== locationId);\n  treasures = treasures.filter(t => t.locationId !== locationId);\n  updateUI();\n}\n\nfunction deleteTreasure(treasureId) {\n  treasures = treasures.filter(t => t.id !== treasureId);\n  updateUI();\n}\n\n// UI Update Function\nfunction updateUI() {\n  const locationsContainer = document.querySelector('.feature-grid');\n  const treasuresContainer = document.querySelector('.treasure-grid');\n  \n  // Clear existing content\n  locationsContainer.innerHTML = '';\n  treasuresContainer.innerHTML = '';\n  \n  // Render locations\n  locations.forEach(location => {\n    const locationCard = document.createElement('div');\n    locationCard.className = 'feature-card';\n    locationCard.innerHTML = `\n      🗺
\n      ${location.name}\n      ${location.description}
\n      Status: ${location.status}
\n      \n      \n    `;\n    locationsContainer.appendChild(locationCard);\n  });\n  \n  // Render treasures\n  treasures.forEach(treasure => {\n    const treasureCard = document.createElement('div');\n    treasureCard.className = 'treasure-card';\n    treasureCard.innerHTML = `\n      💎
\n      ${treasure.name}\n      ${treasure.description}
\n      Value: $${treasure.value}
\n      Rarity: ${treasure.rarity}
\n      \n      \n    `;\n    treasuresContainer.appendChild(treasureCard);\n  });\n}\n\n// Initial Data\naddLocation('Amazon Rainforest', 'Lush jungle with ancient artifacts');\naddLocation('Himalayan Peaks', 'Frozen relics of lost civilizations');\naddLocation('Sahara Desert', 'Buried treasures beneath the sands');\n\naddTreasure(locations[0].id, 'Emerald Amulet', 'Ancient Mayan artifact', 120000, 'Legendary');\naddTreasure(locations[1].id, 'Greek Amphora', '4th century BC pottery', 85000, 'Rare');\naddTreasure(locations[2].id, 'Easter Island Statue', 'Miniature Moai replica', 45000, 'Uncommon');\n\n// Initialize UI\nupdateUI();\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 1179,
+     "completion_tokens": 2166,
+     "total_tokens": 3345,
+     "prompt_tokens_details": {
+       "cached_tokens": 0
+     },
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 1179
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1
+ # treasurehunters.scroll.pub
+ 
+ Prompt: website
+ Agent: deepseek
+ Model: deepseek-chat
+ 
+ ## User prompt
+      Treasure Hunter's Journal     A simple CRUD-based game where you explore locations to find hidden treasures.                           Add new locations to explore.             Record new treasures found at each location.                               View a list of all explored locations.             See details about each treasure found.                               Modify the details of a treasure.             Update the status of a location.                               Remove a location from your journal.             Delete a treasure entry if it was misidentified or lost.                                         Exploration             Each location has a brief description and a list of treasures.                               TreasureDetails             Each treasure has a name, description, value, and rarity level.                               UserInterface             A simple text-based or graphical interface for interaction.                                         DataStructure             Use a dictionary or list to store locations and treasures.                               Functions             Create functions for each CRUD operation.                               UserInterface             Implement a command-line or graphical interface.                               GameLoop             Allow the player to choose actions from a menu.               
+ 
+ ## System prompt
+ You are an expert web developer. Create a website based on this request: "     Treasure Hunter's Journal     A simple CRUD-based game where you explore locations to find hidden treasures.                           Add new locations to explore.             Record new treasures found at each location.                               View a list of all explored locations.             See details about each treasure found.                               Modify the details of a treasure.             Update the status of a location.                               Remove a location from your journal.             Delete a treasure entry if it was misidentified or lost.                                         Exploration             Each location has a brief description and a list of treasures.                               TreasureDetails             Each treasure has a name, description, value, and rarity level.                               UserInterface             A simple text-based or graphical interface for interaction.                                         DataStructure             Use a dictionary or list to store locations and treasures.                               Functions             Create functions for each CRUD operation.                               UserInterface             Implement a command-line or graphical interface.                               GameLoop             Allow the player to choose actions from a menu.               "
+ 
+ Requirements:
+ - 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
+ - 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.
+ 
+ As a refresher, for doing the html body, Scroll is a whitespace based language that uses a single indented space to mark a line (aka particle) as a subparticle of a parent line.
+ 
+ For example:
+ 
+ header
+  class hero
+  nav
+   div Scroll
+    class logo
+   div
+    class nav-links
+    a Features
+     href #features
+    a Examples
+     href #examples
+    a Edit
+     href edit.html
+    a GitHub
+     class cta-button
+     href https://github.com/breck7/scroll
+  div
+   class hero-content
+   h1 Write Better with Scroll
+   p The extendible markup language that makes source beautiful and compiles to anything
+   a Get Started
+    class primary-button
+    href https://hub.scroll.pub/
+ main
+  section
+   id features
+   class features
+   h2 Why Scroll?
+   div
+    class feature-grid
+    div
+     class feature-card
+     div ⚡
+      class feature-icon
+     h3 Simple Syntax
+     p Like Markdown, but more powerful. No parentheses needed.
+    div
+     class feature-card
+     div 🧩
+      class feature-icon
+     h3 Extendible
+     p Build your own custom parsers.
+    div
+     class feature-card
+     div 🎨
+      class feature-icon
+     h3 Beautiful Output
+     p Create stunning documents with minimal effort.
+    div
+     class feature-card
+     div 🚀
+      class feature-icon
+     h3 Fast & Light
+     p Built on the efficient PPS Stack.
+  section
+   id examples
+   class code-demo
+   h2 See It In Action
+   div
+    class code-container
+   pre
+    class code-example
+   div
+    class code-output
+ footer
+  div
+   class footer-content
+   div
+    class footer-links
+    a Documentation
+     href https://scroll.pub/tutorial.html
+    a Community
+     href https://www.reddit.com/r/WorldWideScroll/
+    a Blog
+     href https://scroll.pub/blog
+   p Started by Breck Yunits. Evolved by a community.
+    https://twitter.com/breckyunits Breck Yunits
+    https://github.com/breck7/scroll/graphs/contributors community
+ 
+ 
+ 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---
+ buildHtml
+ baseUrl https://(domainscroll.pub here)
+ metaTags
+ editButton /edit.html
+ title (Title here)
+ style.css
+ 
+ (body content here. no blank lines please.)
+ 
+ script.js
+ ---style.css---
+ (CSS content here)
+ ---script.js---
+ (JavaScript content here)
+ ---end---

script.js

Changed around line 1
+ // Initialize empty data structures
+ let locations = [];
+ let treasures = [];
+ 
+ // CRUD Functions
+ function addLocation(name, description) {
+   const newLocation = {
+     id: Date.now(),
+     name,
+     description,
+     status: 'unexplored',
+     treasures: []
+   };
+   locations.push(newLocation);
+   updateUI();
+ }
+ 
+ function addTreasure(locationId, name, description, value, rarity) {
+   const newTreasure = {
+     id: Date.now(),
+     locationId,
+     name,
+     description,
+     value,
+     rarity
+   };
+   treasures.push(newTreasure);
+   updateUI();
+ }
+ 
+ function updateTreasure(treasureId, newData) {
+   const treasure = treasures.find(t => t.id === treasureId);
+   if (treasure) {
+     Object.assign(treasure, newData);
+   }
+   updateUI();
+ }
+ 
+ function deleteLocation(locationId) {
+   locations = locations.filter(l => l.id !== locationId);
+   treasures = treasures.filter(t => t.locationId !== locationId);
+   updateUI();
+ }
+ 
+ function deleteTreasure(treasureId) {
+   treasures = treasures.filter(t => t.id !== treasureId);
+   updateUI();
+ }
+ 
+ // UI Update Function
+ function updateUI() {
+   const locationsContainer = document.querySelector('.feature-grid');
+   const treasuresContainer = document.querySelector('.treasure-grid');
+ 
+   // Clear existing content
+   locationsContainer.innerHTML = '';
+   treasuresContainer.innerHTML = '';
+ 
+   // Render locations
+   locations.forEach(location => {
+     const locationCard = document.createElement('div');
+     locationCard.className = 'feature-card';
+     locationCard.innerHTML = `
+       🗺
+       ${location.name}
+       ${location.description}
+       Status: ${location.status}
+       
+       
+     `;
+     locationsContainer.appendChild(locationCard);
+   });
+ 
+   // Render treasures
+   treasures.forEach(treasure => {
+     const treasureCard = document.createElement('div');
+     treasureCard.className = 'treasure-card';
+     treasureCard.innerHTML = `
+       💎
+       ${treasure.name}
+       ${treasure.description}
+       Value: $${treasure.value}
+       Rarity: ${treasure.rarity}
+       
+       
+     `;
+     treasuresContainer.appendChild(treasureCard);
+   });
+ }
+ 
+ // Initial Data
+ addLocation('Amazon Rainforest', 'Lush jungle with ancient artifacts');
+ addLocation('Himalayan Peaks', 'Frozen relics of lost civilizations');
+ addLocation('Sahara Desert', 'Buried treasures beneath the sands');
+ 
+ addTreasure(locations[0].id, 'Emerald Amulet', 'Ancient Mayan artifact', 120000, 'Legendary');
+ addTreasure(locations[1].id, 'Greek Amphora', '4th century BC pottery', 85000, 'Rare');
+ addTreasure(locations[2].id, 'Easter Island Statue', 'Miniature Moai replica', 45000, 'Uncommon');
+ 
+ // Initialize UI
+ updateUI();

style.css

Changed around line 1
+ :root {
+   --primary-color: #FFD700;
+   --secondary-color: #8B4513;
+   --accent-color: #228B22;
+   --text-color: #2E2E2E;
+   --bg-color: #F5F5DC;
+ }
+ 
+ body {
+   font-family: 'Georgia', serif;
+   color: var(--text-color);
+   background-color: var(--bg-color);
+   margin: 0;
+   padding: 0;
+ }
+ 
+ .hero {
+   background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('treasure-map.jpg');
+   background-size: cover;
+   background-position: center;
+   height: 60vh;
+   display: flex;
+   flex-direction: column;
+   justify-content: center;
+   align-items: center;
+   text-align: center;
+   color: white;
+ }
+ 
+ .logo {
+   font-size: 2rem;
+   font-weight: bold;
+   text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
+ }
+ 
+ .nav-links {
+   display: flex;
+   gap: 1rem;
+   margin-top: 1rem;
+ }
+ 
+ .hero-content {
+   max-width: 800px;
+   margin: 0 auto;
+ }
+ 
+ .primary-button {
+   background-color: var(--primary-color);
+   color: var(--secondary-color);
+   padding: 0.8rem 2rem;
+   border-radius: 25px;
+   text-decoration: none;
+   font-weight: bold;
+   margin-top: 1rem;
+   transition: all 0.3s ease;
+ }
+ 
+ .primary-button:hover {
+   transform: scale(1.05);
+   box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+ }
+ 
+ .features {
+   padding: 2rem;
+   background-color: white;
+ }
+ 
+ .feature-grid, .treasure-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 1.5rem;
+   margin-top: 2rem;
+ }
+ 
+ .feature-card, .treasure-card {
+   background: white;
+   padding: 1.5rem;
+   border-radius: 10px;
+   box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+   transition: transform 0.3s ease;
+ }
+ 
+ .feature-card:hover, .treasure-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .feature-icon, .treasure-icon {
+   font-size: 2.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .add-button {
+   display: block;
+   font-size: 2rem;
+   color: var(--accent-color);
+   text-align: center;
+   margin-top: 1rem;
+   text-decoration: none;
+ }
+ 
+ footer {
+   background-color: var(--secondary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ .footer-links {
+   display: flex;
+   justify-content: center;
+   gap: 2rem;
+   margin-bottom: 1rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .hero {
+     height: 50vh;
+   }
+ 
+   .nav-links {
+     flex-direction: column;
+     gap: 0.5rem;
+   }
+ 
+   .feature-grid, .treasure-grid {
+     grid-template-columns: 1fr;
+   }
+ }