Changing the AOPP Portal Logo

Changing the AOPP Portal’s logo allows you to align the portal’s appearance with your organisation’s branding. By configuring the reverse proxy to serve an alternative logo file, you can easily display your own logo throughout the portal interface.

Background Information

The logo can easily be changed by instructing the reverse proxy to serve an alternative logo instead of the default one.

Changing the AOPP Portal Logo on the Reference Deployment

The diff below showcases the modifications required to serve the alternative logo from ./logo/logo.svg, a local file that is bind-mounted into the caddy container.

diff --git a/Caddyfile b/Caddyfile
index 6c452f9..e48d37a 100644
--- a/Caddyfile
+++ b/Caddyfile
@@ -89,6 +89,12 @@ aopp-portal.yourDomain.com {
        # End user wallets need to POST their proofs to this path.
        reverse_proxy /proofs/* travel-aopd:3031

+       handle /static/logo.svg {
+               root * /usr/share/caddy/logo
+               rewrite /static/logo.svg /logo.svg
+               file_server
+       }
+
        log
        encode gzip

diff --git a/docker-compose.yml b/docker-compose.yml
index bcd4b27..48988ac 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -162,6 +162,9 @@ services:
         container_name: caddy
         image: docker.io/library/caddy:2.9.1-alpine
         volumes:
+            - type: bind
+              source: ${PWD}/logo/
+              target: /usr/share/caddy/logo/
             - type: bind
               source: ${PWD}/graphiql/
               target: /usr/share/caddy/graphiql/