Fix image on overview page

aehrc · Dec 11, 2023 · 41d6067 · 41d6067
1 parent 0c048fb
commit 41d6067
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/site/docs/index.md b/site/docs/index.md
@@ -5,8 +5,8 @@ use clinical terminology and [FHIR&reg;](https://hl7.org/fhir) within health
 data analytics. It is built on [Apache Spark](https://spark.apache.org), and
 includes both language libraries and a server implementation.
 
-<img loading="lazy" alt="Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services" src="/assets/images/components-c113e1b5a41778385888b6701f599137.svg#light-mode-only" title="Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services" width="750"/>
-<img loading="lazy" alt="Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services" src="/assets/images/components-dark-5b71a28d35f10b316a4d39a6eb048eaa.svg#dark-mode-only" title="Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services" width="750"/> 
+![Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services](../src/images/components.svg#light-mode-only "Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services")
+![Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services](../src/images/components-dark.svg#dark-mode-only "Components of Pathling (i.e. language libraries and server) and the associated use cases, including data prep, ETL, apps and data extract services")
 
 ## What can it do?
 

diff --git a/site/src/css/custom.css b/site/src/css/custom.css
@@ -57,7 +57,9 @@
 }
 
 [data-theme='light'] img[src$='#dark-mode-only'],
-[data-theme='dark'] img[src$='#light-mode-only'] {
+[data-theme='dark'] img[src$='#light-mode-only'],
+[data-theme='light'] svg.dark-mode-only,
+[data-theme='dark'] svg.light-mode-only {
     display: none;
 }
 

diff --git a/site/src/images/components-dark.svg b/site/src/images/components-dark.svg
diff --git a/site/src/images/components.svg b/site/src/images/components.svg