Changes to lianhe.scroll.pub

root

15 days ago

Initial commit

body.html

Changed around line 1
+ 
+   
+     联合体
+     
+       
+     
+     
+       About
+       Partners
+       Network
+       Contact
+     
+   
+ 
+ 
+ 
+   
+     
+       联合体
+       Connecting Global Partnerships
+       Discover More
+     
+   
+ 
+   
+     About Our Alliance
+     
+       
+         Vision
+         Building stronger connections across borders and industries.
+       
+       
+         Mission
+         Facilitating meaningful partnerships that drive innovation.
+       
+       
+         Values
+         Trust, collaboration, and mutual growth guide our alliance.
+       
+     
+   
+ 
+   
+     Our Partners
+     
+       
+         🏢
+         Enterprise
+       
+       
+         🔬
+         Research
+       
+       
+         🌱
+         Innovation
+       
+     
+   
+ 
+   
+     Connect With Us
+     
+       
+       
+       
+       
+     
+   
+ 
+ 
+ 
+   
+     
+       联合体
+       Global Alliance Network
+     
+     
+       Contact
+       info@lianhe.scroll.pub
+     
+   
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://lianhe.scroll.pub
+ metaTags
+  description A professional alliance connecting businesses and organizations globally
+  keywords alliance, union, partnership, collaboration, global network, 联合体
+ editButton /edit.html
+ title 联合体 | Global Alliance Network
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "msg_01PDDzQHwYZDXM3HLZRKhB3V",
+   "type": "message",
+   "role": "assistant",
+   "model": "claude-3-5-sonnet-20241022",
+   "content": [
+     {
+       "type": "text",
+       "text": "For a website about \"联合体\" (Alliance/Union), I suggest:\n\n---domain---\nlianhe.scroll.pub\n\n---index.scroll---\nbuildHtml\nbaseUrl https://lianhe.scroll.pub\nmetaTags\n description A professional alliance connecting businesses and organizations globally\n keywords alliance, union, partnership, collaboration, global network, 联合体\neditButton /edit.html\ntitle 联合体 | Global Alliance Network\nstyle.css\nbody.html\nscript.js\n\n---body.html---\n\n  \n    联合体
\n    \n    \n      About
\n      Partners
\n      Network
\n      Contact
\n    \n  \n\n\n\n  \n    \n      联合体\n      Connecting Global Partnerships
\n      Discover More\n    
\n  \n\n  \n    About Our Alliance\n    \n      \n        Vision\n        Building stronger connections across borders and industries.
\n      
\n      \n        Mission\n        Facilitating meaningful partnerships that drive innovation.
\n      
\n      \n        Values\n        Trust, collaboration, and mutual growth guide our alliance.
\n      
\n    
\n  \n\n  \n    Our Partners\n    \n      \n        🏢
\n        Enterprise\n      
\n      \n        🔬
\n        Research\n      
\n      \n        🌱
\n        Innovation\n      
\n    
\n  \n\n  \n    Connect With Us\n    \n      \n      \n      \n      \n    \n  \n\n\n\n  \n    \n      联合体\n      Global Alliance Network
\n    
\n    \n      Contact\n      info@lianhe.scroll.pub
\n    
\n  
\n\n\n---style.css---\n:root {\n  --primary-color: #2c3e50;\n  --accent-color: #3498db;\n  --text-color: #333;\n  --light-bg: #f8f9fa;\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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  line-height: 1.6;\n  color: var(--text-color);\n}\n\n/* Header & Navigation */\n.main-nav {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 5%;\n  background: rgba(255, 255, 255, 0.95);\n  position: fixed;\n  width: 100%;\n  z-index: 1000;\n  backdrop-filter: blur(10px);\n}\n\n.logo {\n  font-size: 1.8rem;\n  font-weight: bold;\n  color: var(--primary-color);\n}\n\n.nav-links {\n  display: flex;\n  list-style: none;\n  gap: 2rem;\n}\n\n.nav-links a {\n  text-decoration: none;\n  color: var(--primary-color);\n  font-weight: 500;\n  transition: var(--transition);\n}\n\n.nav-links a:hover {\n  color: var(--accent-color);\n}\n\n.menu-toggle {\n  display: none;\n}\n\n/* Hero Section */\n.hero {\n  height: 100vh;\n  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: white;\n}\n\n.hero-content h1 {\n  font-size: 4rem;\n  margin-bottom: 1rem;\n  animation: fadeInUp 1s ease;\n}\n\n.subtitle {\n  font-size: 1.5rem;\n  margin-bottom: 2rem;\n  animation: fadeInUp 1s ease 0.3s forwards;\n  opacity: 0;\n}\n\n.cta-button {\n  display: inline-block;\n  padding: 1rem 2rem;\n  background: white;\n  color: var(--primary-color);\n  text-decoration: none;\n  border-radius: 30px;\n  font-weight: bold;\n  transition: var(--transition);\n  animation: fadeInUp 1s ease 0.6s forwards;\n  opacity: 0;\n}\n\n.cta-button:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n}\n\n/* Grid Sections */\nsection {\n  padding: 5rem 5%;\n}\n\n.grid-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 2rem;\n  margin-top: 2rem;\n}\n\n.grid-item {\n  padding: 2rem;\n  background: var(--light-bg);\n  border-radius: 10px;\n  transition: var(--transition);\n}\n\n.grid-item:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n/* Partner Cards */\n.partner-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 2rem;\n  margin-top: 2rem;\n}\n\n.partner-card {\n  text-align: center;\n  padding: 2rem;\n  background: white;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  transition: var(--transition);\n}\n\n.partner-icon {\n  font-size: 3rem;\n  margin-bottom: 1rem;\n}\n\n/* Contact Form */\n.contact form {\n  max-width: 600px;\n  margin: 0 auto;\n  display: grid;\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  min-height: 150px;\n}\n\nbutton[type=\"submit\"] {\n  padding: 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\nbutton[type=\"submit\"]:hover {\n  background: var(--primary-color);\n}\n\n/* Footer */\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/* Animations */\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Mobile Responsive */\n@media (max-width: 768px) {\n  .menu-toggle {\n    display: block;\n    background: none;\n    border: none;\n    cursor: pointer;\n  }\n\n  .menu-toggle span {\n    display: block;\n    width: 25px;\n    height: 3px;\n    background: var(--primary-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  }\n\n  .nav-links.active {\n    right: 0;\n  }\n\n  .hero-content h1 {\n    font-size: 2.5rem;\n  }\n}\n\n---script.js---\ndocument.addEventListener('DOMContentLoaded', () => {\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.classList.toggle('active');\n    const spans = menuToggle.querySelectorAll('span');\n    spans[0].classList.toggle('rotate-45');\n    spans[1].classList.toggle('opacity-0');\n    spans[2].classList.toggle('rotate-negative-45');\n  });\n\n  // Smooth scroll for anchor 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      navLinks.classList.remove('active');\n    });\n  });\n\n  // Form submission handling\n  const contactForm = document.getElementById('contact-form');\n  if (contactForm) {\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\n  // Intersection Observer for scroll animations\n  const observerOptions = {\n    threshold: 0.1,\n    rootMargin: '0px 0px -50px 0px'\n  };\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('fade-in');\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('section').forEach(section => {\n    observer.observe(section);\n  });\n});\n\n---end---"
+     }
+   ],
+   "stop_reason": "end_turn",
+   "stop_sequence": null,
+   "usage": {
+     "input_tokens": 273,
+     "cache_creation_input_tokens": 0,
+     "cache_read_input_tokens": 0,
+     "output_tokens": 3046
+   }
+ }

