■ 概要
site-main は、個人開発・学習・検証目的で制作された 「複数の静的Webコンテンツをまとめたデモサイト集」です。
ゲーム、ツール、動画視聴実験、UIデモなどを含み、 HTML / CSS / JavaScript を中心に構成されています。
本プロジェクトは ・教育目的 ・UI / UX 実験 ・技術検証 を主な目的としています。
■ 主な内容
・ブラウザゲーム集 ・Webツール集 ・動画プレイヤー / 表示検証ページ ・ログインUIのデモ ・演出・デザイン実験ページ ・GitHub Actions による自動処理
すべてクライアントサイド中心で動作します。
■ ディレクトリ構成（概要）
site-main/ ├─ index.html : トップページ ├─ game/ : ブラウザゲーム ├─ tools/ : 各種ツール ├─ tube/ : 動画関連デモ ├─ proxy/ : 表示・通信検証用ページ ├─ login/ : ログインUIデモ ├─ scripts/ : 共通JavaScript ├─ img/ : 画像素材 └─ .github/workflows/ : 自動処理（GitHub Actions）
■ 注意事項（重要）
【セキュリティについて】 ・本プロジェクトのログイン機能や認証表現は 実運用を目的としたものではありません。 ・パスワード管理、認証、アクセス制御は あくまで「デモ」です。
【プロキシ・動画関連について】 ・一部ページにはプロキシ表示や動画取得の 挙動検証を目的としたコードが含まれます。 ・これらは技術検証・学習目的のみを想定しています。 ・外部サービスの利用にあたっては、 必ず各サービスの利用規約・法律を遵守してください。
【責任の所在】 ・本リポジトリの内容を利用したことによって 生じたいかなる問題についても、 作者は責任を負いません。 ・すべて自己責任での利用をお願いします。
■ 利用方法
【ローカルでの確認】
- リポジトリをダウンロードまたはクローン
- index.html をブラウザで直接開く
ビルド作業は不要です。
【公開例】 ・GitHub Pages ・Render（Static Site） ・Cloudflare Pages ・Netlify
■ ライセンス
LICENSE ファイルを参照してください。
■ 作者
woolisbest 個人開発 / 学習 / 実験プロジェクト
■ Overview
site-main is a personal web demo and learning project that aggregates multiple static web contents into one site.
It is designed mainly for:
- Learning purposes
- UI / UX experiments
- Technical demonstrations
The project is built primarily with HTML, CSS, and JavaScript.
■ Contents
- Browser-based games
- Web utility tools
- Video player and rendering experiments
- Login UI demonstrations
- Design and animation experiments
- GitHub Actions automation
All features are mostly client-side only.
■ Directory Structure (Summary)
site-main/ ├─ index.html : Top page ├─ game/ : Browser games ├─ tools/ : Web tools ├─ tube/ : Video-related demos ├─ proxy/ : Network / display tests ├─ login/ : Login UI demos ├─ scripts/ : Shared JavaScript ├─ img/ : Image assets └─ .github/workflows/ : Automation workflows
■ Important Notice
[Security]
- Login and authentication features in this project are NOT intended for real-world production use.
- Password handling and access control are demonstration and learning examples only.
[Proxy & Video Features]
- Some pages include proxy-based or video-related experimental implementations.
- These are provided strictly for educational and technical testing purposes.
- Users must comply with all applicable laws and external service terms of use.
[Disclaimer]
- The author takes no responsibility for any issues, damages, or violations caused by using this project.
- Use at your own risk.
■ How to Use
[Local]
- Download or clone the repository
- Open index.html directly in your browser
No build process is required.
[Deployment Examples]
- GitHub Pages
- Render (Static Site)
- Cloudflare Pages
- Netlify
■ License
See the LICENSE file for details.
■ Author
woolisbest Personal development / learning / experimental project