```markdown

[feat] SlideNovaの新機能追加

- Markdownからモダンで美しいスライドを簡単に作成できるWebアプリケーション
- Slidevを使用しスライドの生成はDockerコンテナ内で実行
- Streamlitを使用した直感的なユーザーインターフェイス
- Markdownを入力するだけですぐにスライドを作成可能

主な特徴:
- Markdownでスライド作成
- Slidevを使用したモダンなスライドデザイン
- Dockerによる環境構築の簡易化
- Streamlitによる使いやすいWebUI

使い方:
1. Markdownエディタにスライドのコンテンツを入力
2. 「Generate Slides」ボタンをクリック
3. 生成されたスライドが表示される

[docs] ドキュメントの更新

- README.mdにSlideNovaの概要、インストール方法、使い方などを追記
- docs/page_front.mdにSlideNovaのトップページのコンテンツを追加

[chore] 開発環境の改善

- .gitignoreにnode_modulesとslides/outを追加
- docker-compose.ymlのvolumesをslides/ディレクトリのみにマウント
- Dockerfileにスライドのビルドコマンドを追加

```

.gitignore

@@ -158,4 +158,6 @@ cython_debug/
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
 #.idea/
-SourceSageAssets
+SourceSageAssets
+node_modules
+slides/out

Dockerfile

@@ -20,11 +20,13 @@ RUN chown -R user:user /usr/local/lib/node_modules/@slidev/
 USER user
 
 # Slidevのインストール
-RUN npm install -D playwright-chromium
 
-# スライドディレクトリの作成
-RUN mkdir slides
+RUN npm install -D playwright-chromium
+RUN npm install @slidev/theme-seriph
 
+COPY --chown=user:user . /app
+RUN yes | npx slidev export slides/demo.md --format png --output slides/out/ --dark
+RUN npm install
 
 
 USER user
@@ -32,4 +34,5 @@ USER user
 RUN pip install streamlit --break-system-packages
 ENV PATH="/home/user/.local/bin:${PATH}"
 
+
 CMD ["python3", "-m", "streamlit", "run", "app.py"]

README.md

@@ -72,7 +72,7 @@ docker-compose up --build
 ## Develop command
 
 ```bash
-yes | npx slidev export temp.md --format png --output slides/out/ --dark -t
+yes | npx slidev export slides/demo.md --format png --output slides/out/ --dark
 ```
 
 ## 📖 ドキュメント

app.py

@@ -6,8 +6,17 @@ import zipfile
 import shutil
 import base64
 
+def load_markdown(file_path):
+    with open(file_path, encoding="utf8") as f:
+        return f.read()
+
+
+def display_front_page():
+    html_front = load_markdown('docs/page_front.md')
+    st.markdown(f"{html_front}", unsafe_allow_html=True)
+
 def main():
-    st.title("Markdown to Slidev")
+    display_front_page()
 
     # マークダウンファイルの内容を入力するテキストエリア
     markdown_text = st.text_area("Enter your markdown content here:", height=400)

docker-compose.yml

@@ -6,10 +6,9 @@ services:
       context: .
       dockerfile: Dockerfile
     volumes:
-      - ./:/app
+      - ./slides:/app/slides
     ports:
       - "3030:3030"
       - "8502:8501"
-    # command: python3 run_slidev.py
     tty: true
     user: user

docs/page_front.md

@@ -0,0 +1,15 @@
+
+<p align="center">
+<img src="https://media.githubusercontent.com/media/Sunwood-ai-labs/SlideNova/develop/docs/SlideNova_icon.png" width="100%">
+<br>
+<h1 align="center">SlideNova</h1>
+<h3 align="center">
+  ～Experience Slide-Making Reinvented～
+
+[![Hugging Face Spaces](https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/Sunwood-ai-labs/SlideNova)
+[![GitHub Stars](https://img.shields.io/github/stars/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Last Commit](https://img.shields.io/github/last-commit/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Top Language](https://img.shields.io/github/languages/top/Sunwood-ai-labs/SlideNova)](https://github.com/Sunwood-ai-labs/SlideNova)
+[![GitHub Release](https://img.shields.io/github/v/release/Sunwood-ai-labs/SlideNova?sort=date&color=red)](https://github.com/Sunwood-ai-labs/SlideNova)
+</h3>
+</p>

slides/demo.md

@@ -1,17 +1,82 @@
-# Slidev
+---
+theme: seriph
+---
+
+# SlideNova
+
+～Experience Slide-Making Reinvented～
+
+---
+
+# SlideNova
+
+- Markdownからモダンで美しいスライドを簡単に作成できるWebアプリケーション
+- Slidevを使用しスライドの生成はDockerコンテナ内で実行
+- Streamlitを使用した直感的なユーザーインターフェイス
+- Markdownを入力するだけですぐにスライドを作成可能
+
+---
+
+# 主な特徴
 
-Hello World
+- Markdownでスライド作成
+- Slidevを使用したモダンなスライドデザイン
+- Dockerによる環境構築の簡易化
+- Streamlitによる使いやすいWebUI
 
 ---
 
-# Page 2
+# インストール
+
+1. リポジトリをクローン
+
+```bash
+git clone https://github.com/Sunwood-ai-labs/SlideNova.git
+```
 
-Directly use code blocks for highlighting
+2. プロジェクトディレクトリに移動
 
-```ts
-console.log('Hello, World!')
+```bash
+cd SlideNova
 ```
 
+3. Docker Composeを使用してSlideNovaを起動
+
+```bash
+docker-compose up --build
+```
+
+4. ブラウザで `http://localhost:8502` を開く
+
 ---
 
-# Page 3
+# 使い方
+
+1. Markdownエディタにスライドのコンテンツを入力
+2. 「Generate Slides」ボタンをクリック
+3. 生成されたスライドが表示される
+
+---
+
+# ドキュメント
+
+- 詳細な情報は、ドキュメントを参照
+
+---
+
+# コントリビューション
+
+- コントリビューションは歓迎
+- 詳細はコントリビューションガイドを参照
+
+---
+
+# ライセンス
+
+- MITライセンスの下で公開
+
+---
+
+# お問い合わせ
+
+- ご質問やご提案がありましたら、Issueを作成

temp.md → slides/temp.md

@@ -1,6 +1,8 @@
 # Slidev
 
 Hello World
+あああああ
+
 
 ---