60 lines
1.5 KiB
Markdown
60 lines
1.5 KiB
Markdown
# Anvil Hosting
|
|
|
|
Static HTML 마케팅 웹사이트 - Cloudflare Pages 배포
|
|
|
|
**URL**: https://hosting.inouter.com
|
|
|
|
## 배포
|
|
|
|
```bash
|
|
wrangler pages deploy . --project-name anvil-hosting
|
|
```
|
|
|
|
빌드 단계 없이 바로 배포.
|
|
|
|
## 아키텍처
|
|
|
|
### 파일 구조
|
|
- `index.html` - 메인 랜딩 페이지
|
|
- `style.css` - Tailwind CSS v4 빌드 결과
|
|
- `fonts.css` - 시스템 폰트 정의
|
|
- `app.js` - Alpine.js 앱 로직 (Server Launcher, Pricing Table 등)
|
|
- `terms.html`, `privacy.html`, `sla.html` - 법적 페이지
|
|
|
|
### Tech Stack
|
|
- Tailwind CSS v4 (로컬 빌드)
|
|
- Alpine.js 3.14.3 (CDN with SRI)
|
|
- 시스템 폰트 (-apple-system, Apple SD Gothic Neo, Malgun Gothic)
|
|
|
|
### 디자인 시스템
|
|
- 다크 테마 (배경: #0a0f1a)
|
|
- 글래스모피즘 효과 (glass-card, glass-panel)
|
|
- 메시 그라디언트 배경
|
|
- Color palette: brand-* (sky blue 계열), purple, green, red
|
|
|
|
## 페이지 섹션
|
|
|
|
Navigation → Hero (Telegram Bot Demo) → Features → Automation → Infrastructure → Domain → Pricing → Footer
|
|
|
|
## 주요 컴포넌트
|
|
|
|
- **Server Launcher Modal**: Alpine.js 기반 서버 생성 마법사
|
|
- **Pricing Table**: 리전별 (Global/Seoul) 동적 요금표
|
|
- **Telegram Bot Demo**: Hero 섹션 대화형 데모
|
|
|
|
## 외부 연동
|
|
|
|
- **Telegram Bot**: @AnvilForgeBot (서버 생성, 도메인 등록)
|
|
|
|
## 등록자 정보 소스
|
|
|
|
```bash
|
|
ssh npm-linode-1
|
|
cat /home/admin/namecheap_api/.env # REGISTRANT_* 변수들
|
|
```
|
|
|
|
## 푸터 정보
|
|
|
|
- LIBEHAIM Inc. | Taro Tanaka
|
|
- #202 K-Flat, 3-1-13 Higashioi, Shinagawa-ku, Tokyo 140-0011, Japan
|