readme.scroll

Changed around line 1

+ # lianhe.scroll.pub

+ Website generated by Claude from prompt: 联合体

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', () => {
+   // Mobile menu toggle
+   const menuToggle = document.querySelector('.menu-toggle');
+   const navLinks = document.querySelector('.nav-links');
+ 
+   menuToggle.addEventListener('click', () => {
+     navLinks.classList.toggle('active');
+     const spans = menuToggle.querySelectorAll('span');
+     spans[0].classList.toggle('rotate-45');
+     spans[1].classList.toggle('opacity-0');
+     spans[2].classList.toggle('rotate-negative-45');
+   });
+ 
+   // Smooth scroll for anchor 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'
+       });
+       navLinks.classList.remove('active');
+     });
+   });
+ 
+   // Form submission handling
+   const contactForm = document.getElementById('contact-form');
+   if (contactForm) {
+     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 scroll animations
+   const observerOptions = {
+     threshold: 0.1,
+     rootMargin: '0px 0px -50px 0px'
+   };
+ 
+   const observer = new IntersectionObserver((entries) => {
+     entries.forEach(entry => {
+       if (entry.isIntersecting) {
+         entry.target.classList.add('fade-in');
+       }
+     });
+   }, observerOptions);
+ 
+   document.querySelectorAll('section').forEach(section => {
+     observer.observe(section);
+   });
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2c3e50;
+   --accent-color: #3498db;
+   --text-color: #333;
+   --light-bg: #f8f9fa;
+   --transition: all 0.3s ease;
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+   line-height: 1.6;
+   color: var(--text-color);
+ }
+ 
+ /* Header & Navigation */
+ .main-nav {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+   padding: 1rem 5%;
+   background: rgba(255, 255, 255, 0.95);
+   position: fixed;
+   width: 100%;
+   z-index: 1000;
+   backdrop-filter: blur(10px);
+ }
+ 
+ .logo {
+   font-size: 1.8rem;
+   font-weight: bold;
+   color: var(--primary-color);
+ }
+ 
+ .nav-links {
+   display: flex;
+   list-style: none;
+   gap: 2rem;
+ }
+ 
+ .nav-links a {
+   text-decoration: none;
+   color: var(--primary-color);
+   font-weight: 500;
+   transition: var(--transition);
+ }
+ 
+ .nav-links a:hover {
+   color: var(--accent-color);
+ }
+ 
+ .menu-toggle {
+   display: none;
+ }
+ 
+ /* Hero Section */
+ .hero {
+   height: 100vh;
+   background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   text-align: center;
+   color: white;
+ }
+ 
+ .hero-content h1 {
+   font-size: 4rem;
+   margin-bottom: 1rem;
+   animation: fadeInUp 1s ease;
+ }
+ 
+ .subtitle {
+   font-size: 1.5rem;
+   margin-bottom: 2rem;
+   animation: fadeInUp 1s ease 0.3s forwards;
+   opacity: 0;
+ }
+ 
+ .cta-button {
+   display: inline-block;
+   padding: 1rem 2rem;
+   background: white;
+   color: var(--primary-color);
+   text-decoration: none;
+   border-radius: 30px;
+   font-weight: bold;
+   transition: var(--transition);
+   animation: fadeInUp 1s ease 0.6s forwards;
+   opacity: 0;
+ }
+ 
+ .cta-button:hover {
+   transform: translateY(-3px);
+   box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+ }
+ 
+ /* Grid Sections */
+ section {
+   padding: 5rem 5%;
+ }
+ 
+ .grid-container {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 2rem;
+   margin-top: 2rem;
+ }
+ 
+ .grid-item {
+   padding: 2rem;
+   background: var(--light-bg);
+   border-radius: 10px;
+   transition: var(--transition);
+ }
+ 
+ .grid-item:hover {
+   transform: translateY(-5px);
+   box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+ }
+ 
+ /* Partner Cards */
+ .partner-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+   gap: 2rem;
+   margin-top: 2rem;
+ }
+ 
+ .partner-card {
+   text-align: center;
+   padding: 2rem;
+   background: white;
+   border-radius: 10px;
+   box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+   transition: var(--transition);
+ }
+ 
+ .partner-icon {
+   font-size: 3rem;
+   margin-bottom: 1rem;
+ }
+ 
+ /* Contact Form */
+ .contact form {
+   max-width: 600px;
+   margin: 0 auto;
+   display: grid;
+   gap: 1rem;
+ }
+ 
+ input, textarea {
+   padding: 1rem;
+   border: 1px solid #ddd;
+   border-radius: 5px;
+   font-size: 1rem;
+ }
+ 
+ textarea {
+   min-height: 150px;
+ }
+ 
+ button[type="submit"] {
+   padding: 1rem;
+   background: var(--accent-color);
+   color: white;
+   border: none;
+   border-radius: 5px;
+   cursor: pointer;
+   transition: var(--transition);
+ }
+ 
+ button[type="submit"]:hover {
+   background: var(--primary-color);
+ }
+ 
+ /* Footer */
+ 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;
+ }
+ 
+ /* Animations */
+ @keyframes fadeInUp {
+   from {
+     opacity: 0;
+     transform: translateY(20px);
+   }
+   to {
+     opacity: 1;
+     transform: translateY(0);
+   }
+ }
+ 
+ /* Mobile Responsive */
+ @media (max-width: 768px) {
+   .menu-toggle {
+     display: block;
+     background: none;
+     border: none;
+     cursor: pointer;
+   }
+ 
+   .menu-toggle span {
+     display: block;
+     width: 25px;
+     height: 3px;
+     background: var(--primary-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;
+   }
+ 
+   .nav-links.active {
+     right: 0;
+   }
+ 
+   .hero-content h1 {
+     font-size: 2.5rem;
+   }
+ }