Use 500px png of khoj logo instead svg for much smaller asset size

The khoj logo svg was 1.3Mb. The 500px png of it is 38Kb. Given all usage of khoj-logo are below 230px this should work fine
Jonny-GM · Aug 8, 2023 · 97609e4 · 97609e4
1 parent 14a816d
commit 97609e4
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-<p align="center"><img src="src/khoj/interface/web/assets/icons/khoj-logo-sideways.svg" width="230" alt="Khoj Logo"></p>
+<p align="center"><img src="src/khoj/interface/web/assets/icons/khoj-logo-sideways-500.png" width="230" alt="Khoj Logo"></p>
 
 <div align="center">
 

diff --git a/docs/README.md b/docs/README.md
@@ -1,4 +1,4 @@
-<p align="center"><img src="./assets/khoj-logo-sideways.svg" width="200" alt="Khoj Logo"></p>
+<p align="center"><img src="./assets/khoj-logo-sideways-500.png" width="200" alt="Khoj Logo"></p>
 
 <div align="center">
 

diff --git a/docs/assets/khoj-logo-sideways-500.png b/docs/assets/khoj-logo-sideways-500.png
diff --git a/docs/emacs.md b/docs/emacs.md
@@ -1,4 +1,4 @@
-<h1><img src="./assets/khoj-logo-sideways.svg" width="200" alt="Khoj Logo">Emacs</h1>
+<h1><img src="./assets/khoj-logo-sideways-500.png" width="200" alt="Khoj Logo">Emacs</h1>
 
 > An AI personal assistance for your digital brain
 

diff --git a/docs/obsidian.md b/docs/obsidian.md
@@ -1,4 +1,4 @@
-<h1><img src="./assets/khoj-logo-sideways.svg" width="200" alt="Khoj Logo">Obsidian</h1>
+<h1><img src="./assets/khoj-logo-sideways-500.png" width="200" alt="Khoj Logo">Obsidian</h1>
 
 > An AI personal assistant for your Digital Brain in Obsidian
 

diff --git a/docs/web.md b/docs/web.md
@@ -1,4 +1,4 @@
-<h1><img src="./assets/khoj-logo-sideways.svg" width="200" alt="Khoj Logo">Web</h1>
+<h1><img src="./assets/khoj-logo-sideways-500.png" width="200" alt="Khoj Logo">Web</h1>
 
 > An AI personal assistant for your Digital Brain
 

diff --git a/src/khoj/interface/web/assets/icons/khoj-logo-sideways-500.png b/src/khoj/interface/web/assets/icons/khoj-logo-sideways-500.png
diff --git a/src/khoj/interface/web/base_config.html b/src/khoj/interface/web/base_config.html
@@ -13,7 +13,7 @@
             <div class="filler"></div>
             <div class="khoj-header">
                 <a class="khoj-logo" href="https://khoj.dev" target="_blank">
-                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
+                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways-500.png" alt="Khoj"></img>
                 </a>
                 <nav class="khoj-nav">
                     <a class="khoj-nav" href="/chat">Chat</a>

diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
@@ -186,11 +186,11 @@
         <div class="khoj-header">
             {% if demo %}
                 <a class="khoj-logo" href="https://khoj.dev" target="_blank">
-                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
+                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways-500.png" alt="Khoj"></img>
                 </a>
             {% else %}
                 <a class="khoj-logo" href="/">
-                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
+                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways-500.png" alt="Khoj"></img>
                 </a>
             {% endif %}
             <nav class="khoj-nav">
@@ -220,7 +220,7 @@
         }
         body {
             display: grid;
-            background: #f8fafc;
+            background: #fff;
             color: #475569;
             text-align: center;
             font-family: roboto, karma, segoe ui, sans-serif;

diff --git a/src/khoj/interface/web/index.html b/src/khoj/interface/web/index.html
@@ -232,11 +232,11 @@
         <div class="khoj-header">
             {% if demo %}
                 <a class="khoj-logo" href="https://khoj.dev" target="_blank">
-                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
+                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways-500.png" alt="Khoj"></img>
                 </a>
             {% else %}
                 <a class="khoj-logo" href="/">
-                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways.svg" alt="Khoj"></img>
+                    <img class="khoj-logo" src="/static/assets/icons/khoj-logo-sideways-500.png" alt="Khoj"></img>
                 </a>
             {% endif %}
             <nav class="khoj-nav">