Update root docs index.html to reference new separate architecture diagrams

This commit is contained in:
2026-02-12 19:55:00 -03:00
parent f481fa6cbe
commit 2ac31083e5

View File

@@ -9,7 +9,8 @@
<body> <body>
<h1>MPR - Media Processor</h1> <h1>MPR - Media Processor</h1>
<p> <p>
A web-based media transcoding tool with professional architecture. Media transcoding platform with dual execution modes: local (Celery
+ MinIO) and cloud (AWS Step Functions + Lambda + S3).
</p> </p>
<nav> <nav>
@@ -20,19 +21,40 @@
</nav> </nav>
<h2 id="overview">System Overview</h2> <h2 id="overview">System Overview</h2>
<h3>Local Architecture (Development)</h3>
<div class="diagram-container"> <div class="diagram-container">
<div class="diagram"> <div class="diagram">
<h3>Architecture</h3>
<object <object
type="image/svg+xml" type="image/svg+xml"
data="architecture/01-system-overview.svg" data="architecture/01a-local-architecture.svg"
> >
<img <img
src="architecture/01-system-overview.svg" src="architecture/01a-local-architecture.svg"
alt="System Overview" alt="Local Architecture"
/> />
</object> </object>
<a href="architecture/01-system-overview.svg" target="_blank" <a
href="architecture/01a-local-architecture.svg"
target="_blank"
>Open full size</a
>
</div>
</div>
<h3>AWS Architecture (Production)</h3>
<div class="diagram-container">
<div class="diagram">
<object
type="image/svg+xml"
data="architecture/01b-aws-architecture.svg"
>
<img
src="architecture/01b-aws-architecture.svg"
alt="AWS Architecture"
/>
</object>
<a href="architecture/01b-aws-architecture.svg" target="_blank"
>Open full size</a >Open full size</a
> >
</div> </div>
@@ -47,19 +69,24 @@
</li> </li>
<li> <li>
<span class="color-box" style="background: #f0f8e8"></span> <span class="color-box" style="background: #f0f8e8"></span>
Application Layer (Django, FastAPI, UI) Application Layer (Django Admin, FastAPI + GraphQL, Timeline
UI)
</li> </li>
<li> <li>
<span class="color-box" style="background: #fff8e8"></span> <span class="color-box" style="background: #fff8e8"></span>
Worker Layer (Celery, Lambda) Worker Layer (Celery local mode)
</li>
<li>
<span class="color-box" style="background: #fde8d0"></span>
AWS (Step Functions, Lambda - cloud mode)
</li> </li>
<li> <li>
<span class="color-box" style="background: #f8e8f0"></span> <span class="color-box" style="background: #f8e8f0"></span>
Data Layer (PostgreSQL, Redis, SQS) Data Layer (PostgreSQL, Redis)
</li> </li>
<li> <li>
<span class="color-box" style="background: #f0f0f0"></span> <span class="color-box" style="background: #f0f0f0"></span>
Storage (Local FS, S3) S3 Storage (MinIO local / AWS S3 cloud)
</li> </li>
</ul> </ul>
</div> </div>