From 95143d412899ad4b551b652b8cd5ebc8fa833c4b Mon Sep 17 00:00:00 2001
From: Peter Olds <peter.olds@smartcontract.com>
Date: Tue, 9 Jan 2024 08:04:25 -0800
Subject: [PATCH] fix: Swap out logo for Expr Playground

---
 web/assets/css/styles.css |   6 ++++++
 web/assets/img/fav.png    | Bin 0 -> 1488 bytes
 web/assets/js/main.js     |   3 ---
 web/index.html            |   3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 web/assets/img/fav.png

diff --git a/web/assets/css/styles.css b/web/assets/css/styles.css
index cf7afaa..0cd310c 100644
--- a/web/assets/css/styles.css
+++ b/web/assets/css/styles.css
@@ -126,6 +126,12 @@ a {
   background-color: #ffffff1f;
 }
 
+.fav-logo {
+  max-width: 100%;
+  max-height: 100%;
+  height: auto;
+}
+
 .share-url__container {
   display: none;
   height: 40px;
diff --git a/web/assets/img/fav.png b/web/assets/img/fav.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ff8771e497dd71277133db8227b28f2b3ee52bd
GIT binary patch
literal 1488
zcmcgri#OC+93MmNq(n30h;~CItTv=VM>JzR6T*!09Ff5am8D{>K{>6`_Lvk_Ij4>p
z<28)&nDJ;(DpRpGJv>Wns3dEcdw;**{^p<9dp`HxbHC^N`h36Nd(q$5Lr2?4n?NAw
zczH4c@H-0M5hP9g)LQ)gBY{BF@b?LF^GNZL#bW#eDn3mmH~?gEP~ZXu`#~EAcAmhh
zTw!}GhRfA(27DJFWB@4#wnjr~EFz#|)pSf211jmDH3sQmW6~IyosD4xOvZs~eP>wV
zq{4kxIIBI&;(;^{R?$?_<FGXbR??OQG*HRJaC2Nz=?YqoftF|>ja5USenK1-E-JpW
z3d68wHmvf%13_G05(aAyf;vCY6aibJU~?p__5#(OpeY<yxdWk_+7?f>#v9-vaOcuk
zh*OY+!df5D7y=uQ!rDWiJ`jqJKyff^U_#MhAo2$|ua;;ibOm@a0vB9CO%`We9|RkZ
z!1@4C>kI09ab5r?*boFo0cu_iEGTBdo=ij%26}Vh{0Q2X0N>W4^TTLI3T#h;ss#)~
zv9?4gOMuEb3{heIMMzgVGSiPv^`he~=%ZZZ6(3O)B5)a-9YDWLqIjWD1RK1AOv=&6
z`N;HBba4uO@CzKehdkoKrU=k_9DaU{4%Z_iVx*Z3p5H+FE+Z2%wEs3TDn<v2kvCOH
zcP9MzAN1=O+8PV%{DC9{Hb;YJSK)^qR1yve`aj{_FJ@aG!Dm948sHm9*luF?Dk|vw
z(KW-HK22U(UTT!~8R|MdNYm>gYD``o+bPOjI>55Och|g2GY^#yy?ixvVc~01GTxm3
zc@bpssUPqe{>zI&3yK^4^hOy-p;5n^r|9+M=(sUN%2E5v)DVmERV24VRE8NTUXQ-7
zc(Yk{kbcIB-H76TzO8*rIA<`!WyDW;`>FEUuh*3pKSuC4NfEClQc-z%d)f2pp_eZQ
zckf{a2RAiY@vh|e96K2qnf#^qk5=Jqza1}O@vNU;x{}S|czA@Ccy6l{UiXaIwfTxU
z?@4m_NJa{U$ILG%$dd!5ku7O~o5dY}!CiNEj^3arG>LNzy{1k5ocM63c<ybP*0V2h
zW+oOj!QEWMt(u|LQ&wPGKBHkuYq-5yJ8c7{@I`#^{%zZx?i;_epiMXs3-_B^lroG1
zZM|p(S<auy`o6RYt-}+$sS-VX$tj|FiX5}tA@xc9NNHT62<u4oPYao(B$GUm_ExJ|
zm+?bIm-zJgCnv&s%EaqO)18VJH_CSDohfqQQXD46$n6zt*2A2ctpt`zYetta-fb;A
zU{0UAbh>MnIh-S3o$d7l<xK3d6S+@rMIaV-JD$kbjq0|#Yw-BbIW6}w0=uNsk{_wb
zF7x}i=X;w(YhP2N(;@a0olSS<6`IkTy(#xB5)Joi^f;CDUu|=XdQYAjSM(LoM$S~)
z#L=VPZ}9KyFCOp^KdvF4|J1#e5zty^$#Lj!swuBKNzyD^Wcejy-fM}}y}G&MPZG=(
zU*zP$j1G^e27{?icm3tbbuHrtn=U9=%kMNhtgS;$iKqTPm?p0`uVC{U$YCbwhObG+
z8ws6zOFC@kqPGx|QMopoWp{S1=>_?@Q90Sw^j4FNAzSNK#kb#zQdz6BlP@WhG)HT_
z9Xm2voda<&t0T?m=7VD*ANQY$H@RRskAl|?-N%JDrq+M;qO8Olu3R);5tuQ(GZ(zG
z&iU}Jm1R>(-vvK3Sf$;YxMi5XocoqaWwHuGn=@;+MbG9fvev#SwUh-F9=DrbY7{F<
ZBM<VhVKdvE_V}+Pc)9s9YUu2o{{Wk)UIPFC

literal 0
HcmV?d00001

diff --git a/web/assets/js/main.js b/web/assets/js/main.js
index 1fb6c70..cc0ca71 100644
--- a/web/assets/js/main.js
+++ b/web/assets/js/main.js
@@ -70,7 +70,6 @@ toggleBtn.addEventListener("click", function () {
 
 function toggleMode(theme) {
   let toggleIcon = document.getElementsByClassName("toggle-theme__icon")[0];
-  let exprLogo = document.getElementsByClassName("expr-logo")[0];
   let copyIcon = document.querySelectorAll(".editor-copy-icon");
 
   if (theme === "dark") {
@@ -78,7 +77,6 @@ function toggleMode(theme) {
     toggleIcon.src = "./assets/img/moon.svg";
     exprEditor.editor.setTheme("ace/theme/tomorrow_night");
     dataEditor.editor.setTheme("ace/theme/tomorrow_night");
-    exprLogo.src = "./assets/img/logo-dark.svg";
     copyIcon[0].src = "./assets/img/copy-dark.svg";
     copyIcon[1].src = "./assets/img/copy-dark.svg";
     localStorage.setItem("theme", "dark");
@@ -87,7 +85,6 @@ function toggleMode(theme) {
     toggleIcon.src = "./assets/img/sun.svg";
     exprEditor.editor.setTheme("ace/theme/clouds");
     dataEditor.editor.setTheme("ace/theme/clouds");
-    exprLogo.src = "./assets/img/logo.svg";
     copyIcon[0].src = "./assets/img/copy.svg";
     copyIcon[1].src = "./assets/img/copy.svg";
     localStorage.setItem("theme", "light");
diff --git a/web/index.html b/web/index.html
index 9dc9871..414246e 100644
--- a/web/index.html
+++ b/web/index.html
@@ -39,7 +39,8 @@
   <body>
     <nav class="navbar">
       <div href="/" class="logo">
-        <img class="expr-logo" src="assets/img/logo.svg" alt="Logo" />
+        <img class="fav-logo" src="assets/img/fav.png" alt="Logo" />
+        <span>Expr Playground</span>
         <div class="divider"></div>
         <span>Quickly test Expr</span>
       </div>