From 9814a037a5158d31c77fecc8bfb3b61b45d015b3 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Fri, 29 May 2020 18:21:32 -0700
Subject: [PATCH] Pure CSS font awesome icon

---
 public/assets/tools/sample2.png  | Bin 0 -> 4139 bytes
 public/config.yml.dist           |   5 +++++
 src/App.vue                      |  14 +++++++-------
 src/assets/defaults.yml          |   1 +
 src/components/SettingToggle.vue |   3 +--
 src/main.js                      |   1 -
 6 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 public/assets/tools/sample2.png

diff --git a/public/assets/tools/sample2.png b/public/assets/tools/sample2.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2327c0c215dcf532f186a5463d0a1c9afb6bc59
GIT binary patch
literal 4139
zcmV+`5Y+F9P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00006VoOIv0RI60
z0RN!9r;`8x58z2eK~#90?VEd)U3GQGKl_|>&wb9lGf9SkNlZeXgj%am48f|)2imeM
z#Ugg0AcG3k1PDp6)U~>Lb=8GpVt7nYT#JN9`J-UF3Q8-GDsPB_Q9&Mghe#%qWHK}N
z{W$0B{&DV|nKSp^nLA1FANl?>Gw1yF{_VZb@3&vS-@rTg(}ujA%+ptFiNq7SLXdMr
zS%R<>m<e<OiQ2FnFa-3Yysp9<Vi?=98SnY@-94qZQ$Bbb4Dg++?o5Tk_9ejQP|gD)
z$H}Uw$g`;TA5OLU;Eg}JdiW%YIf9dBfc4jGUS=RSs&X+9t#hw-nUqhps3uL^lz|gB
z@N5CAHnpReWyLIbn8P0Su#4UA5E^trN7xrZA5`JH>u$gD)srQ2O~ez!hL!g$M!bIm
z{vI#@%BNWr7TA<$g>b{iH-%YN>_1eA@2L>(bLx*h75%Yz=D)1n^u-+~Dm$Ej0n+IQ
z?2e=Pe*(S%MAU@*qA<B-VcdjqGGrTpmG_AMzD#^)8F2w9iRia8(-SwR)0b3Eg!ge7
zp!U^&47^7LiVMSJ{vv`KeOrAhM!_TXn-bC86+}UV->GMO_C!|0lqLTD%6l$S@$Lqa
zPRd|#d5p?TtMvqqV)wg*4^^>-J*=#YRa8{Ls4AW<xG@7aVURg1N;Nh4>IwHdq@FJl
z%D4a-QN4W4rYj$ssxB}^1FT=Q<vM|lfE4H146cZxRudK;L=IGl@2U_v=z?nFm?k)U
zmPLL^n6R28e^;hD&7?TjMw{5gs4AV$7m4nxfIq`^>w0@`pNc*(1p};KwdF>En*fH-
zj*?pzZXD!6Vn>;dmrEE$UuhL6bV06LDRe?5rc|S#2(GPIWeAnQs0fAWiVAcLz=EfJ
zt=*VG_I(lZ3+$$HC4OHb`Rfv*fO6y7O+DW|=?2)aa?5IjjVdsFZj}7OM&%=KIdpC-
zVCFmkiYXYFs|?Oj+|X1+0#WEXAaw5%q8X@k8XWoCWXtifT@^Z?FVu~2{n|}Ex3oRi
zWCPZ(+VXb-|EYp8bY6_Y>A^2yI7;%R60sd+M4^;a`p$si)7o41lOaAJRHF*X5Q#_(
zOARmt9VdBgPle8B3y9)^d}eL$6%V(=e?kMSU$teaz>7e9`2A6Ge-`}mMoF3R^Bke0
zE^0vE8Oo7`+92G?f>{-oZ8dNcCIcUf<3)lKC0;I(+Fk-Ahss&)L<h6gi#xBnGgLLr
z{{iL}7uXD+9SsuZJh~st6B=}>#9{Y&9>eeAZLKZ@=z3EK4|_xpIFx3GP<wR3%1jF@
z;}IHiZA3q?;&0w}_Y+S%;Z4M|Wz5Oh_BVjDoDPG*4+NDrN**(|=CCp@g-+P{A&+9}
z#FT3Xo(a4D%A?Q;R>oz<<2j5{aH|b3kK)7)fOC=q@4j&|o=v~khOcd&gCTFI5FPkr
zg7PV&ao%v0>5t~I2OJ8Wu=|4^ZtFDQZGq{)f@g);pirG*a`gNJ-k5M4?su5}SPoJ0
z;uuTT{P2r!wc^!$1&G`PM2qw6fbsyz7faX!4&^xPJ@=2VJb-J#o^zE-970E3I$jD^
z&E=UE#knDXxMz9ao`_e20dBtL?ga?{peAJBAFO1<2dl((mQe%to}*Noqym2|I5zA#
zM^OXfJIaLLasux&?~kH}An=9nt-5!9D?SYdFqPGSS(tCv_mU3}I=2-Og@enKQtIS{
zxf4MtrSvURM4|JS1sLP*+=M}Keh9!caj$E|Bj5w>yz0(a&JOphXyVAHJE(S!28qP0
zWl}E|DJJ2Kk51@Vo5FM;c~Iy)1mTPjE`n!(Yx_x4<`j>iSsYi=wB+Xok!)jz8X9!z
z{%IER$ci1Gxn|=f#qsok6_B$-p9W1-y3K&{;wl}l`1`DH+0>L554v{=%N{kD`)eU}
zP>AF}TrjI(=OJ|v=KRKB*<%JX-w<R9Q>ehfGkt=@E9Jl{sCJoDr<)*jcuwwuX7uB?
zz~=yp^Mcu4^nim=@^ksjsqG7Am0{s?!mL*WvkJhI2v-@Nxh$I_8j?^7HI}IAR}|T5
zR^hbQghfvap@whO8ktl5Rb-YtqHhM<19e?Q<&tK!BU|8s&pu!tn3*2{Qim>1;>Jd8
zGyU-#kv@k%yjM9ozrDS0m0{7-LO3S?`xU)<UGJ5TPDHc*Yj=H64C8KKK{X0HKI~C#
zv!gg;uQ2<!Lit@5M?anzd2Z%BPW`V8z_IL%{oUzwI<US*w0!H7+<SqPlQaX$0~i&>
z3B%y*_LLV7=Ka#BDK9UYrt^Wxlm}RM$CsX|xb|NHPlbvw{{^Go0h$zpv;7o2e8@qZ
zQ90d&QSVSq>lm2xp7C@enySchpds!99Q;^>*FNF3?Vx7t6%qr0vd?pj3s&FymHzf9
z;h%r-`9TS}7XdqBL(sjaz1-RjL4F$GF}8;YjOrw6oI9Rw)Bvy)!0BwvjVd^8Cp?A&
zr@rnBt)l;U!w)Y%+#cm9)@=OpF%PZ=ICaN}|CkiHZvV@Nj|2_ibeT1ISkfTxnBNxz
zR8x)hk>fcH&srgMaMa<ov+P^phTfhh6xnK2q4QvSG^JY0z#IyO5vRjfQ<O#HX+{hn
z!f60rtZ~V?Ui)#Wv(Nvjs{h_LQ45IZ0|3eX_O?N(!(RbbW}E?PU24VGaV$m_wt6HH
z0_7z@*YibY9#C9MD0IS`XH8u1hqJYp2G6x6^#oAmX~9pN#-5V2f>Vp$W+i9<Z&atw
z@ie0b5IO{KLqYA#jEhwQ3&E%|sUYE6{O%}M_f0DCByeNiTUNoqZu5k&?xbbB&#3Dp
z($H5MF@S&zAfBRQGUTJ@Cm1?1h~fC5aI$WX`n>3?*i+A!$ID&qaFl#IA0P13VrU{`
zy(_KS;LOH4!7|X8hKlbO%8B;!bf=bz$CAuxL*@ygmExSSJST%y@iq6xAIH_zRvOmQ
z7z4;KfKhHVx3q2?HK3TRIU-kAv`y3kBJOzr#WpKXvz7&q?-iQmkrw^Xc$zVq>6-v%
zKDY$L^TW`rSA_Z7{6c0TWM|g6iCo&2)DuF!0Fas4o&oHF|I>?(%VZ0_PEyk`@NRT2
z*$<5L_3Mc3EHnEBkM3PUs!xayOf1CUEbx5Ka{h*EHy`&ZSikb_4=H@q3&GH=_Gs#|
zRi+1X88chYr+ppAVr<9bw*dChVDep>9U{BH;?PoM_X_3MyC)XHwUxsQYhTQhyS{VP
zol|a?-t^V`yF|DPpnqZe2P-267?;k62Yj7W^>^cGMhswh{0hJx2s%nPZjf0Kr+=xE
zJ*B;#fB)i<j?vPPZ9lwm^_GVC+X^>*_5Lo~sy+<5u$WQ~FK)m3j13Ej-zXi6`bSmI
z{N;GM5d*}k)t6DSX2xsq1BhUU+HU}=0ehB1)$gW%$aC1%&UV;v?dBC>v$74<4_2eF
zXL<XFEYlA7jg;an3vWy=W92=}tOqbO_h|I@<LO2WaP^O_t|I(Q6ru+jtB<H1CUy)?
zf5BksF9dUv@}Lq`c8s1EELP>o@2|Y)qE_SAU$gmQRpUv8Ma7g)TaC6F9fT-M+vh7?
zSR8ETL=MyimH)lu!Aly7>wvpdk%s^x`x*_<xzl6uQwGUHV3h>C$v;gs3OhdHab%$)
zDwc}3zO@pvK~$~7i<BK7(YBQbNFMT|lN&cE&k8z>$i8xozcxK93>YBl<{tuv!-pM0
zLqTJy4NgqxU#z_LaSzvSZ*TfNyOFW;)9G|WVSU>*w}pW@^|4bqTNKX^(E!;qBLP}#
z&?S7>1sHOp=1-c@2Mn<Cj+Hr(`vBsv2YYLU({1`MPI2tdLsRbD#s=$B$?kMI-LQGC
zz5UuUutyZ)$EJ3;*u7h@^L_&~za%JFM_mWidv92OdA=EaLyD*9CcusFEMtv#hCm_`
zLqrhu8<_8UWpaU&hibow{<P&F;U|HyZ6H1<oc5YO|L{3ckWpF8tVeWr84$-crMDH2
z1_P|??Rg#LJ`_5(H<n?BVUV<A%=?uv^9^D8ei<o3TA}k`Ek{>c-s7pitB;)wRte^9
z^F4q5j4<VK_mq;qDb?y4z31z<_3UiLr)iRJg!m><j_$1x?r(JWT?hQmj~jwL%e@Kr
zY$ONa94HLrXY7Bb)wukO{m&>2gmX-qZd(;U8ih*!IpEOQ!Par4uUfx5RI*I-TNCkW
zYJlr+>Di~kw?v`yxk8}J3Q(GDlY38uH$NUCKYjFh$6+Bl6tqUN&;MJ{N1E;bI@0O1
zBj_VzX__Haf`!iru_16f432#`7FhcA%Tu-MGU@AXy}Tj+AB)!a1E%l48Fagq^+xaC
z)Zj*h;rB(byW_+oF%U=$z=G$5c`pX}r26U&QknD`TYXHbg#luN!lI{yNJgl3nH>34
z2VP`MIirwze&n9gOWE%I8z!5xr2*3Ew4=zSKqj`gO8nJwbD``A$#8->+kIApvq#^B
z$`C&WKuN>qqz%&Am{R<hzsE-u^J*tXPYHHGsB~K#`DCKuVrKl+GBH1g88%Jt^AoMO
zIwmai*Y)<i4ssdbrCur$-_`t9YSgi?3sCM9`j?C@m1N(D3R_!+p|SAC$X0;Vq1tV+
zKfsb-_-BRyxiiBYJwM*iyNvIukb0>I;E8bA>RZ3`#$@xsBnALj+k3^sC~Lv@2eI9a
zM(|<=hc8TW?5~p~;|VO&_sFS3wQj6>ZQtUokL})Vu=M|gxi9)Bzix-Y(N859J}Ziv
zLFHq+Ds(>QHv<&bthv3XY0}dSZMAyVZtA&3MAiXxJzF60a;YKoIUNRGNU$xNu6UAZ
z;UtM80C<+=wk=R?tQW~bI43wsgP|2s`Y%jU=?;cEQRsNNOjk{Ll(p-6dv0xaE@;yL
z0Bdf)VuPY<057$@MAuXKhUhRB@qWc{0p*3M9F48M^(*}-FMz+?4_}xhzcAczUDl{7
z)1E4j++GB56;`j^)bssz=NaKMmBH(JuiPje7XX9N{Z(c@oF#m)`MFiBR#A$<e@|7Y
zdNeSK&FcdDkVE$)St9!@02z?aO!dpxG3AT>Ywqaz8EPyC-EQVQW^B#V^-Lj{Hmm>7
z4giMXwRK~2EG*M~2q64cHE_||%6m+EI#2gwx%%nPuU&()+r1Uq3@7jp6KN|sF!y>@
z(m+fND4uSUJu{5m@6z=`0npdh_FlQ{c=&HvwfR+$GX|H(sGedHf3-qvPr2T<FM$4Q
zcE+2xv=izk!U^B&{NAd2=NmX_FfIiRcqvsbU$?2}zT@G$e&v?SM7THjR2)U`SIlqT
z(0lpb;}&`>$CJSXVB=RepY9p*b%gVQj3BqK>Am8v6XCgj<>oINhFqgc0_AbT)0?mV
p!IgVXlF0Ai9lV2g@DBdu@&Ap}UO;>9OV$7Y002ovPDHLkV1gBjA^iXV

literal 0
HcmV?d00001

diff --git a/public/config.yml.dist b/public/config.yml.dist
index 849b391..d2f1fdf 100644
--- a/public/config.yml.dist
+++ b/public/config.yml.dist
@@ -69,3 +69,8 @@ services:
         tag: "app"
         url: "https://www.reddit.com/r/selfhosted/"
         target: "_blank" # optionnal html a tag target attribute
+      - name: "Another one"
+        logo: "assets/tools/sample2.png"
+        subtitle: "Another application"
+        tag: "app"
+        url: "#"
diff --git a/src/App.vue b/src/App.vue
index f7fd34a..a356997 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
     :class="[
       `theme-${config.theme}`,
       isDark ? 'is-dark' : 'is-light',
-      !config.footer ? 'no-footer' : ''
+      !config.footer ? 'no-footer' : '',
     ]"
   >
     <DynamicTheme :themes="config.colors" />
@@ -132,7 +132,7 @@ export default {
     SearchInput,
     SettingToggle,
     DarkMode,
-    DynamicTheme
+    DynamicTheme,
   },
   data: function () {
     return {
@@ -142,7 +142,7 @@ export default {
       filter: "",
       vlayout: true,
       isDark: null,
-      showMenu: false
+      showMenu: false,
     };
   },
   created: async function () {
@@ -205,10 +205,10 @@ export default {
         {
           name: filter,
           icon: "fas fa-search",
-          items: searchResultItems
-        }
+          items: searchResultItems,
+        },
       ];
-    }
-  }
+    },
+  },
 };
 </script>
diff --git a/src/assets/defaults.yml b/src/assets/defaults.yml
index 1909328..bf3a367 100644
--- a/src/assets/defaults.yml
+++ b/src/assets/defaults.yml
@@ -35,5 +35,6 @@ colors:
     card-shadow: rgba(0, 0, 0, 0.4)
     link-hover: "#ffdd57"
 
+message: ~
 links: []
 services: []
diff --git a/src/components/SettingToggle.vue b/src/components/SettingToggle.vue
index 94655bc..864a497 100644
--- a/src/components/SettingToggle.vue
+++ b/src/components/SettingToggle.vue
@@ -1,7 +1,6 @@
 <template>
   <a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile">
-    <span v-show="value"><i :class="['fas', icon]"></i></span>
-    <span v-show="!value"><i :class="['fas', iconAlt]"></i></span>
+    <span><i :class="['fas', value ? icon : iconAlt]"></i></span>
     <slot></slot>
   </a>
 </template>
diff --git a/src/main.js b/src/main.js
index 2095acf..e5995a4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,7 +3,6 @@ import App from "./App.vue";
 import "./registerServiceWorker";
 
 import "@fortawesome/fontawesome-free/css/all.css";
-import "@fortawesome/fontawesome-free/js/all.js";
 
 import "./assets/app.scss";
 
-- 
2.41.0