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
This commit is contained in:
Debanjum Singh Solanky 2023-08-07 18:21:15 -07:00
parent 14a816d173
commit 97609e4995
10 changed files with 11 additions and 11 deletions

View file

@ -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"> <div align="center">

View file

@ -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"> <div align="center">

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View file

@ -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 > An AI personal assistance for your digital brain

View file

@ -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 > An AI personal assistant for your Digital Brain in Obsidian

View file

@ -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 > An AI personal assistant for your Digital Brain

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

View file

@ -13,7 +13,7 @@
<div class="filler"></div> <div class="filler"></div>
<div class="khoj-header"> <div class="khoj-header">
<a class="khoj-logo" href="https://khoj.dev" target="_blank"> <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> </a>
<nav class="khoj-nav"> <nav class="khoj-nav">
<a class="khoj-nav" href="/chat">Chat</a> <a class="khoj-nav" href="/chat">Chat</a>

View file

@ -186,11 +186,11 @@
<div class="khoj-header"> <div class="khoj-header">
{% if demo %} {% if demo %}
<a class="khoj-logo" href="https://khoj.dev" target="_blank"> <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> </a>
{% else %} {% else %}
<a class="khoj-logo" href="/"> <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> </a>
{% endif %} {% endif %}
<nav class="khoj-nav"> <nav class="khoj-nav">
@ -220,7 +220,7 @@
} }
body { body {
display: grid; display: grid;
background: #f8fafc; background: #fff;
color: #475569; color: #475569;
text-align: center; text-align: center;
font-family: roboto, karma, segoe ui, sans-serif; font-family: roboto, karma, segoe ui, sans-serif;

View file

@ -232,11 +232,11 @@
<div class="khoj-header"> <div class="khoj-header">
{% if demo %} {% if demo %}
<a class="khoj-logo" href="https://khoj.dev" target="_blank"> <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> </a>
{% else %} {% else %}
<a class="khoj-logo" href="/"> <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> </a>
{% endif %} {% endif %}
<nav class="khoj-nav"> <nav class="khoj-nav">