diff --git a/public/logo-black.svg b/public/logo-black.svg
new file mode 100644
index 000000000..2a3fb1d89
--- /dev/null
+++ b/public/logo-black.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/logo-white.svg b/public/logo-white.svg
new file mode 100644
index 000000000..58bfd5738
--- /dev/null
+++ b/public/logo-white.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/style.css b/public/style.css
index feecea4be..970b71ec5 100644
--- a/public/style.css
+++ b/public/style.css
@@ -4,6 +4,14 @@
padding: 0;
}
+#logo-white {
+ display: none;
+}
+
+#logo-black {
+ display: inherit;
+}
+
.notification {
display: flex;
justify-content: center;
@@ -79,6 +87,14 @@
}
@media (prefers-color-scheme:dark) {
+ #logo-white {
+ display: inherit;
+ }
+
+ #logo-black {
+ display: none;
+ }
+
.hero.is-light {
background-color: #242424;
color: inherit;
diff --git a/src/bin/serve.rs b/src/bin/serve.rs
index f9e18b315..21470f84e 100644
--- a/src/bin/serve.rs
+++ b/src/bin/serve.rs
@@ -138,6 +138,20 @@ async fn main() -> anyhow::Result<()> {
.body(include_str!("../../public/script.js"))
);
+ let dash_logo_white_route = warp::filters::method::get()
+ .and(warp::path!("logo-white.svg"))
+ .map(|| Response::builder()
+ .header("content-type", "image/svg+xml")
+ .body(include_str!("../../public/logo-white.svg"))
+ );
+
+ let dash_logo_black_route = warp::filters::method::get()
+ .and(warp::path!("logo-black.svg"))
+ .map(|| Response::builder()
+ .header("content-type", "image/svg+xml")
+ .body(include_str!("../../public/logo-black.svg"))
+ );
+
#[derive(Deserialize)]
struct QueryBody {
query: String,
@@ -197,6 +211,8 @@ async fn main() -> anyhow::Result<()> {
.or(dash_papaparse_route)
.or(dash_filesize_route)
.or(dash_script_route)
+ .or(dash_logo_white_route)
+ .or(dash_logo_black_route)
.or(query_route);
let addr = SocketAddr::from_str(&opt.http_listen_addr).unwrap();
diff --git a/templates/index.html b/templates/index.html
index f4fb6894d..4aae7cf5f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,9 +16,14 @@
-
- Welcome to milli
-
+
+
+
+ 
+ 
+
+
+