diff --git a/app.js b/app.js index 370f83f..9803fd0 100644 --- a/app.js +++ b/app.js @@ -3,6 +3,9 @@ * 대화형 서버 런처 및 가격 데이터 관리 */ +// 텔레그램 봇 URL 상수 +const TELEGRAM_BOT_URL = 'https://t.me/AnvilForgeBot'; + // 단일 가격 데이터 소스 (VAT 포함, 월간 기준) const PRICING_DATA = { global: [ @@ -20,21 +23,18 @@ const PRICING_DATA = { ] }; -// 런처 모달용 가격 (plan명 기준) -const LAUNCHER_PRICES = { - 'Micro': { base: 8500, seoul: 8500 }, - 'Starter': { base: 20400, seoul: 17000 }, - 'Pro': { base: 40700, seoul: 33900 }, - 'Business': { base: 67800, seoul: 67800 } -}; +// 런처 모달용 가격 - PRICING_DATA에서 파생 +const LAUNCHER_PRICES = Object.fromEntries( + PRICING_DATA.global.map(p => [p.plan, { + base: p.price, + seoul: PRICING_DATA.seoul.find(s => s.plan === p.plan)?.price || p.price + }]) +); -// 플랜별 스펙 정보 -const PLAN_SPECS = { - 'Micro': '1vCPU / 1GB RAM', - 'Starter': '1vCPU / 2GB RAM', - 'Pro': '2vCPU / 4GB RAM', - 'Business': '4vCPU / 8GB RAM' -}; +// 플랜별 스펙 정보 - PRICING_DATA에서 파생 +const PLAN_SPECS = Object.fromEntries( + PRICING_DATA.global.map(p => [p.plan, `${p.vcpu} / ${p.ram} RAM`]) +); // 리전 정보 const REGIONS = [ @@ -276,11 +276,25 @@ function switchTab(tab) { const panelTf = document.getElementById('panel-tf'); if (tab === 'n8n') { + // Update ARIA states for n8n tab + btnN8n.setAttribute('aria-selected', 'true'); + btnN8n.setAttribute('tabindex', '0'); + btnTf.setAttribute('aria-selected', 'false'); + btnTf.setAttribute('tabindex', '-1'); + + // Update classes btnN8n.className = 'px-4 py-2 rounded-lg bg-purple-600 text-white text-sm font-bold transition shadow-lg shadow-purple-500/20'; btnTf.className = 'px-4 py-2 rounded-lg bg-slate-800 text-slate-400 text-sm font-bold border border-slate-700 hover:text-white transition'; panelN8n.classList.remove('hidden'); panelTf.classList.add('hidden'); } else { + // Update ARIA states for Terraform tab + btnTf.setAttribute('aria-selected', 'true'); + btnTf.setAttribute('tabindex', '0'); + btnN8n.setAttribute('aria-selected', 'false'); + btnN8n.setAttribute('tabindex', '-1'); + + // Update classes btnN8n.className = 'px-4 py-2 rounded-lg bg-slate-800 text-slate-400 text-sm font-bold border border-slate-700 hover:text-white transition'; btnTf.className = 'px-4 py-2 rounded-lg bg-blue-600 text-white text-sm font-bold transition shadow-lg shadow-blue-500/20'; panelN8n.classList.add('hidden'); diff --git a/index.html b/index.html index 7b7a1de..e22929a 100644 --- a/index.html +++ b/index.html @@ -36,16 +36,21 @@ - + + + - + + + + + +
+
@@ -159,7 +167,7 @@ 📍 위치: 🇯🇵 도쿄
💿 OS: Debian 12
⚡ 사양: Pro (2 vCPU / 4GB) -
오후 3:42
+
오후 3:42
@@ -179,7 +187,7 @@ 🌐 IP: 45.12.89.121
🔑 Root PW: (보안 전송됨)

지금 바로 SSH 접속이 가능합니다. -
오후 3:43
+
오후 3:43
@@ -281,7 +289,7 @@
Webhook Integration
-
Github Actions, GitLab CI/CD 연동
+
Github Actions, GitLab CI/CD 연동
  • @@ -290,7 +298,7 @@
    Full API Access
    -
    서버 생성, 제어, 모니터링 100% API 지원
    +
    서버 생성, 제어, 모니터링 100% API 지원
    • @@ -496,7 +504,7 @@ .it.com / .dev
    ₩8,700 / ₩27,800 -
    (.it.com 갱신 ₩67,900)
    +
    (.it.com 갱신 ₩67,900)
    @@ -508,7 +516,7 @@ ₩27,800 / ₩31,300
    - + 🌐 도메인 검색 시작하기 @@ -657,9 +665,9 @@ Live Inventory Pricing
    ₩169,000~

    🇸🇬 싱가포르 최저가 재고 보유 중

    -

    ※ 서울/도쿄 리전 재고 및 가격은 봇으로 확인하세요.

    +

    ※ 서울/도쿄 리전 재고 및 가격은 봇으로 확인하세요.

    - + 실시간 재고/가격 조회 (Bot) @@ -669,6 +677,9 @@
    +
    + + @@ -906,7 +917,7 @@

    인스턴스가 활성화되었습니다

    - Console → + Console →