docs: Replace mermaid with png fpr architecture diagram

Author: micedre

docs/source/architecture/diagrams/ttc_architecture.png

@@ -6,20 +6,8 @@ torchTextClassifiers is a **modular, component-based framework** for text classi
 
 At its core, torchTextClassifiers processes data through a simple pipeline:
 
-```{mermaid}
-flowchart LR
-    TextInput["Text Input"] --> Tokenizer
-    Tokenizer --> TextEmbedder["Text Embedder"]
-
-    CatInput["Categorical Features<br/>(Optional)"] --> CatEmbedder["Categorical Embedder"]
-
-    TextEmbedder --> ClassHead["Classification Head"]
-    CatEmbedder --> ClassHead
-
-    ClassHead --> Predictions
-
-    style CatInput stroke-dasharray: 5 5
-    style CatEmbedder stroke-dasharray: 5 5
+```{thumbnail} diagrams/ttc_architecture.png
+:alt: Package Architecture
 ```
 
 **Data Flow:**
@@ -195,7 +183,9 @@ The `forward_type` controls how categorical embeddings are combined:
 
 Average all categorical embeddings, then concatenate with text:
 
-![Average and Concatenate](diagrams/avg_concat.png)
+```{thumbnail} diagrams/avg_concat.png
+:alt: Average and Concatenate
+```
 
 ```python
 forward_type=CategoricalForwardType.AVERAGE_AND_CONCAT
@@ -209,7 +199,9 @@ forward_type=CategoricalForwardType.AVERAGE_AND_CONCAT
 
 Concatenate each categorical embedding separately:
 
-![Full Concatenation](diagrams/full_concat.png)
+```{thumbnail} diagrams/full_concat.png
+:alt: Full Concatenation
+```
 
 ```python
 forward_type=CategoricalForwardType.CONCATENATE_ALL
@@ -283,8 +275,9 @@ head = ClassificationHead(linear=custom_head)
 
 ## Complete Architecture
 
-![Complete Architecture](diagrams/NN.drawio.png)
-*Complete model architecture showing all components*
+```{thumbnail} diagrams/NN.drawio.png
+:alt: 
+```
 
 ### Full Model Assembly
 

docs/source/architecture/overview.md

@@ -30,9 +30,11 @@
     'myst_parser',                  # Parse Markdown files
     'sphinx_design',                # Modern UI components (cards, grids, etc.)
     'nbsphinx',                     # Render Jupyter notebooks
-    'sphinxcontrib.mermaid',        # Render Mermaid diagrams
+    'sphinxcontrib.images'          # Allow zooming on images
 ]
 
+
+
 templates_path = ['_templates']
 exclude_patterns = []
 
@@ -42,6 +44,7 @@
     '.md': 'markdown',
 }
 
+
 # -- Options for HTML output -------------------------------------------------
 # https://www.sphinx-doc.org/en/master/usage/configuration.html#options-for-html-output
 

docs/source/conf.py

@@ -45,7 +45,7 @@ docs = [
   "ipython>=8.0.0",
   "pandoc>=2.0.0",
   "linkify-it-py>=2.0.0",
-  "sphinxcontrib-mermaid>=0.9.0",
+  "sphinxcontrib-images>=1.0.1"
 ]
 
 [project.optional-dependencies]