Changes to tpw1.scroll.pub

root

14 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     TPW
+     
+       Home
+       Features
+       About
+       Contact
+     
+     
+       
+     
+   
+ 
+ 
+ 
+   
+     
+       Trusted Privacy Web
+       Secure Blockchain Privacy Layer for Artificial Intelligence
+       
+     
+     
+   
+ 
+   
+     Key Features
+     
+       
+         🔐
+         End-to-End Encryption
+         Military-grade encryption for AI data transmission
+       
+       
+         ⛓️
+         Blockchain Verification
+         Immutable record of all AI interactions
+       
+       
+         🤖
+         AI-First Design
+         Built specifically for AI systems
+       
+       
+         🚀
+         High Performance
+         Lightning-fast transaction processing
+       
+     
+   
+ 
+   
+     About TPW
+     TPW is the first dedicated privacy blockchain designed specifically for artificial intelligence systems. Our platform ensures secure, private, and verifiable interactions between AI entities.
+   
+ 
+   
+     Contact Us
+     
+       
+       
+       
+       
+     
+   
+ 
+ 
+ 
+   
+     
+       Privacy Policy
+       Terms of Service
+       FAQ
+     
+     TPW - Trusted Privacy Web
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://tpw.scroll.pub
+ metaTags
+ editButton /edit.html
+ title TPW - Privacy Blockchain for Artificial Intelligence
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "msg_01Rxjii9UfS6wbDa7VbbNDzi",
+   "type": "message",
+   "role": "assistant",
+   "model": "claude-3-5-sonnet-20241022",
+   "content": [
+     {
+       "type": "text",
+       "text": "I'll create a privacy-focused blockchain site for AIs called TPW (Trusted Privacy Web).\n\n---domain---\ntpw.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://tpw.scroll.pub\nmetaTags\neditButton /edit.html\ntitle TPW - Privacy Blockchain for Artificial Intelligence\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n\n  \n    TPW
\n    \n      Home\n      Features\n      About\n      Contact\n    
\n    \n  \n\n\n\n  \n    \n      Trusted Privacy Web\n      Secure Blockchain Privacy Layer for Artificial Intelligence
\n      \n    
\n    
\n  \n\n  \n    Key Features\n    \n      \n        🔐
\n        End-to-End Encryption\n        Military-grade encryption for AI data transmission
\n      
\n      \n        ⛓️
\n        Blockchain Verification\n        Immutable record of all AI interactions
\n      
\n      \n        🤖
\n        AI-First Design\n        Built specifically for AI systems
\n      
\n      \n        🚀
\n        High Performance\n        Lightning-fast transaction processing
\n      
\n    
\n  \n\n  \n    About TPW\n    TPW is the first dedicated privacy blockchain designed specifically for artificial intelligence systems. Our platform ensures secure, private, and verifiable interactions between AI entities.
\n  \n\n  \n    Contact Us\n    \n      \n      \n      \n      \n    \n  \n\n\n\n  \n    \n      Privacy Policy\n      Terms of Service\n      FAQ\n    
\n    TPW - Trusted Privacy Web
\n  
\n\n\n---style.css---\n:root {\n  --primary-color: #6366f1;\n  --secondary-color: #818cf8;\n  --background: #0f172a;\n  --text-color: #e2e8f0;\n  --card-bg: #1e293b;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Inter', system-ui, sans-serif;\n  background: var(--background);\n  color: var(--text-color);\n  line-height: 1.6;\n}\n\n.navbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 5%;\n  position: fixed;\n  width: 100%;\n  top: 0;\n  z-index: 1000;\n  background: rgba(15, 23, 42, 0.9);\n  backdrop-filter: blur(10px);\n}\n\n.logo {\n  font-size: 2rem;\n  font-weight: 700;\n  color: var(--primary-color);\n}\n\n.nav-links a {\n  color: var(--text-color);\n  text-decoration: none;\n  margin-left: 2rem;\n  transition: color 0.3s ease;\n}\n\n.nav-links a:hover {\n  color: var(--primary-color);\n}\n\n.hero {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 5%;\n  position: relative;\n  overflow: hidden;\n}\n\n.hero-content {\n  max-width: 600px;\n}\n\n.hero h1 {\n  font-size: 4rem;\n  margin-bottom: 1rem;\n  background: linear-gradient(to right, var(--primary-color), var(--secondary-color));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.tagline {\n  font-size: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.cta-button {\n  padding: 1rem 2rem;\n  font-size: 1.1rem;\n  background: var(--primary-color);\n  color: white;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: transform 0.3s ease;\n}\n\n.cta-button:hover {\n  transform: translateY(-2px);\n}\n\n.hero-animation {\n  width: 400px;\n  height: 400px;\n  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: 0.3;\n  animation: float 6s ease-in-out infinite;\n}\n\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-20px); }\n}\n\n.features {\n  padding: 5rem 5%;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 2rem;\n  margin-top: 3rem;\n}\n\n.feature-card {\n  background: var(--card-bg);\n  padding: 2rem;\n  border-radius: 12px;\n  transition: transform 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-5px);\n}\n\n.feature-icon {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n}\n\n.about, .contact {\n  padding: 5rem 5%;\n}\n\nform {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 600px;\n  margin: 2rem auto;\n}\n\ninput, textarea {\n  padding: 1rem;\n  background: var(--card-bg);\n  border: 1px solid var(--primary-color);\n  border-radius: 8px;\n  color: var(--text-color);\n}\n\nfooter {\n  background: var(--card-bg);\n  padding: 2rem 5%;\n  margin-top: 4rem;\n}\n\n.footer-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n}\n\n.footer-links a {\n  color: var(--text-color);\n  text-decoration: none;\n  margin-right: 1.5rem;\n}\n\n@media (max-width: 768px) {\n  .nav-links {\n    display: none;\n  }\n  \n  .hero {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .hero h1 {\n    font-size: 3rem;\n  }\n  \n  .hero-animation {\n    width: 300px;\n    height: 300px;\n  }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n  // Smooth scrolling for navigation 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  // Mobile menu toggle\n  const menuToggle = document.querySelector('.menu-toggle');\n  const navLinks = document.querySelector('.nav-links');\n  \n  menuToggle.addEventListener('click', () => {\n    navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';\n  });\n\n  // Form submission handler\n  const contactForm = document.getElementById('contact-form');\n  contactForm.addEventListener('submit', (e) => {\n    e.preventDefault();\n    // Add form submission logic here\n    alert('Message sent successfully!');\n    contactForm.reset();\n  });\n\n  // Navbar background change on scroll\n  window.addEventListener('scroll', () => {\n    const navbar = document.querySelector('.navbar');\n    if (window.scrollY > 50) {\n      navbar.style.background = 'rgba(15, 23, 42, 0.95)';\n    } else {\n      navbar.style.background = 'rgba(15, 23, 42, 0.9)';\n    }\n  });\n\n  // Animation for feature cards\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  document.querySelectorAll('.feature-card').forEach(card => {\n    card.style.opacity = '0';\n    card.style.transform = 'translateY(20px)';\n    card.style.transition = 'all 0.6s ease-out';\n    observer.observe(card);\n  });\n});\n\n---end---"
+     }
+   ],
+   "stop_reason": "end_turn",
+   "stop_sequence": null,
+   "usage": {
+     "input_tokens": 281,
+     "cache_creation_input_tokens": 0,
+     "cache_read_input_tokens": 0,
+     "output_tokens": 2746
+   }
+ }

