Help
RSS
API
Feed
Maltego
Contact
Domain > alienpeoples.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-07-27
3.163.115.56
(
ClassC
)
2025-07-27
3.163.115.6
(
ClassC
)
2025-11-03
3.163.24.13
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyServer: CloudFrontDate: Mon, 03 Nov 2025 15:31:21 GMTContent-Type: text/htmlContent-Length: 167Connection: keep-aliveLocation: https://alienpeoples.com/X-Cache: Redirect from cloudfrontVia: 1.1 89b24af8db05335e68292856e0a53668.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P2X-Amz-Cf-Id: Yo39Q4z1RIWc3cRQ_69MN1XwsqnKiqg6AwtxqIwu4oY9CVh6Nfyp3A html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>CloudFront/center>/body>/html>
Port 443
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 35382Connection: keep-aliveDate: Mon, 03 Nov 2025 15:31:23 GMTLast-Modified: Fri, 25 Jul 2025 06:30:45 GMTETag: 36c17fd395a3818122f035ab97aa5026x-amz-server-side-encryption: AES256Accept-Ranges: bytesServer: AmazonS3X-Cache: Miss from cloudfrontVia: 1.1 8502ceae0080b3523f89d1a518a99726.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P2X-Amz-Cf-Id: 1PCSv7EXCMY90mSfH5lTXf_kLNtiF2mtKR794ADOmNTmQ5gOCoxcJw !DOCTYPE html>html langko>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>NeuralLink Studio - AI x Human Innovation/title> style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%); color: #ffffff; overflow-x: hidden; line-height: 1.6; } /* 애니메이션 키프레임 */ @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes slideInLeft { from { transform: translateX(-100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideInRight { from { transform: translateX(100px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes fadeInUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* 네비게이션 */ nav { position: fixed; top: 0; width: 100%; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); z-index: 1000; padding: 1rem 2rem; transition: all 0.3s ease; } nav:hover { background: rgba(0, 0, 0, 0.95); } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; } .logo { font-size: 1.8rem; font-weight: bold; background: linear-gradient(45deg, #00d4ff, #ff0080); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .nav-right { display: flex; align-items: center; gap: 2rem; } .nav-links { display: flex; list-style: none; gap: 2rem; } .language-selector { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 8px 15px; color: #ffffff; font-size: 0.9rem; cursor: pointer; transition: all 0.3s ease; } .language-selector:hover { background: rgba(0, 212, 255, 0.2); border-color: #00d4ff; } .mobile-menu-toggle { display: none; background: none; border: none; color: #ffffff; font-size: 1.5rem; cursor: pointer; } .nav-links a { color: #ffffff; text-decoration: none; transition: all 0.3s ease; position: relative; } .nav-links a:hover { color: #00d4ff; } .nav-links a::after { content: ; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background: linear-gradient(45deg, #00d4ff, #ff0080); transition: width 0.3s ease; } .nav-links a:hover::after { width: 100%; } /* 히어로 섹션 */ .hero { height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(0, 212, 255, 0.1), rgba(255, 0, 128, 0.1)); z-index: -1; } .hero-particles { position: absolute; width: 100%; height: 100%; z-index: -1; } .particle { position: absolute; width: 4px; height: 4px; background: #00d4ff; border-radius: 50%; animation: float 6s ease-in-out infinite; } .hero-content { text-align: center; max-width: 800px; padding: 0 2rem; animation: fadeInUp 1s ease-out; } .hero-title { font-size: 3.5rem; margin-bottom: 1rem; background: linear-gradient(45deg, #ffffff, #00d4ff, #ff0080); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: slideInLeft 1s ease-out; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 2rem; opacity: 0.9; animation: slideInRight 1s ease-out 0.3s both; } .cta-button { background: linear-gradient(45deg, #00d4ff, #ff0080); color: white; padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; position: relative; overflow: hidden; animation: fadeInUp 1s ease-out 0.6s both; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4); } .cta-button::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease; } .cta-button:hover::before { left: 100%; } /* 섹션 공통 스타일 */ .section { padding: 100px 2rem; max-width: 1200px; margin: 0 auto; } .section-title { font-size: 2.5rem; text-align: center; margin-bottom: 3rem; background: linear-gradient(45deg, #ffffff, #00d4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* 서비스 섹션 */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .service-card { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 2rem; text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; } .service-card:hover { transform: translateY(-10px); border-color: #00d4ff; box-shadow: 0 20px 40px rgba(0, 212, 255, 0.2); } .service-card::before { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #00d4ff, #ff0080); transform: scaleX(0); transition: transform 0.3s ease; } .service-card:hover::before { transform: scaleX(1); } .service-icon { font-size: 3rem; margin-bottom: 1rem; background: linear-gradient(45deg, #00d4ff, #ff0080); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .service-title { font-size: 1.5rem; margin-bottom: 1rem; color: #ffffff; } .service-description { opacity: 0.8; line-height: 1.6; } /* 회사 소개 섹션 */ .about { background: rgba(255, 255, 255, 0.02); margin: 2rem auto; border-radius: 20px; position: relative; max-width: 1200px; padding: 60px 2rem; } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .about-text { font-size: 1.1rem; line-height: 1.8; opacity: 0.9; } .about-features { display: grid; gap: 1rem; } .feature-item { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: rgba(255, 255, 255, 0.05); border-radius: 10px; transition: all 0.3s ease; } .feature-item:hover { background: rgba(0, 212, 255, 0.1); transform: translateX(10px); } .feature-icon { width: 20px; height: 20px; background: linear-gradient(45deg, #00d4ff, #ff0080); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; } /* 연락처 섹션 */ .contact { background: rgba(255, 255, 255, 0.02); border-radius: 20px; text-align: center; } .contact-form { max-width: 600px; margin: 0 auto; display: grid; gap: 1.5rem; } .form-group { display: grid; gap: 0.5rem; } .form-group label { color: #ffffff; font-weight: 500; } .form-group input, .form-group textarea { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 10px; padding: 15px; color: #ffffff; font-size: 1rem; transition: all 0.3s ease; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: #00d4ff; box-shadow: 0 0 20px rgba(0, 212, 255, 0.2); } .form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255, 255, 255, 0.5); } .submit-btn { background: linear-gradient(45deg, #00d4ff, #ff0080); color: white; padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; cursor: pointer; transition: all 0.3s ease; } .submit-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4); } /* 푸터 */ footer { background: rgba(0, 0, 0, 0.5); text-align: center; padding: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-content { max-width: 1200px; margin: 0 auto; } .social-links { display: flex; justify-content: center; gap: 1rem; margin-bottom: 1rem; } .social-links a { color: #ffffff; font-size: 1.5rem; transition: all 0.3s ease; } .social-links a:hover { color: #00d4ff; transform: translateY(-3px); } /* 반응형 디자인 */ @media (max-width: 768px) { .nav-links { display: none; position: absolute; top: 100%; left: 0; right: 0; background: rgba(0, 0, 0, 0.95); flex-direction: column; padding: 2rem; gap: 1rem; } .nav-links.active { display: flex; } .nav-right { gap: 1rem; } .mobile-menu-toggle { display: block; } .hero-title { font-size: 2.5rem; } .hero-subtitle { font-size: 1.1rem; } .about-content { grid-template-columns: 1fr; } .services-grid { grid-template-columns: 1fr; } .section { padding: 60px 1rem; } .about { margin: 2rem 1rem; padding: 40px 1rem; } } /* 스크롤 애니메이션을 위한 클래스 */ .animate-on-scroll { opacity: 0; transform: translateY(50px); transition: all 0.6s ease; } .animate-on-scroll.animated { opacity: 1; transform: translateY(0); } /style>/head>body> !-- 네비게이션 --> nav> div classnav-container> div classlogo>AlienPeoples/div> div classnav-right> ul classnav-links idnavLinks> li>a href#home data-ko홈 data-enHome>홈/a>/li> li>a href#services data-ko서비스 data-enServices>서비스/a>/li> li>a href#about data-ko회사소개 data-enAbout>회사소개/a>/li> li>a href#contact data-ko연락처 data-enContact>연락처/a>/li> /ul> select classlanguage-selector idlanguageSelector> option valueko>한국어/option> option valueen>English/option> /select> button classmobile-menu-toggle idmobileMenuToggle>☰/button> /div> /div> /nav> !-- 히어로 섹션 --> section idhome classhero> div classhero-background>/div> div classhero-particles>/div> div classhero-content> h1 classhero-title data-koAI × Human Innovation data-enAI × Human Innovation>AI × Human Innovation/h1> p classhero-subtitle data-koLLM 개발, Fine-tuning, 스케일링 및 온디바이스 AI 전문 data-enLLM Development, Fine-tuning, Scaling & On-Device AI Specialists>LLM 개발, Fine-tuning, 스케일링 및 온디바이스 AI 전문/p> p classhero-subtitle data-ko최신 대규모 언어모델 기술로 혁신적인 AI 솔루션을 제공합니다 data-enDelivering innovative AI solutions with cutting-edge Large Language Model technology>최신 대규모 언어모델 기술로 혁신적인 AI 솔루션을 제공합니다/p> div stylemargin-top: 3rem;> a href#contact classcta-button data-ko연락하기 data-enContact Us>연락하기/a> /div> /div> /section> !-- 서비스 섹션 --> section idservices classsection> h2 classsection-title animate-on-scroll data-koOur Services data-enOur Services>Our Services/h2> div classservices-grid> div classservice-card animate-on-scroll> div classservice-icon>🧠/div> h3 classservice-title data-koLLM 개발 data-enLLM Development>LLM 개발/h3> p classservice-description data-koGPT, BERT, LLaMA 등 대규모 언어모델 개발 및 커스터마이징으로 특화된 AI 서비스를 구축합니다. data-enBuild specialized AI services through development and customization of large language models like GPT, BERT, and LLaMA.>GPT, BERT, LLaMA 등 대규모 언어모델 개발 및 커스터마이징으로 특화된 AI 서비스를 구축합니다./p> /div> div classservice-card animate-on-scroll> div classservice-icon>⚙️/div> h3 classservice-title data-koLLM Fine-tuning data-enLLM Fine-tuning>LLM Fine-tuning/h3> p classservice-description data-ko도메인 특화 데이터를 활용한 LLM 파인튜닝으로 업무 환경에 최적화된 AI 모델을 제작합니다. data-enCreate AI models optimized for business environments through LLM fine-tuning using domain-specific data.>도메인 특화 데이터를 활용한 LLM 파인튜닝으로 업무 환경에 최적화된 AI 모델을 제작합니다./p> /div> div classservice-card animate-on-scroll> div classservice-icon>📈/div> h3 classservice-title data-koLLM 스케일링 data-enLLM Scaling>LLM 스케일링/h3> p classservice-description data-ko분산 학습, 모델 압축, 양자화 기술로 대규모 LLM을 효율적으로 배포하고 운영합니다. data-enEfficiently deploy and operate large-scale LLMs using distributed training, model compression, and quantization technologies.>분산 학습, 모델 압축, 양자화 기술로 대규모 LLM을 효율적으로 배포하고 운영합니다./p> /div> div classservice-card animate-on-scroll> div classservice-icon>📱/div> h3 classservice-title data-ko온디바이스 AI data-enOn-Device AI>온디바이스 AI/h3> p classservice-description data-ko모바일 및 엣지 디바이스에서 실행 가능한 경량화 AI 모델을 개발하여 실시간 AI 서비스를 구현합니다. data-enDevelop lightweight AI models that can run on mobile and edge devices to implement real-time AI services.>모바일 및 엣지 디바이스에서 실행 가능한 경량화 AI 모델을 개발하여 실시간 AI 서비스를 구현합니다./p> /div> div classservice-card animate-on-scroll> div classservice-icon>📱/div> h3 classservice-title data-koMobile App 개발 data-enMobile App Development>Mobile App 개발/h3> p classservice-description data-koiOS, Android 네이티브 및 크로스플랫폼 모바일 애플리케이션에 AI 기능을 통합하여 개발합니다. data-enDevelop iOS, Android native and cross-platform mobile applications with integrated AI features.>iOS, Android 네이티브 및 크로스플랫폼 모바일 애플리케이션에 AI 기능을 통합하여 개발합니다./p> /div> div classservice-card animate-on-scroll> div classservice-icon>☁️/div> h3 classservice-title data-koAI 클라우드 인프라 data-enAI Cloud Infrastructure>AI 클라우드 인프라/h3> p classservice-description data-koGPU 클러스터, MLOps 파이프라인 등 AI 모델 학습과 배포를 위한 확장 가능한 클라우드 인프라를 설계합니다. data-enDesign scalable cloud infrastructure for AI model training and deployment, including GPU clusters and MLOps pipelines.>GPU 클러스터, MLOps 파이프라인 등 AI 모델 학습과 배포를 위한 확장 가능한 클라우드 인프라를 설계합니다./p> /div> /div> /section> !-- 회사 소개 섹션 --> section idabout classsection about> h2 classsection-title animate-on-scroll data-koAbout AlienPeoples data-enAbout AlienPeoples>About AlienPeoples/h2> div classabout-content> div classabout-text animate-on-scroll> p data-ko우리는 LLM과 온디바이스 AI 기술을 전문으로 하는 소규모 익스퍼트 그룹입니다. data-enWe are a small expert group specializing in LLM and on-device AI technologies.>우리는 LLM과 온디바이스 AI 기술을 전문으로 하는 소규모 익스퍼트 그룹입니다./p> br> p data-ko대규모 언어모델부터 모바일 디바이스용 경량화 AI까지, 최신 AI 기술 트렌드를 선도하며 고객의 비즈니스에 실질적인 가치를 창출하는 것이 저희 개발사의 목표입니다. data-enFrom large language models to lightweight AI for mobile devices, our development companys goal is to lead the latest AI technology trends and create real value for our clients businesses.>대규모 언어모델부터 모바일 디바이스용 경량화 AI까지, 최신 AI 기술 트렌드를 선도하며 고객의 비즈니스에 실질적인 가치를 창출하는 것이 저희 개발사의 목표입니다./p> br> p data-ko작지만 강력한 팀으로, 각 프로젝트에 최고의 품질과 개인화된 AI 솔루션을 제공합니다. data-enAs a small but powerful team, we provide the highest quality and personalized AI solutions for each project.>작지만 강력한 팀으로, 각 프로젝트에 최고의 품질과 개인화된 AI 솔루션을 제공합니다./p> /div> div classabout-features animate-on-scroll> div classfeature-item> div classfeature-icon>✓/div> span data-koLLM 개발 및 Fine-tuning 전문성 data-enLLM Development & Fine-tuning Expertise>LLM 개발 및 Fine-tuning 전문성/span> /div> div classfeature-item> div classfeature-icon>✓/div> span data-ko온디바이스 AI 최적화 기술 data-enOn-Device AI Optimization Technology>온디바이스 AI 최적화 기술/span> /div> div classfeature-item> div classfeature-icon>✓/div> span data-koGPU 클러스터 인프라 운영 data-enGPU Cluster Infrastructure Management>GPU 클러스터 인프라 운영/span> /div> div classfeature-item> div classfeature-icon>✓/div> span data-koMLOps 파이프라인 구축 data-enMLOps Pipeline Development>MLOps 파이프라인 구축/span> /div> div classfeature-item> div classfeature-icon>✓/div> span data-ko실시간 AI 추론 시스템 data-enReal-time AI Inference Systems>실시간 AI 추론 시스템/span> /div> div classfeature-item> div classfeature-icon>✓/div> span data-ko맞춤형 AI 솔루션 컨설팅 data-enCustom AI Solution Consulting>맞춤형 AI 솔루션 컨설팅/span> /div> /div> /div> /section> !-- 연락처 섹션 --> section idcontact classsection contact> h2 classsection-title animate-on-scroll data-koContact Us data-enContact Us>Contact Us/h2> p classanimate-on-scroll styletext-align: center; margin-bottom: 2rem; opacity: 0.8; data-ko프로젝트 문의나 기술 상담이 필요하시면 언제든 연락해 주세요. data-enFeel free to contact us anytime for project inquiries or technical consultations.> 프로젝트 문의나 기술 상담이 필요하시면 언제든 연락해 주세요. /p> form classcontact-form animate-on-scroll idcontactForm> div classform-group> label forname data-ko이름 data-enName>이름/label> input typetext idname namename data-placeholder-ko이름을 입력해주세요 data-placeholder-enPlease enter your name placeholder이름을 입력해주세요 required> /div> div classform-group> label foremail data-ko이메일 data-enEmail>이메일/label> input typeemail idemail nameemail data-placeholder-ko이메일을 입력해주세요 data-placeholder-enPlease enter your email placeholder이메일을 입력해주세요 required> /div> div classform-group> label forcompany data-ko회사명 (선택) data-enCompany (Optional)>회사명 (선택)/label> input typetext idcompany namecompany data-placeholder-ko회사명을 입력해주세요 data-placeholder-enPlease enter your company name placeholder회사명을 입력해주세요> /div> div classform-group> label forsubject data-ko제목 data-enSubject>제목/label> input typetext idsubject namesubject data-placeholder-ko문의 제목을 입력해주세요 data-placeholder-enPlease enter inquiry subject placeholder문의 제목을 입력해주세요 required> /div> div classform-group> label formessage data-ko메시지 data-enMessage>메시지/label> textarea idmessage namemessage rows6 data-placeholder-ko문의 내용을 상세히 입력해주세요 data-placeholder-enPlease enter your inquiry details placeholder문의 내용을 상세히 입력해주세요 required>/textarea> /div> button typesubmit classsubmit-btn data-ko메시지 보내기 data-enSend Message>메시지 보내기/button> /form> div stylemargin-top: 3rem; text-align: center;> p styleopacity: 0.8; data-ko직접 연락하시려면: data-enFor direct contact:>직접 연락하시려면:/p> p stylemargin-top: 1rem;> strong data-ko이메일: data-enEmail:>이메일:/strong> a hrefmailto:contact@alienpeoples.com stylecolor: #00d4ff;>contact@alienpeoples.com/a> /p> /div> /section> !-- 푸터 --> footer> div classfooter-content> div classsocial-links> a href# titleGitHub>📧/a> a href# titleLinkedIn>💼/a> a href# titleTwitter>🐦/a> /div> p data-ko© 2025 AlienPeoples. All rights reserved. data-en© 2025 AlienPeoples. All rights reserved.>© 2025 AlienPeoples. All rights reserved./p> p styleopacity: 0.7; margin-top: 0.5rem; data-koLLM과 온디바이스 AI 기술로 미래를 선도하는 혁신적인 솔루션 data-enInnovative solutions leading the future with LLM and on-device AI technology>LLM과 온디바이스 AI 기술로 미래를 선도하는 혁신적인 솔루션/p>copy; 2025 AlienPeoples. All rights reserved./p> p styleopacity: 0.7; margin-top: 0.5rem;>AI와 인간의 창의성을 연결하는 혁신적인 소프트웨어 솔루션/p> /div> /footer> script> // 파티클 생성 function createParticles() { const container document.querySelector(.hero-particles); const particleCount 50; for (let i 0; i particleCount; i++) { const particle document.createElement(div); particle.className particle; particle.style.left Math.random() * 100 + %; particle.style.top Math.random() * 100 + %; particle.style.animationDelay Math.random() * 6 + s; particle.style.animationDuration (Math.random() * 4 + 4) + s; // 랜덤 색상 const colors #00d4ff, #ff0080, #ffffff; particle.style.background colorsMath.floor(Math.random() * colors.length); container.appendChild(particle); } } // 스크롤 애니메이션 function handleScrollAnimation() { const elements document.querySelectorAll(.animate-on-scroll); elements.forEach(element > { const elementTop element.getBoundingClientRect().top; const elementVisible 150; if (elementTop window.innerHeight - elementVisible) { element.classList.add(animated); } }); } // 부드러운 스크롤 function smoothScroll() { const links document.querySelectorAll(ahref^#); links.forEach(link > { link.addEventListener(click, function(e) { e.preventDefault(); const targetId this.getAttribute(href); const targetSection document.querySelector(targetId); if (targetSection) { const offsetTop targetSection.offsetTop - 80; window.scrollTo({ top: offsetTop, behavior: smooth }); } }); }); } // 네비게이션 스크롤 효과 function handleNavScroll() { const nav document.querySelector(nav); window.addEventListener(scroll, () > { if (window.scrollY > 100) { nav.style.background rgba(0, 0, 0, 0.95); } else { nav.style.background rgba(0, 0, 0, 0.9); } }); } // 언어 전환 기능 추가 function setupLanguageToggle() { const languageSelector document.getElementById(languageSelector); let currentLanguage ko; languageSelector.addEventListener(change, function() { currentLanguage this.value; updateLanguage(currentLanguage); }); function updateLanguage(lang) { const elements document.querySelectorAll(data- + lang + ); elements.forEach(element > { const text element.getAttribute(data- + lang); if (element.tagName INPUT || element.tagName TEXTAREA) { element.placeholder element.getAttribute(data-placeholder- + lang) || text; } else { element.innerHTML text; } }); } } // 모바일 메뉴 토글 기능 추가 function setupMobileMenu() { const mobileMenuToggle document.getElementById(mobileMenuToggle); const navLinks document.getElementById(navLinks); mobileMenuToggle.addEventListener(click, function() { navLinks.classList.toggle(active); }); // 메뉴 링크 클릭 시 모바일 메뉴 닫기 const menuLinks navLinks.querySelectorAll(a); menuLinks.forEach(link > { link.addEventListener(click, () > { navLinks.classList.remove(active); }); }); } function handleFormSubmit() { const form document.getElementById(contactForm); form.addEventListener(submit, function(e) { e.preventDefault(); // 폼 데이터 수집 const formData new FormData(form); const data {}; for (let key, value of formData.entries()) { datakey value; } // 이메일 클라이언트 열기 const subject encodeURIComponent(data.subject); const body encodeURIComponent( `이름: ${data.name}\n` + `이메일: ${data.email}\n` + `회사: ${data.company || N/A}\n\n` + `메시지:\n${data.message}` ); const mailtoLink `mailto:contact@alienpeoples.com?subject${subject}&body${body}`; window.location.href mailtoLink; // 사용자에게 피드백 alert(기본 이메일 클라이언트가 열립니다. 메시지를 검토하고 전송해주세요.); // 폼 리셋 form.reset(); }); } // 마우스 이동 효과 function handleMouseMove() { document.addEventListener(mousemove, (e) > { const particles document.querySelectorAll(.particle); const mouseX e.clientX / window.innerWidth; const mouseY e.clientY / window.innerHeight; particles.forEach((particle, index) > { const speed (index % 5 + 1) * 0.5; const x (mouseX - 0.5) * speed; const y (mouseY - 0.5) * speed; particle.style.transform `translate(${x}px, ${y}px)`; }); }); } // 초기화 document.addEventListener(DOMContentLoaded, function() { createParticles(); smoothScroll(); handleNavScroll(); handleFormSubmit(); handleMouseMove(); setupLanguageToggle(); setupMobileMenu(); // 스크롤 이벤트 리스너 window.addEventListener(scroll, handleScrollAnimation); // 초기 애니메이션 체크 handleScrollAnimation(); // 로딩 애니메이션 setTimeout(() > { document.body.style.opacity 1; }, 100); }); // 화면 크기 변경 시 파티클 재생성 window.addEventListener(resize, () > { const container document.querySelector(.hero-particles); container.innerHTML ; createParticles(); }); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]