Changes to chinatech.scroll.pub

root

8 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     ChiTech
+     
+       
+     
+     
+       Home
+       Services
+       Products
+       About
+       Contact
+     
+   
+ 
+ 
+ 
+   
+     
+       Your Trusted Partner in Chinese Equipment Sourcing
+       Professional import solutions with 15+ years of experience
+       
+     
+   
+ 
+   
+     Our Services
+     
+       
+         🔍
+         Sourcing
+         Direct access to verified Chinese manufacturers
+       
+       
+         ⚡
+         Quality Control
+         Rigorous testing and inspection protocols
+       
+       
+         🚢
+         Logistics
+         End-to-end shipping and customs clearance
+       
+     
+   
+ 
+   
+     Equipment Categories
+     
+       
+         Industrial Machinery
+         Manufacturing and processing equipment
+       
+       
+         Construction
+         Heavy machinery and tools
+       
+       
+         Medical Equipment
+         Healthcare and laboratory devices
+       
+     
+   
+ 
+   
+     Contact Us
+     
+       
+       
+       
+       
+     
+   
+ 
+ 
+ 
+   
+     
+       ChiTech Import Solutions
+       Professional equipment sourcing from China
+     
+     
+       Contact
+       Email: info@chinatech.scroll.pub
+       Phone: +1 234 567 890
+     
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://chinatech.scroll.pub
+ metaTags
+   description "Professional equipment and machinery imports from China. Expert sourcing, quality control, and reliable delivery services."
+   keywords "China equipment import, industrial machinery, Chinese manufacturers, equipment sourcing, import solutions"
+ editButton /edit.html
+ title ChiTech Import Solutions
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "msg_01Xt4idABEmapktmyvBkVniS",
+   "type": "message",
+   "role": "assistant",
+   "model": "claude-3-5-sonnet-20241022",
+   "content": [
+     {
+       "type": "text",
+       "text": "I'll create a website for a company specializing in equipment imports from China.\n\nSuggested domain: chinatech.scroll.pub\n\n---domain---\nchinatech.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://chinatech.scroll.pub\nmetaTags\n  description \"Professional equipment and machinery imports from China. Expert sourcing, quality control, and reliable delivery services.\"\n  keywords \"China equipment import, industrial machinery, Chinese manufacturers, equipment sourcing, import solutions\"\neditButton /edit.html\ntitle ChiTech Import Solutions\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  \n    ChiTech
\n    \n    \n      Home
\n      Services
\n      Products
\n      About
\n      Contact
\n    \n  \n\n\n\n  \n    \n      Your Trusted Partner in Chinese Equipment Sourcing\n      Professional import solutions with 15+ years of experience
\n      \n    
\n  \n\n  \n    Our Services\n    \n      \n        🔍
\n        Sourcing\n        Direct access to verified Chinese manufacturers
\n      
\n      \n        ⚡
\n        Quality Control\n        Rigorous testing and inspection protocols
\n      
\n      \n        🚢
\n        Logistics\n        End-to-end shipping and customs clearance
\n      
\n    
\n  \n\n  \n    Equipment Categories\n    \n      \n        Industrial Machinery\n        Manufacturing and processing equipment
\n      
\n      \n        Construction\n        Heavy machinery and tools
\n      
\n      \n        Medical Equipment\n        Healthcare and laboratory devices
\n      
\n    
\n  \n\n  \n    Contact Us\n    \n      \n      \n      \n      \n    \n  \n\n\n\n  \n    \n      ChiTech Import Solutions\n      Professional equipment sourcing from China
\n    
\n    \n      Contact\n      Email: info@chinatech.scroll.pub
\n      Phone: +1 234 567 890
\n    
\n  
\n\n---style.css---\n:root {\n  --primary-color: #2c3e50;\n  --accent-color: #e74c3c;\n  --text-color: #333;\n  --light-bg: #f5f6fa;\n  --transition: all 0.3s ease;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n}\n\n.navbar {\n  position: fixed;\n  width: 100%;\n  padding: 1rem 5%;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 1000;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.logo {\n  font-size: 1.5rem;\n  font-weight: bold;\n  color: var(--primary-color);\n}\n\n.nav-links {\n  display: flex;\n  gap: 2rem;\n  list-style: none;\n}\n\n.nav-links a {\n  text-decoration: none;\n  color: var(--text-color);\n  font-weight: 500;\n  transition: var(--transition);\n}\n\n.nav-links a:hover {\n  color: var(--accent-color);\n}\n\n.mobile-menu {\n  display: none;\n}\n\n.hero {\n  height: 100vh;\n  background: linear-gradient(135deg, var(--primary-color), #34495e);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: white;\n  padding: 0 1rem;\n}\n\n.hero-content h1 {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n}\n\n.cta-button {\n  padding: 1rem 2rem;\n  font-size: 1.1rem;\n  background: var(--accent-color);\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: var(--transition);\n}\n\n.cta-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);\n}\n\n.services, .products {\n  padding: 5rem 5%;\n  background: var(--light-bg);\n}\n\nh2 {\n  text-align: center;\n  margin-bottom: 3rem;\n  color: var(--primary-color);\n}\n\n.services-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 2rem;\n}\n\n.service-card {\n  background: white;\n  padding: 2rem;\n  border-radius: 10px;\n  text-align: center;\n  transition: var(--transition);\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.service-card:hover {\n  transform: translateY(-5px);\n}\n\n.icon {\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n}\n\n.product-slider {\n  display: flex;\n  gap: 2rem;\n  overflow-x: auto;\n  padding: 1rem;\n  scroll-snap-type: x mandatory;\n}\n\n.product-card {\n  min-width: 300px;\n  background: white;\n  padding: 2rem;\n  border-radius: 10px;\n  scroll-snap-align: start;\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.contact {\n  padding: 5rem 5%;\n}\n\n#contact-form {\n  max-width: 600px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\ninput, textarea {\n  padding: 1rem;\n  border: 1px solid #ddd;\n  border-radius: 5px;\n  font-size: 1rem;\n}\n\ntextarea {\n  height: 150px;\n  resize: vertical;\n}\n\nfooter {\n  background: var(--primary-color);\n  color: white;\n  padding: 3rem 5%;\n}\n\n.footer-content {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 2rem;\n}\n\n@media (max-width: 768px) {\n  .mobile-menu {\n    display: block;\n    background: none;\n    border: none;\n    cursor: pointer;\n  }\n\n  .mobile-menu span {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: var(--text-color);\n    margin: 5px 0;\n    transition: var(--transition);\n  }\n\n  .nav-links {\n    position: fixed;\n    top: 70px;\n    right: -100%;\n    flex-direction: column;\n    background: white;\n    width: 100%;\n    text-align: center;\n    transition: var(--transition);\n    padding: 2rem 0;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n  }\n\n  .nav-links.active {\n    right: 0;\n  }\n\n  .hero-content h1 {\n    font-size: 2rem;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\n  // Mobile menu functionality\n  const mobileMenu = document.querySelector('.mobile-menu');\n  const navLinks = document.querySelector('.nav-links');\n\n  mobileMenu.addEventListener('click', () => {\n    navLinks.classList.toggle('active');\n    mobileMenu.classList.toggle('active');\n  });\n\n  // Smooth scroll for navigation links\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n      e.preventDefault();\n      const target = document.querySelector(this.getAttribute('href'));\n      target.scrollIntoView({\n        behavior: 'smooth'\n      });\n      // Close mobile menu if open\n      navLinks.classList.remove('active');\n    });\n  });\n\n  // Form submission handling\n  const contactForm = document.getElementById('contact-form');\n  contactForm.addEventListener('submit', (e) => {\n    e.preventDefault();\n    // Add form submission logic here\n    alert('Thank you for your message. We will contact you soon!');\n    contactForm.reset();\n  });\n\n  // Intersection Observer for fade-in animations\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, {\n    threshold: 0.1\n  });\n\n  // Observe all sections\n  document.querySelectorAll('section').forEach((section) => {\n    observer.observe(section);\n  });\n});\n---end---"
+     }
+   ],
+   "stop_reason": "end_turn",
+   "stop_sequence": null,
+   "usage": {
+     "input_tokens": 291,
+     "cache_creation_input_tokens": 0,
+     "cache_read_input_tokens": 0,
+     "output_tokens": 2908
+   }
+ }

