# Liger Showcase Page Deployment Guide

이 폴더(`liger_showcase`)에는 Hugging Face Spaces에 배포할 수 있는 웹사이트 파일들이 모두 포함되어 있습니다.

## 🚀 Hugging Face Spaces 배포 방법

1. **Hugging Face 접속 및 로그인**: [huggingface.co](https://huggingface.co/)에 접속합니다.
2. **New Space 생성**:
   - 우측 상단 프로필 클릭 -> **New Space** 선택.
   - **Space Name**: `liger-showcase` (원하는 이름 입력).
   - **License**: `mit` (선택 사항).
   - **Space SDK**: **Static**을 선택하세요 (가장 중요!).
   - **Visibility**: Public (공개) 또는 Private.
   - **Create Space** 클릭.
3. **파일 업로드**:
   - 생성된 Space 페이지에서 **Files** 탭으로 이동합니다.
   - **Add file** -> **Upload files**를 클릭합니다.
   - 이 폴더(`liger_showcase`) 안에 있는 **모든 파일**(`index.html`, `style.css`, `.mp4`, `.png`)을 드래그하여 업로드합니다.
   - 아래 **Commit changes to main** 버튼을 클릭하여 저장합니다.
4. **배포 확인**:
   - 잠시 후 **App** 탭으로 이동하면 웹사이트가 배포된 것을 확인할 수 있습니다.

## 📝 수정 사항 (선택)

### 1. PPT/발표 자료 업로드
현재 PPT 섹션은 예시로 되어 있습니다. 발표 자료를 보여주려면:
1. 발표 자료를 PDF로 변환하여 함께 업로드하세요 (예: `presentation.pdf`).
2. `index.html` 파일을 열고 80번째 줄 근처의 `<div class="ppt-container glass-card">` 안쪽을 수정하여 `iframe`이나 다운로드 링크를 연결하세요.

   **PDF 바로 보여주기 예시:**
   ```html
   <embed src="presentation.pdf" type="application/pdf" width="100%" height="600px" />
   ```

### 2. n8n 워크플로우 연결
n8n 워크플로우를 직접 보여주거나 실행하게 하려면, n8n 인스턴스의 Webhook URL이나 공개 링크를 `index.html`의 워크플로우 섹션 버튼에 연결하면 됩니다.

---
title: GreenDriverOptimizer
emoji: 🏎️
colorFrom: green
colorTo: leaf
sdk: streamlit
sdk_version: 1.31.0
python_version: 3.10
app_file: app.py
pinned: false
---