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

Save before adding transparent layer

Browse Source
This commit is contained in:
Wind
2026-02-15 19:12:32 +09:00
parent a0a212e41c
commit 2681563c08
17 changed files with 3883 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
html/assets/images/dcsintegration.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
html/assets/images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

20
html/assets/js/i18n.js
View File

@@ -20,9 +20,9 @@ const translations = {
'hero.desc' : 'Hanmo Control & Network Co., Ltd. provides elite-tier DCS and SCADA architectures for critical infrastructure and modern digital transformation.',
'hero.btn1' : 'Explore Expertise',
'hero.btn2' : 'Consultation',
'stat.nodes' : 'Active Nodes',
'stat.uptime' : 'System Uptime',
'stat.engineers': 'Engineers',
'stat.nodes' : 'Reference Projects',
'stat.uptime' : 'Downtime',
'stat.engineers': 'Partners',
'stat.years' : 'Years Excellence',
// DCS
@@ -149,9 +149,9 @@ const translations = {
'hero.desc' : '(주)한모씨앤앤은 핵심 인프라와 디지털 전환을 위한 최고 수준의 DCS 및 SCADA BATCH CONTROL 시스템을 제공합니다.',
'hero.btn1' : '전문 분야 보기',
'hero.btn2' : '상담 신청',
'stat.nodes' : '운영 노드',
'stat.nodes' : '프로젝트 실적',
'stat.uptime' : '시스템 가동률',
'stat.engineers': '전문 엔지니어',
'stat.engineers': '파트너사',
'stat.years' : '년 업계 경력',
// DCS
@@ -159,7 +159,7 @@ const translations = {
'dcs.title' : 'DCS 통합 솔루션',
'dcs.desc' : '가장 중요한 공정 현장을 위한 엔터프라이즈급 분산 제어 시스템(DCS) 아키텍처를 설계합니다.',
'dcs.f1.title' : '이중화 아키텍처',
'dcs.f1.desc' : '듀얼 처리 장치로 99.99% 가동률을 보장하는 내결함성 시스템',
'dcs.f1.desc' : '이중화 서버로 99.99% 가동률을 보장하는 내결함성 시스템',
'dcs.f2.title' : '실시간 통신',
'dcs.f2.desc' : '밀리초 미만의 응답 시간으로 다중 노드 간 동기화된 제어 실현',
'dcs.f3.title' : '보안 인증',
@@ -195,13 +195,13 @@ const translations = {
'inst.title' : '계측 제어 기기',
'inst.desc' : '가혹한 공정 환경에서도 정확성과 신뢰성을 발휘하는 스마트 현장 계측기기를 공급합니다.',
'inst.i1.title' : '유량 변환기',
'inst.i1.desc' : '±0.5% 정확도의 전자식, 코리올리스, 와류식 유량계',
'inst.i2.title' : '압력 변환기',
'inst.i2.desc' : '초고감도 차압 및 절대압력 센서',
'inst.i1.desc' : '±0.1% 정확도의 코리올리 질량 유량계, 마그네틱, 볼텍스 유량계',
'inst.i2.title' : '압력 트랜스미터',
'inst.i2.desc' : '초고감도 차압 및 절대압, 리모트실 트랜스미터',
'inst.i3.title' : '온도 센서',
'inst.i3.desc' : 'RTD, 열전대, 적외선 온도 측정기',
'inst.i4.title' : '레벨 트랜스미터',
'inst.i4.desc' : '초음파, 레이더, 정전용량식 레벨 센서',
'inst.i4.desc' : '초음파, 레이더, 정전용량식 레벨 트랜스미터',
'inst.i5.title' : '분석 센서',
'inst.i5.desc' : 'pH, 전도도, 산소, 용존 가스 분석기',
'inst.i6.title' : '컨트롤 밸브',

19
html/index.html
View File

@@ -8,6 +8,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
</head>
<body class="antialiased">
@@ -97,19 +98,19 @@
</div>
<div class="mt-24 grid grid-cols-2 lg:grid-cols-4 gap-4 md:gap-10 max-w-5xl animate-fade-in" style="animation-delay: 0.3s">
<div class="p-8 bg-white/5 backdrop-blur-xl rounded-3xl border border-white/10">
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">1,500+</div>
<div class="text-[10px] text-slate-400 uppercase industrial-tracking font-industrial font-semibold" data-i18n="stat.nodes">Active Nodes</div>
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">100+</div>
<div class="text-[10px] text-slate-400 uppercase industrial-tracking font-industrial font-semibold" data-i18n="stat.nodes">Reference Projects</div>
</div>
<div class="p-8 bg-white/5 backdrop-blur-xl rounded-3xl border border-white/10">
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">99.99%</div>
<div class="text-[10px] text-slate-400 uppercase industrial-tracking font-industrial font-semibold" data-i18n="stat.uptime">System Uptime</div>
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">0.01%</div>
<div class="text-[10px] text-slate-400 uppercase industrial-tracking font-industrial font-semibold" data-i18n="stat.uptime">downtime</div>
</div>
<div class="p-8 bg-white/5 backdrop-blur-xl rounded-3xl border border-white/10">
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">60+</div>
<div class="text-[10px] text-slate-400 uppercase industrial-tracking font-industrial font-semibold" data-i18n="stat.engineers">Engineers</div>
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">20+</div>
<div class="text-[10px] text-slate-400 uppercase industrial-tracking font-industrial font-semibold" data-i18n="stat.engineers">Partners</div>
</div>
<div class="p-8 bg-white/5 backdrop-blur-xl rounded-3xl border border-white/10">
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">15</div>
<div class="text-3xl md:text-5xl font-extralight text-white mb-2 font-premium premium-kerning">20+</div>
<div class="text-[10px] text-slate-400 uppercase industrial-tracking font-industrial font-semibold" data-i18n="stat.years">Years Excellence</div>
</div>
</div>
@@ -125,7 +126,7 @@
<p class="text-slate-500 text-lg leading-relaxed font-light" data-i18n="dcs.desc">Enterprise-grade Distributed Control System architecture designed for the most critical industrial applications.</p>
</div>
<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="https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=1000" alt="DCS Control Room" class="w-full h-full object-cover"></div>
<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="flex gap-6">
@@ -306,7 +307,7 @@
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="service-card group flex flex-col h-full bg-slate-50 rounded-[2.5rem] overflow-hidden border border-transparent hover:border-blue-100 transition-all duration-500 hover:shadow-2xl">
<div class="h-56 overflow-hidden"><img src="https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=800" alt="DCS" class="service-image w-full h-full object-cover grayscale transition-all duration-700"></div>
<div class="h-56 overflow-hidden"><img src="assets/images/dcsintegration.png?auto=format&fit=crop&q=80&w=800" alt="DCS" class="service-image w-full h-full object-cover grayscale transition-all duration-700"></div>
<div class="p-10 flex-grow flex flex-col">
<div class="w-14 h-14 bg-white rounded-2xl shadow-sm flex items-center justify-center mb-8 group-hover:bg-blue-600 transition-all duration-500"><i class="fas fa-network-wired text-blue-600 group-hover:text-white text-xl"></i></div>
<h4 class="text-2xl font-normal text-slate-900 mb-4 font-premium" data-i18n="svc.s1.title">DCS Integration</h4>

2
html/status.json
View File

@@ -1 +1 @@
{"cpu_temp": "39", "nvme_temp": "33", "uptime_days": 2, "last_update": "11:11:01"}
{"cpu_temp": "40", "nvme_temp": "33", "uptime_days": 3, "last_update": "19:11:01"}