Merge pull request #16 from ukhsa-collaboration/feat/replace_mermaid_with_images

feat: update diagrams for talktofrank and active10

Author: ntse

source/documentation/services/active10.html.md.erb

@@ -13,29 +13,8 @@ The app follows the [standard pattern](documentation/guides/standard-pattern).
 
 ## Architecture Overview
 
-```mermaid
-graph TD;
-    User[User Request]
-    ALB[Application Load Balancer]
-    CMS[ECS Fargate Task - CMS]
-    Backend[ECS Fargate Task - Backend]
-    RDS[PostgreSQL RDS]
-    SNS[SNS Topic]
-    SQS[SQS Queue]
-    Lambda[Lambda Functions]
-    MediaCloudfront[Static assets Cloudfront]
-    Redis[Redis Cache]
-    MediaS3[S3 Media Bucket]
-    GlueBucket[S3 Glue Bucket]
-
-    User --> ALB --> CMS --> RDS
-    User --> ALB --> Backend --> RDS
-    User --> MediaCloudfront --> MediaS3
-    Backend --> SNS --> SQS --> Lambda --> RDS
-    Backend --> SNS --> SQS --> Lambda --> GlueBucket
-    Backend --> RDS
-    Backend --> Redis
-```
+![Active 10 architecture diagram](/images/active10-architecture.png)
+
 
 ## Components
 

source/documentation/services/talktofrank.html.md.erb

@@ -15,30 +15,9 @@ For the 'Find a support centre' feature, Google's [Geocoding API](https://develo
 
 Analytics are captured using self-hosted [Matomo](https://matomo.org/) which runs in ECS containers.
 
----
-
 ## Architecture Overview
 
-```mermaid
-graph TD;
-    User[User Request]
-    CloudFront[CloudFront]
-    ALB[Application Load Balancer]
-    ECS[ECS Fargate Task]
-    Matomo[ECS Fargate Task]
-    OpenSearch[AWS OpenSearch]
-    Geocode[Google Geocode API]
-    Contentful[Contentful API]
-    MySQL[RDS DB]
-
-
-    User --> CloudFront --> ALB --> ECS --> OpenSearch
-    ECS --> Geocode
-    ECS --> Contentful
-    User --> Matomo
-    Matomo --> MySQL
-```
----
+![Talk to Frank architecture diagram](/images/talktofrank-architecture.png)
 
 ## Components
 
@@ -53,9 +32,9 @@ graph TD;
 - Terraform code defining AWS infrastructure for all environments.
 
 ### Matomo
-Self-hosted [Matomo](https://matomo.org/) is used for analytics. It runs in both staging and production. 
+Self-hosted [Matomo](https://matomo.org/) is used for analytics. It runs in both staging and production. The Matomo instance uses a MySQL RDS database and EFS storage for sharing application config data between the containers. 
 
----
+There is a scheduled ECS task that runs the Matomo archiver every hour.
 
 ## Environments
 
@@ -65,8 +44,6 @@ Self-hosted [Matomo](https://matomo.org/) is used for analytics. It runs in both
 | **Staging**     | https://staging.talktofrank.com   | 
 | **Preview**     | https://preview.talktofrank.com   |
 
----
-
 ## Email
 
 Emails to `frank@talktofrank.com` are received by Amazon SES. This puts the emails into an S3 bucket which then triggers a Lambda function. The Lambda function code is in the [IaC repo](https://github.com/ukhsa-collaboration/talk-to-frank-iac/blob/main/applications/app/modules/ses/src/index.py) as it is temporary. This Lambda checks if SES has flagged the email as spam. If it is marked as spam then the Lambda moves the email from `{bucketname}/mailbox/frank@talktofrank.com` to `{bucketname}/processed/frank@talktofrank.com`.