windpacer/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Batch Control Revised

Browse Source
This commit is contained in:
Wind
2026-02-16 21:04:44 +09:00
parent 90c7377285
commit b288a964d1
17 changed files with 9755 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
html/index.html
View File

@@ -138,11 +138,16 @@
<div class="grid lg:grid-cols-2 gap-16 items-center max-w-6xl mx-auto">
<div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="assets/images/dcsintegration.png?auto=format&fit=crop&q=80&w=1000" alt="DCS Control Room" class="w-full h-full object-cover"></div>
<div>
<div class="space-y-8">
<div class="space-y-18">
<!-- Honeywell 로고 이미지 추가 -->
<img src="assets/images/honeywell-logo.svg" alt="Honeywell Logo" class="h-8 w-auto mb-4 object-contain">
<div class="flex gap-6">
<p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f0.desc">Reliable DCS solutions with Honeywell's Experion PKS, ensuring seamless integration and optimal performance</p></div>
</div>
<div class="flex gap-6">
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-shield-alt"></i></div></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f1.title">Redundant Architecture</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f1.desc">Fault-tolerant systems with dual processing units ensuring 99.99% uptime</p></div>
</div>
</div>
<div class="flex gap-6">
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-network-wired"></i></div></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f2.title">Real-time Communication</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f2.desc">Sub-millisecond response times with synchronized control across multiple nodes</p></div>
@@ -159,32 +164,40 @@
</section>
<!-- BATCH PROCESS SECTION -->
<section id="batch" class="py-32 bg-slate-50">
<section id="batch" class="pt-24 pb-32 bg-slate-50">
<div class="container mx-auto px-6">
<div class="text-center max-w-3xl mx-auto mb-24">
<div class="text-center max-w-3xl mx-auto mb-8"> <!--아래 내용과의 간겨 mb-16에서 줄임-->
<h2 class="text-blue-600 font-bold uppercase tracking-widest text-[11px] mb-4 font-industrial" data-i18n="batch.badge">Process Automation</h2>
<h3 class="text-4xl md:text-6xl font-light text-slate-900 mb-8 premium-kerning font-premium" data-i18n="batch.title">Batch Process Control</h3>
<p class="text-slate-500 text-lg leading-relaxed font-light" data-i18n="batch.desc">Sophisticated batch automation for pharmaceutical, chemical, and specialty manufacturing operations.</p>
<p class="text-slate-500 text-lg leading-relaxed font-light" data-i18n="batch.desc">Not only precision control, but also production planning,process data & historical lot management, you can get it by our Batch Manager software.</p>
</div>
<div class="grid lg:grid-cols-2 gap-16 items-center max-w-6xl mx-auto">
<div class="grid lg:grid-cols-2 gap-8 items-center max-w-6xl mx-auto">
<div>
<div class="space-y-8">
<div class="flex gap-6">
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-tasks"></i></div></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f1.title">Recipe Management</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f1.desc">Dynamic recipe engine with version control and audit trail capabilities</p></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f1.title">Batch Manager Software</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f1.desc">Dynamic recipe engine with version control and audit trail capabilities</p></div>
</div>
<div class="flex gap-6">
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-tasks"></i></div></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f2.title">HC-900 Controller</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f2.desc">Advanced batch control with integrated HART communication and real-time monitoring</p></div>
</div>
<div class="flex gap-6">
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-tasks"></i></div></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f3.title">Process Data Management</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f3.desc">Comprehensive process data collection, storage, and analysis for batch operations</p></div>
</div>
<div class="flex gap-6">
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-chart-bar"></i></div></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f2.title">Performance Analytics</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f2.desc">Real-time batch tracking with predictive quality monitoring</p></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f4.title">Quick Production Setup</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f4.desc">Real-time batch tracking with predictive quality monitoring</p></div>
</div>
<div class="flex gap-6">
<div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-check-circle"></i></div></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f3.title">GMP Compliant</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f3.desc">FDA 21 CFR Part 11 compliance and complete data integrity</p></div>
<div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f5.title">Easy Historical Tracking</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f5.desc">FDA 21 CFR Part 11 compliance and complete data integrity</p></div>
</div>
</div>
<div class="mt-12"><a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-2xl font-bold shadow-lg transition-all inline-flex items-center gap-3 font-industrial text-xs tracking-widest uppercase" data-i18n="batch.btn">Start Implementation</a></div>
<!--<div class="mt-12"><a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-2xl font-bold shadow-lg transition-all inline-flex items-center gap-3 font-industrial text-xs tracking-widest uppercase" data-i18n="batch.btn">Start Implementation</a></div>-->
</div>
<div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&q=80&w=1000" alt="Batch Process" class="w-full h-full object-cover"></div>
<div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="assets/images/BatchControl.png" alt="Batch Process" class="w-full h-full object-cover"></div>
</div>
</div>
</section>
@@ -361,7 +374,7 @@
<div class="container mx-auto px-6">
<div class="grid lg:grid-cols-2 gap-20 items-center">
<div class="relative">
<div class="aspect-square rounded-[3rem] overflow-hidden shadow-2xl"><img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&q=80&w=1000" alt="About Hanmo" class="w-full h-full object-cover"></div>
<div class="aspect-square rounded-[3rem] overflow-hidden shadow-2xl"><img src="assets/images/ControlRoom7.png" alt="About Hanmo" class="w-full h-full object-cover"></div>
<div class="absolute -bottom-10 -right-10 p-10 bg-blue-600 text-white rounded-[2rem] shadow-2xl max-w-xs">
<div class="text-6xl font-extralight mb-4 font-premium">15+</div>
<div class="text-xs font-bold uppercase tracking-widest leading-loose" data-i18n="about.years">Years of Industrial Excellence</div>
@@ -431,7 +444,7 @@
<script src="assets/js/i18n.js"></script>
<script src="assets/js/script.js"></script>
<!-- RIGHT-CLICK & COPY PROTECTION -->
<!-- RIGHT-CLICK & COPY PROTECTION
<script>
// 우클릭 방지
document.addEventListener('contextmenu', function(e) {
@@ -474,6 +487,6 @@
return false;
}
});
</script>
</script> -->
</body>
</html>