readme.scroll

Changed around line 1

+ # tpw1.scroll.pub

+ website generated by Claude from prompt: Generate a privacy blockchain site for AI's called TPW.

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+   // Smooth scrolling for navigation links
+   document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+     anchor.addEventListener('click', function (e) {
+       e.preventDefault();
+       document.querySelector(this.getAttribute('href')).scrollIntoView({
+         behavior: 'smooth'
+       });
+     });
+   });
+ 
+   // Mobile menu toggle
+   const menuToggle = document.querySelector('.menu-toggle');
+   const navLinks = document.querySelector('.nav-links');
+ 
+   menuToggle.addEventListener('click', () => {
+     navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';
+   });
+ 
+   // Form submission handler
+   const contactForm = document.getElementById('contact-form');
+   contactForm.addEventListener('submit', (e) => {
+     e.preventDefault();
+     // Add form submission logic here
+     alert('Message sent successfully!');
+     contactForm.reset();
+   });
+ 
+   // Navbar background change on scroll
+   window.addEventListener('scroll', () => {
+     const navbar = document.querySelector('.navbar');
+     if (window.scrollY > 50) {
+       navbar.style.background = 'rgba(15, 23, 42, 0.95)';
+     } else {
+       navbar.style.background = 'rgba(15, 23, 42, 0.9)';
+     }
+   });
+ 
+   // Animation for feature cards
+   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);
+ 
+   document.querySelectorAll('.feature-card').forEach(card => {
+     card.style.opacity = '0';
+     card.style.transform = 'translateY(20px)';
+     card.style.transition = 'all 0.6s ease-out';
+     observer.observe(card);
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #6366f1;
+   --secondary-color: #818cf8;
+   --background: #0f172a;
+   --text-color: #e2e8f0;
+   --card-bg: #1e293b;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: 'Inter', system-ui, sans-serif;
+   background: var(--background);
+   color: var(--text-color);
+   line-height: 1.6;
+ }
+ 
+ .navbar {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   padding: 1rem 5%;
+   position: fixed;
+   width: 100%;
+   top: 0;
+   z-index: 1000;
+   background: rgba(15, 23, 42, 0.9);
+   backdrop-filter: blur(10px);
+ }
+ 
+ .logo {
+   font-size: 2rem;
+   font-weight: 700;
+   color: var(--primary-color);
+ }
+ 
+ .nav-links a {
+   color: var(--text-color);
+   text-decoration: none;
+   margin-left: 2rem;
+   transition: color 0.3s ease;
+ }
+ 
+ .nav-links a:hover {
+   color: var(--primary-color);
+ }
+ 
+ .hero {
+   min-height: 100vh;
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+   padding: 0 5%;
+   position: relative;
+   overflow: hidden;
+ }
+ 
+ .hero-content {
+   max-width: 600px;
+ }
+ 
+ .hero h1 {
+   font-size: 4rem;
+   margin-bottom: 1rem;
+   background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
+   -webkit-background-clip: text;
+   -webkit-text-fill-color: transparent;
+ }
+ 
+ .tagline {
+   font-size: 1.5rem;
+   margin-bottom: 2rem;
+ }
+ 
+ .cta-button {
+   padding: 1rem 2rem;
+   font-size: 1.1rem;
+   background: var(--primary-color);
+   color: white;
+   border: none;
+   border-radius: 8px;
+   cursor: pointer;
+   transition: transform 0.3s ease;
+ }
+ 
+ .cta-button:hover {
+   transform: translateY(-2px);
+ }
+ 
+ .hero-animation {
+   width: 400px;
+   height: 400px;
+   background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
+   border-radius: 50%;
+   filter: blur(100px);
+   opacity: 0.3;
+   animation: float 6s ease-in-out infinite;
+ }
+ 
+ @keyframes float {
+   0%, 100% { transform: translateY(0); }
+   50% { transform: translateY(-20px); }
+ }
+ 
+ .features {
+   padding: 5rem 5%;
+ }
+ 
+ .feature-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 2rem;
+   margin-top: 3rem;
+ }
+ 
+ .feature-card {
+   background: var(--card-bg);
+   padding: 2rem;
+   border-radius: 12px;
+   transition: transform 0.3s ease;
+ }
+ 
+ .feature-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .feature-icon {
+   font-size: 2.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .about, .contact {
+   padding: 5rem 5%;
+ }
+ 
+ form {
+   display: flex;
+   flex-direction: column;
+   gap: 1rem;
+   max-width: 600px;
+   margin: 2rem auto;
+ }
+ 
+ input, textarea {
+   padding: 1rem;
+   background: var(--card-bg);
+   border: 1px solid var(--primary-color);
+   border-radius: 8px;
+   color: var(--text-color);
+ }
+ 
+ footer {
+   background: var(--card-bg);
+   padding: 2rem 5%;
+   margin-top: 4rem;
+ }
+ 
+ .footer-content {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   flex-wrap: wrap;
+   gap: 1rem;
+ }
+ 
+ .footer-links a {
+   color: var(--text-color);
+   text-decoration: none;
+   margin-right: 1.5rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .nav-links {
+     display: none;
+   }
+ 
+   .hero {
+     flex-direction: column;
+     text-align: center;
+   }
+ 
+   .hero h1 {
+     font-size: 3rem;
+   }
+ 
+   .hero-animation {
+     width: 300px;
+     height: 300px;
+   }
+ }