readme.scroll

Changed around line 1

+ # chinatech.scroll.pub

+ website generated by Claude from prompt: сайт о компании которая занимается поставками оборудования из китая

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+   // Mobile menu functionality
+   const mobileMenu = document.querySelector('.mobile-menu');
+   const navLinks = document.querySelector('.nav-links');
+ 
+   mobileMenu.addEventListener('click', () => {
+     navLinks.classList.toggle('active');
+     mobileMenu.classList.toggle('active');
+   });
+ 
+   // Smooth scroll for navigation links
+   document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+     anchor.addEventListener('click', function (e) {
+       e.preventDefault();
+       const target = document.querySelector(this.getAttribute('href'));
+       target.scrollIntoView({
+         behavior: 'smooth'
+       });
+       // Close mobile menu if open
+       navLinks.classList.remove('active');
+     });
+   });
+ 
+   // Form submission handling
+   const contactForm = document.getElementById('contact-form');
+   contactForm.addEventListener('submit', (e) => {
+     e.preventDefault();
+     // Add form submission logic here
+     alert('Thank you for your message. We will contact you soon!');
+     contactForm.reset();
+   });
+ 
+   // Intersection Observer for fade-in animations
+   const observer = new IntersectionObserver((entries) => {
+     entries.forEach(entry => {
+       if (entry.isIntersecting) {
+         entry.target.classList.add('visible');
+       }
+     });
+   }, {
+     threshold: 0.1
+   });
+ 
+   // Observe all sections
+   document.querySelectorAll('section').forEach((section) => {
+     observer.observe(section);
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2c3e50;
+   --accent-color: #e74c3c;
+   --text-color: #333;
+   --light-bg: #f5f6fa;
+   --transition: all 0.3s ease;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+ }
+ 
+ .navbar {
+   position: fixed;
+   width: 100%;
+   padding: 1rem 5%;
+   background: rgba(255, 255, 255, 0.95);
+   backdrop-filter: blur(10px);
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   z-index: 1000;
+   box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ }
+ 
+ .logo {
+   font-size: 1.5rem;
+   font-weight: bold;
+   color: var(--primary-color);
+ }
+ 
+ .nav-links {
+   display: flex;
+   gap: 2rem;
+   list-style: none;
+ }
+ 
+ .nav-links a {
+   text-decoration: none;
+   color: var(--text-color);
+   font-weight: 500;
+   transition: var(--transition);
+ }
+ 
+ .nav-links a:hover {
+   color: var(--accent-color);
+ }
+ 
+ .mobile-menu {
+   display: none;
+ }
+ 
+ .hero {
+   height: 100vh;
+   background: linear-gradient(135deg, var(--primary-color), #34495e);
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   text-align: center;
+   color: white;
+   padding: 0 1rem;
+ }
+ 
+ .hero-content h1 {
+   font-size: 3rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .cta-button {
+   padding: 1rem 2rem;
+   font-size: 1.1rem;
+   background: var(--accent-color);
+   color: white;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+   transition: var(--transition);
+ }
+ 
+ .cta-button:hover {
+   transform: translateY(-2px);
+   box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);
+ }
+ 
+ .services, .products {
+   padding: 5rem 5%;
+   background: var(--light-bg);
+ }
+ 
+ h2 {
+   text-align: center;
+   margin-bottom: 3rem;
+   color: var(--primary-color);
+ }
+ 
+ .services-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 2rem;
+ }
+ 
+ .service-card {
+   background: white;
+   padding: 2rem;
+   border-radius: 10px;
+   text-align: center;
+   transition: var(--transition);
+   box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+ }
+ 
+ .service-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .icon {
+   font-size: 2.5rem;
+   margin-bottom: 1rem;
+ }
+ 
+ .product-slider {
+   display: flex;
+   gap: 2rem;
+   overflow-x: auto;
+   padding: 1rem;
+   scroll-snap-type: x mandatory;
+ }
+ 
+ .product-card {
+   min-width: 300px;
+   background: white;
+   padding: 2rem;
+   border-radius: 10px;
+   scroll-snap-align: start;
+   box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+ }
+ 
+ .contact {
+   padding: 5rem 5%;
+ }
+ 
+ #contact-form {
+   max-width: 600px;
+   margin: 0 auto;
+   display: flex;
+   flex-direction: column;
+   gap: 1rem;
+ }
+ 
+ input, textarea {
+   padding: 1rem;
+   border: 1px solid #ddd;
+   border-radius: 5px;
+   font-size: 1rem;
+ }
+ 
+ textarea {
+   height: 150px;
+   resize: vertical;
+ }
+ 
+ footer {
+   background: var(--primary-color);
+   color: white;
+   padding: 3rem 5%;
+ }
+ 
+ .footer-content {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 2rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .mobile-menu {
+     display: block;
+     background: none;
+     border: none;
+     cursor: pointer;
+   }
+ 
+   .mobile-menu span {
+     display: block;
+     width: 25px;
+     height: 3px;
+     background: var(--text-color);
+     margin: 5px 0;
+     transition: var(--transition);
+   }
+ 
+   .nav-links {
+     position: fixed;
+     top: 70px;
+     right: -100%;
+     flex-direction: column;
+     background: white;
+     width: 100%;
+     text-align: center;
+     transition: var(--transition);
+     padding: 2rem 0;
+     box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+   }
+ 
+   .nav-links.active {
+     right: 0;
+   }
+ 
+   .hero-content h1 {
+     font-size: 2rem;
+   }
+ }