From 6ce288b8927fe14fed67cedb45445c1d465632df Mon Sep 17 00:00:00 2001 From: joeuhren <46763106+joeuhren@users.noreply.github.com> Date: Sat, 2 Jan 2021 15:41:42 -0700 Subject: [PATCH] Add settings for dynamic social icons -Added new social_links setting to allow adding as many custom links as desired including the ability to display as image or fontawesome icon -Removed old hardcoded settings for twitter, facebook, google+, bitcointalk, github, slack, discord, telegram, reddit, youtube and custom website link -Added sample external and coingecko images to demonstrate social icons with images --- app.js | 12 +------ lib/settings.js | 25 ++------------ public/css/style.scss | 8 ++--- public/img/coingecko.png | Bin 0 -> 9204 bytes public/img/external.png | Bin 0 -> 2168 bytes settings.json.template | 70 ++++++++++++++++++++++++++------------- views/layout.pug | 54 +++++------------------------- 7 files changed, 63 insertions(+), 106 deletions(-) create mode 100644 public/img/coingecko.png create mode 100644 public/img/external.png diff --git a/app.js b/app.js index 57584b48..12ca1a24 100644 --- a/app.js +++ b/app.js @@ -551,17 +551,7 @@ app.set('coin', settings.coin); app.set('locale', locale); app.set('display', settings.display); app.set('markets', settings.markets); -app.set('twitter', settings.twitter); -app.set('facebook', settings.facebook); -app.set('googleplus', settings.googleplus); -app.set('bitcointalk', settings.bitcointalk); -app.set('github', settings.github); -app.set('slack', settings.slack); -app.set('discord', settings.discord); -app.set('telegram', settings.telegram); -app.set('reddit', settings.reddit); -app.set('youtube', settings.youtube); -app.set('website', settings.website); +app.set('social_links', settings.social_links); app.set('genesis_block', settings.genesis_block); app.set('index', settings.index); diff --git a/lib/settings.js b/lib/settings.js index d3ff6033..06fe419f 100644 --- a/lib/settings.js +++ b/lib/settings.js @@ -77,17 +77,6 @@ exports.locale = "locale/en.json", exports.display = { "api": true, "market": true, - "twitter": false, - "facebook": false, - "googleplus": false, - "bitcointalk": false, - "website": false, - "slack": false, - "github": false, - "discord": false, - "telegram": false, - "reddit": false, - "youtube": false, "search": true, "richlist": true, "movement": true, @@ -184,18 +173,8 @@ exports.markets_page = { "show_last_updated": true }; -// twitter, facebook, googleplus, bitcointalk, github, slack, discord, telegram, reddit, youtube, website -exports.twitter = "your-twitter-username"; -exports.facebook = "your-facebook-username"; -exports.googleplus = "your-google-plus-username"; -exports.bitcointalk = "your-bitcointalk-topic-value"; -exports.github = "your-github-username/your-github-repo"; -exports.slack = "your-full-slack-invite-url"; -exports.discord = "your-full-discord-invite-url"; -exports.telegram = "your-telegram-group-or-channel-name"; -exports.reddit = "your-subreddit-name"; -exports.youtube = "your-full-youtube-url"; -exports.website = "your-full-website-url"; +// Add as many custom social links to be displayed in the Explorer footer as desired +exports.social_links = []; exports.confirmations = 6; diff --git a/public/css/style.scss b/public/css/style.scss index 65039bb3..c2b95438 100644 --- a/public/css/style.scss +++ b/public/css/style.scss @@ -354,10 +354,6 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { .social-link { margin-right: 0.2rem; font-size: 100%; - img { - width: 40px; - margin: 5px 5px; - } } } @@ -688,4 +684,8 @@ tr { .market-logo { margin-right: 7px; +} + +.vertical-align-middle { + vertical-align: middle !important; } \ No newline at end of file diff --git a/public/img/coingecko.png b/public/img/coingecko.png new file mode 100644 index 0000000000000000000000000000000000000000..89169e10811dc699194d846f3e0b7bf32726d124 GIT binary patch literal 9204 zcmcI~WmsF=)-J_Lad!zWMS=x~;u>6nmJotVfZ$S`BBfA@6_?^#pv8)m;!c4g#ieL* zmtMNhKKp*peZKqM^XDd6nRCrK<~!aYb7W;D(b}5Ic-Yj~C@3g+swxV)53Ty20}J!v zT~yO==b?FmP%-vELBS#Ub38(Mmr03&f^lT84?#k}8saclXI`kas}-Er#~JY;je;U6 zA7>{Q4{;wUroV8-ANqfW`IrEIi69-Nm}LJb1VF&r0C`t;H~_>8ubs#6Peu9)G*(!C`zpPy`=8FYu2^{}u#;|7THW=YOOA@z3->)*!^?-QiHAtGm9dtJA*&rTuRdfB-+Q0D!~D-o@J0+k^8D zqrVrx6`)AC6w^c0_<4X2F9CgiVR0ZxTo}j$6cGmk|0N23$OCIA68fJByIR}Z`2HuN zV6eEViw6?w0)wk6NHIN-;( z#YBWfM1XKnA)9~DwA}3&IG6DWK8+lhJS9h?h^@Gm^|LeG_yu7x% ztBt+W!-R*fvK&BFQ69uE1_JR2@bdpj`v)2i=Bn6xJjB@d?~SAfcl*2NWDoc&JH?@} zKbt~|3HB!&;MPok58MAYZvM{<`WLLX9sB|Gf5?)5iFvr%AibgPa9P`jko-ThknjIS z-UI6OKU4qDGUWdw^}pQ;vxBJ*KFLRYG)Agk{)H)ZCnKjoeB``53`Jq8c2(e$Lug{-Vu zfut;J0T5w#D3b$m3!8(6m4;Q!cu8%DQ1W8zDHE61tE`tCS-k~aYX#@HL>ik{vH3=+uUt>j@QU9}mIgp96tY?| zp_r-XAA3SALsaZeLZRjr!f_1qrG1~krvkaP6 z^>CFaa43wEqby>-H3m_n|CY5t5ePc1cZJc{LooHo%$yITl+tsE8aeaU2tI ziJ}>HL44}Q5$C;;vn`iF);D%7*eEyp_EVeee3v&E=HlQmeWdyhj?leg6xcOK4A2sI zUB1W?1XGGG(R!fYq7A>scHFK1u+X0LwmZhBp;|>DvYptnn`TYdWZT6}&i=PEZ7O>v@nh zuv>m~kH4=YV(JO&y`aZa&1jr7J7UrJ&k8joj<-Y{3|)hRLTVQDXKEBsLrHtZJx;ZQqDOJW{3_SaYX^sXD7ZMPKNRhv%#Ft37aG7YiZ}4 zb9{Ljt0TkawBB>3*+hk%9gbelmO)33%BC#Hg?`kn?EsXyO3?sIiGQz} zD*Qtw6qpmto3Wb_!L!VW46$j?#W?vPUYak|O-`}QY=km)t?OS^BO#kvQutC((#&xu zk3LR`;VQ_t3SVi<)wDLW*y?Z2jqBt&A&FrZKxpzan7u+2> zaj=iGF!xKMbT0zG=DA!nI97d=)sOjTw_P;MxG#}f@l>?jCM`)Q<=>57HgCq*VyLr~ zQ76k)yOMLlS4^`6e-nfVgjG`Jtm+Tq+W$5YZSJYYm_W&G@S(QK2$Dc9Xey7*<*m&@ zgHtLq#lESxqna{XB4ya$dNCTARL3X<^7v`@6Iu$B;W|`0`=N7LmDa8EZJm(zfmbqj zNWyTR1y05f`3VQ_}GN81MII~2s|#?#}} zb}wNv6wkZ`QN08!2!Lhk(a?!9w49Iipx9$|U%M-`ciKC;4E%~7bBMs|7a~!@c ztAlaT=*w9og;N$vTFL40T}8lOPDIk4k1r_Z444Znt-qjrn&HTyQ-%4P4(I^raH2=? z(!yErGi}WQh`y@*p3*S$oKeViB)NIh9ryfwek)OzHVi65f^F_Dle9~$D2&-$II%2z zN?`VWjlV=IG{cVobJtg(ENqZ|30ihjEc_xKnk5o{!5{b4QMsHVe0}t*Ks4%o24VGC zoQq>iq`TbNOU7rMfo$Jd^KQr{E~@pOti_+QOb#M5AWqWi)6CCu@nF4YKv)(f^zz=M zgt6RR=T&d>f?WA zQ`-aMzOC)N8;EGem#Wm9v(2yBF_U37_f%EXq0DBC8D zx%DCO<@dN|M&$>3HMGAmSuv6|Aa>L!EpC{PJR*O@9B7BVQtVg^>AO`Fhl9&F%B1;@ z%STSr6Q)>d$fhzWHcHBM)e6Y9#oy zFm|0ot@62XlKSTS5SK7ncNaniwLYrjGZlvS(N8C9ZT(Je%!m#|k|t_9t@`0;dXEyF z_R=2ba;j9rfw%N*$`&>`VTud}em~C&z=SaL)AcG6C?!b}P7!JY!>?7ug4nVkC6m?t z>gEobo;%x_A%#}EJj1TV9cLmfb#BCkTn&rsZ~I&Y2MOGyG(J>22vUlrb(dvU}3Y&IDWpI zc5OS8eNXPBeuFc!GAc2#)U#VLgKJ5Rf;*Vg(?Mqlu}ZhX5G2qFe(@@Z!sLu{{?|U# zs9mN)7l&%rDT-Cw?)mnAS2qOp(GMvGi7P)xD%j z4bPMtl5iC1ZWiIc2AV2QffG-XhS{7W$n8Rx2!+4fZ4q?9b6^Xs@89N z+f=1IiZ$e)mqi&jc&I3yp&DpkNzD|L&*n+t# z7UTepaXC|980tt3P6l_7~`o&kUpls)(`=Qt9J4t{x zvTlTmIgR!6b52gq!^NArPNz&Uh(;FXCJEcx1&QU)k>xf=;_`rT))%kS-L7Gs*Q^MO zG)j*2(+@WssHtJ9o7jT9UkUYYgxLbADn@pd860SPx&kX0y08}&^TcC{W}oG$`xVqP z8X@S?OvvGiCw}-;u;oH`PQ4~aLhPiQapCXp7CMDJm}F){LIfyl)u!Czdzp+lIwqYY zhu%q1q`WxC2sqxhy}TCVHg3jMilfD=t-Zm$F8(QPt4V-tV1Kmx$S%@|Ai#%3vE=fi zC(b|DhtVHp6bE2O*K^bOVwR-SEj+vGDW;dF(6X>aLcV#Yg;JG|=30YE7S*qHaM5@I{e(=a!aWmor$CTkf%kESDayuqXgr z`dQL*tW#WFNv__h)D0VF`Gn8#OY0TR&7-p#V~yJIxHyeA$wUc8sxG5-f`fOjqwwdHIHC8_f|zz~Mer@im6yhX~ff_i#y+r&m|OXMkBq z?bbq?I5DqflOjR3n%IsS@{2&>(8^l z2Mjo`b~d9d{P?!`76go91z;ODKL02g_bd|Ds{j++8uge4kNPTV2nsf94%_J0|xn|E3 z-zNh3rh)fFM|JkQ#;~k$g#9J84aIZZwzq+i^qFKh!>gNmlJWUWRB_a>n2vy%$CQs0 ztC^MJL;6bW+N#iS%w6B&lb&RYKt2aMC&h)?P1>o}f=N zUR|_wL$8|6PrJNs<;C(ONg*ZfgN~I=fS|?^8eDGMeyo}F8Klyz=PkDbGjwaQkfc{BK7Cg*_ zkgv`)oXXB8D`hG={DwZt-PK$|J*lzY6&6O;&qKaLE9sk=*4eN`bT%gq)K|j`504CK ziDJLJzLGcl(bRT9dR=EG;#bEJI5#7NmML)GlZ^6Ncbq=q8-q{#o_)z=Z%DIWSYB=P zyYd^CTK>MAsOe@;pDb1zg`s>5^|zDaJsP5K1Q~hmsJKbIC|S`kE>?m!T)E>blkV}X z$a1)yd#O-S8N=VwsE6JWe$%G-BYM{fs>`G>V2< z<+V;nktnigh=`QOHg{7A^!6jGd>JpL9L{E~1G|zGj`re~IJ%~hxAKxa*3&eCsyE|z zRm>}D8xzAeB3(|&LA_y(XC5HiKFUe>qzS=5#w#qYfrs3)Q^ zI=yjjTKn|b9Orv__mB5<5W2BF{QKZ(JzkFISYvtXecDP=ALzCZPFa)HKTX~Sw;oC} z1o;&H(&9)FC~vf~KUy}B_(9xiik>xWs*^C%jonT9<@l!=MGLk}^IEvp!v!bikNi~+ z!WsxD7hmETonn8TEvFh`yVJdth<$Ly(cAd2yO?TR?k^uo`HU?qj)yZ)y|6;7yq=Ce zrsN`bB`x^~ITp&Bej}T@NX|MTi8LU=8qDygNI$DeG!~4sCMV0Aw4aHXM0UPAR4hFG z$u4aRw4Bst8KeL8I)aM_+NDS$n*N(V1w?eWNx|Xb$ymPplY47&Ug~Sb>~}@TqGX)$ znx$LT_lqv&CtDrW(OcbMftDOh*7tidKYnw-Dro6S3%TQJP;nXo&`$e*w9@ zxbNXds@lpA4G8q6Nf*#BAkrrc#II#Rt>gkFfX@@_L%-Ip6hcppJ~}Zcsc{4Jr7$Gd zmZA=riaIy%49AMRyBovb=^jXRtPGSW;(&*bxws3MzG+3`#3I7mQ~ z62S6+Y>&)s@35vVrHGVK^fAp@{g);0&>71(Yxb9&X7)}P14yheBvyG=dcd}%SwyeX zU-DPnF#|ps+430Xhd!rS%NC9yYt47K%f-%~YH`8wrco(qO%Pxq2y-nW^I;na z)_#St#0`FhckQi&*fv4ss2D<(hgq!Ec#e|Y?O`bIEB0Y!o?2O|TO{EN3~>X%QZ(xGQn457QKabg4G%ay>e zq8>V}N#27>{q?EcMi7et)RJmJ&*!;0VJ&dqMK&>5f9$I>_(xPJ-!io+B zevC~Y6#0zp8r0B53^_P|7z+|wE@5&7JrQ=W~0iT+j1wa>aTgE|73pZidC)x5!k+j9^igGPN> zszit4av@{>XMrw zN2(YC4GC2{3psZ8b?pk+;qitHFS!B;gvt4yw6pR^9KXv|{i^2>1^m@%8;7w0^E*T* z-LHJot-o{r)PWoO937DU8zrQjf`b}HGZmmkSwOGRLupo1wTRE!h5oDafbX8IsYF~B z%hxkTWjfMy{EhA7=zf^3_sf)5c=3`OXJ4$l1k2C2GfP!58z^CuchIWbU%-#U_U7$$ z-m1#7tv&uc;JueV@7q=Mqi{&ghh0k818NLgTrzEU8GbO!8aAY4+*Pw_8xFCVBZ{Xn2Hyw%Kx7Dt#Qk>s7L?Uujz#l)8|(zRYbfc^uOYPBCIXp;xlVcwae4 zK1-&&cr={dK?ZV;S+B4&la)VlTrj$A(#!|#m1C0Iw}DFw7|G0|QdGvTV~b}yo?!?- zIe@iJcfMtZkTfvjycM=*DqamI9GD}m*VhSD<%#E*R`+ox{}6j~B!XugZUupbp)pBq zC&wDC2Yo%)n@p9XQz5vtpZ+|tlt5TnUbpe9Gy}<^K*3v?_?_kCOM2_Tw=a!lJR#q0 z-=`>!c=T=^u+Tjws(%wXqe#Q%n><84a~;zJc%&#OG`X>1@2erF)$%OOIHFKgzcs;p zjL!U!{Z%h!gJz6{x7oTrQ(fVP@{FCo8Fb3m1Tdk2Ge^q;lQpeNL}SJ9--#D*wc{5b zviIeS(<2@8?87_{Ek-X}XzYuynYB-65hm9TJ+<3)x2Sf|kDjuX*+!+s;)#d^Zms?GB0mZq;~Pvy;uvH#lW zw>uS|2|t6K+Osk1F1=qWYZ|XDf38TqAw~?}J_Y*=>w^Xo!D1?fLU~F8iP3MaE2Ik= z7V8DEpT9Ur6^y>v^?{oL3$mT$&Ne7nsZh&n7ef|`?@AX&W2Jt&Cy^Yi7Ynl39XSV` z^{a}1l@00FGRT;=l`A&75S&v*-0gr9EoujQRFBy%t%&T?asz}RWC@Pl(VMu=D+Om) zTDw7{#Wk2k3!hdfT|UxyLo&5ze^t3wJ!5-MWqj5V{!#jdsN9Z&_zY|?>2A26a7z_> zY=gTH>>pi`kE_yo*;z4k7_urF@kK)OjA+ItZsW7W!+rj_fn6NYv+7^K zkU3>t2Te%Rw_izb0?AOAy}oIP!fmp59nS*Qa#2M!;fQtzZd;i-wvsW{*Ul3nG43qt ziUoT_Bn^K1!A0L3zrJ$(6yAEis!!2Bzc<(pvMijW(`lO=%id!&WXH!Q9ms2qIq-S@ z#&+5V@#gl)#DG;>v-?$ZiIaXV=VKwA%2Wa?Y`6FO0^QYoKi(GvgWe>e+%}*TG?b4+ z+>b&f7CC@Jl!`Q!gdAPcbf^PA#tb-)&VfKRn@N3NG-_1cTS)oDpu#>p+0NOK$jw2- zkz#vZsiUYJ*`X3Xfs_~}K?u608NZH4@c&8#IdO^fYRFJ~QB+`+IB1{zy7>?pfL?J} z3*vxSHIg=W3iW4@Y{AtEWxt?;{}NC!fh9kxpg(D z7N`(?+3=t3wm(uRF4r@v#`aIaBisZfLdQLi!BNmmT^H}-Z|V5`(@*AjiygUqEi5^S z3IWou%NoU1ZwtM0_HzW^&r3O?hn)$mQuar{j=Osnh=b(!SdRtwDjMlABMcmU^Rk&4 zHesQ^9f>owX96=!eU%=*rNyFsmPMjPL!$e7rAVqh{KIVFf?&vFJ2VW6wyltduBb%KQ4l#BWwQ(S({g z{;AW~haZ+Go=ijC+P*5U8)T8!Qyjbu2*U|cG~Q7B5O+G&k<{_I1zynDt^0iotCuvk zwn}&dR?1;Um~lSX7Olbk`w$AL_>EVyf_?5=zTl|FqR@E$IjcUt4v>&8=Be{N)h z?AdUgVT`dkO&5vh0yVQFhu;ZiiBnY{b=Ec? z8Hcx1Ly&LjvPx48KgJR;NE9Hii@T0JpHJwriHE(uo>?ynX-WyqJ)1>*fKIcBnzdpH zJT=VA2<*!;o6`ah;@iDuf!keY*0lOI6i>~A*zN9KD6bWC5pnKPb-4dN>&$=jP^S3@ zgWk>~rZxB$F=&<28to?s`l2q>r;kvbK|jL=MAUIv3=`%jq^Wk^CytK>iIH3dzC%C%;)wV2 zt%-Kj^3JdPjU(mpvo+yG*JIzHchB5(NWycdxQOe6a3_`?L3n9Z`bX?rFM|zKuYxqO zp6qmdU)6UZSKi2&-sigq2^Af#6&~JVbgx{UIEK0}l@ko-1PXG$7~v7e6XEc-K?^mF zJ$RarlTy@8UKuA2xxL%`rdGV|rgrgyG5AeAQNYR9{5qrs7ix+b^|@Tf^$YD?&A8~% S7_UG7%TZO-RH%}(4E~q+&}Eg^xGaO2d50Nh+!-=4VoWYemof8V;+=Pz8ONI z9>^7iT7eUABBT+lKspbB30yUXAcsXNHVWnHAs2CZ36K}n`=Co#?bX*r9Pj}m zO>o2gkyHdL81O;F5I`Z2?0F=A(3QIW2B8bR_BuJ8&ry5+WxjK}H?jwe{Qbf!_ki_LK2FD{(L=umP0H06_ z0R+MYLOvpse896db^I(>Z3S4Qip+q-f;|x5PmI98hmz@n&*uVuR_`O1 z|M^_VpXCx&$q?0p{jWhUU#Z-q-hQ&J>hQ_iw9OSI9h!9zb~8vomBZa4?dV4*_=X>9t zxzo0K^VPjaGemr|QauYtjXZaQ`Td+>-}LDa{yS{h_=U8jywj^OMH9``r!C3b=4>0@ z7LD$lY&D(ymw7N=!vs$IEk_ zMC^!qo?l(qIr6^bLY+{nc1+vT3Z-npNB+3Cm>>62$-!$Jo5Byw6`E2hZx&YTw%xM` zLpy1)ds&vz#l9!l7z<`*kDu~J$6`HiX0PFmk{9jxwk&I?t_c0$HO844{c!C2bVF>i z_hoVbnQZh|*zil89*Z}^gqIuHS<)I(E{AD^|2pgXNWlY}(p^r~H-}s*cPD+R$c{_~ zUdTg|iYmL%OCt{xw!jff3qHpJiigXl9Td5kmirNT81%|6JLS`+F{`rmLao~zvy;Oe zHu#lQq#q8Qn@!%orCECNobUF6jP;f1oJk`4JzV zS9tATrz^ZN&*hgZ2crGj`$H*vpR976c}s;IEkk_AjL)MASMkl;nKxHu47uc@>K<>) z@HnSuQB!P8OB;u6W@n8{{ASt*0v5``Lxewv?#QFDz1J$Y4(~EqH(by#b10+DQ`b5^ zeN<=|Z8-f)uRXmlN%wum_8T=X?-F;@h{8UwF zW7*O?TQj{zXK3c?qd<-sxxdc)lt_oJ1CrAXc3f-D!;%}m2eWLSfJz2J!Y*E%H)+{8 zP_-}L4lX>sUC9jQ=u)>Rq4b3)Jf`82X71p| z+k%*{aH&Za9WL{|<|fLnRHD27%KoO)$M#7M-ShD*d{jrDcuTf`f1Fyf4p=B^UH=Qa+CuDK$PVQUR zL|wX<(-MmK*s>b>TU iqV`b!31lP#t&hTOZ~eBeerLA&Ux4Ww#HjY(dEj><0&)xh literal 0 HcmV?d00001 diff --git a/settings.json.template b/settings.json.template index a030f171..3e2f6efd 100644 --- a/settings.json.template +++ b/settings.json.template @@ -101,17 +101,6 @@ "api": true, "markets": true, "richlist": true, - "twitter": false, - "facebook": false, - "googleplus": false, - "bitcointalk": false, - "website": false, - "slack": false, - "github": false, - "discord": false, - "telegram": false, - "reddit": false, - "youtube": false, "search": true, "movement": true, "network": true, @@ -232,18 +221,53 @@ "high_flag": 5000 }, - // twitter, facebook, googleplus, bitcointalk, github, slack, discord, telegram, reddit, youtube, website - "twitter": "your-twitter-username", - "facebook": "your-facebook-username", - "googleplus": "your-google-plus-username", - "bitcointalk": "your-bitcointalk-topic-value", - "github": "your-github-username/your-github-repo", - "slack": "your-full-slack-invite-url", - "discord": "your-full-discord-invite-url", - "telegram": "your-telegram-group-or-channel-name", - "reddit": "your-subreddit-name", - "youtube": "your-full-youtube-url", - "website": "your-full-website-url", + // Add as many custom social links to be displayed in the Explorer footer as desired + // For each entry you must fill in the fontawesome_class or image_url to determine the image or icon to show for the url link. It is not necessary to fill in both as only the 1st filled-in value will be used + // A few samples have been provided: + "social_links": [ + { + "enabled": true, + "tooltip_text": "Exor Github", + "url": "https://github.com/team-exor", + "fontawesome_class": "fab fa-github", + "image_url": "" + }, + { + "enabled": true, + "tooltip_text": "Exor Twitter", + "url": "https://twitter.com/ExorOfficial", + "fontawesome_class": "fab fa-twitter", + "image_url": "" + }, + { + "enabled": true, + "tooltip_text": "Exor Discord", + "url": "https://discord.gg/dSuGm3y", + "fontawesome_class": "fab fa-discord", + "image_url": "" + }, + { + "enabled": true, + "tooltip_text": "Exor Telegram", + "url": "https://t.me/Exorofficial", + "fontawesome_class": "fab fa-telegram", + "image_url": "" + }, + { + "enabled": true, + "tooltip_text": "Exor Website", + "url": "https://exor.io", + "fontawesome_class": "", + "image_url": "/img/external.png" + }, + { + "enabled": true, + "tooltip_text": "Exor Coingecko", + "url": "https://www.coingecko.com/en/coins/exor", + "fontawesome_class": "", + "image_url": "/img/coingecko.png" + } + ], //genesis "genesis_tx": "dd1d332ad2d8d8f49195056d482ae3c96fd2d16e9d166413b27ca7f19775644c", diff --git a/views/layout.pug b/views/layout.pug index b4e046cf..d7a7689a 100644 --- a/views/layout.pug +++ b/views/layout.pug @@ -69,6 +69,7 @@ html(lang='en') function fixSocialLinkFontSize() { var fontSize = $('#footer-container').height() * (getSocialLinkHeight() / 100); $('#footer-container .social-link').css('font-size', fontSize); + $('#footer-container .social-link > img').css('width', fontSize + 'px').css('height', fontSize + 'px'); } function getSocialLinkHeight() { var retVal = 70; @@ -417,52 +418,15 @@ html(lang='en') block content div#footer-container(class=footerClasses, role='navigation') .col-4.navbar-nav - if settings.display.github || settings.display.discord || settings.display.telegram || settings.display.reddit || settings.display.youtube || settings.display.slack || settings.display.twitter || settings.display.facebook || settings.display.googleplus || settings.display.bitcointalk || settings.display.website - ul.nav.justify-content-left - if settings.display.github + ul.nav.justify-content-left + each social in settings.social_links + if social.enabled li.float-left - a#github-icon.nav-link.social-link.border-0(href="https://github.com/" + settings.github, target='_blank', alt=settings.coin + ' Github', title=settings.coin + ' Github', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-github - if settings.display.discord - li.float-left - a#discord-icon.nav-link.social-link.border-0(href=settings.discord, target='_blank', alt=settings.coin + ' Discord', title=settings.coin + ' Discord', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-discord - if settings.display.telegram - li.float-left - a#telegram-icon.nav-link.social-link.border-0(href="https://t.me/" + settings.telegram, target='_blank', alt=settings.coin + ' Telegram', title=settings.coin + ' Telegram', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-telegram - if settings.display.reddit - li.float-left - a#reddit-icon.nav-link.social-link.border-0(href="https://reddit.com/r/" + settings.reddit, target='_blank', alt=settings.coin + ' Reddit', title=settings.coin + ' Reddit', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-reddit - if settings.display.youtube - li.float-left - a#youtube-icon.nav-link.social-link.border-0(href=settings.youtube, target='_blank', alt=settings.coin + ' YouTube', title=settings.coin + ' YouTube', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-youtube - if settings.display.slack - li.float-left - a#slack-icon.nav-link.social-link.border-0(href=settings.slack, target='_blank', alt=settings.coin + ' Slack', title=settings.coin + ' Slack', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-slack - if settings.display.twitter - li.float-left - a#twitter-icon.nav-link.social-link.border-0(href="https://twitter.com/" + settings.twitter, target='_blank', alt=settings.coin + ' Twitter', title=settings.coin + ' Twitter', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-twitter - if settings.display.facebook - li.float-left - a#facebook-icon.nav-link.social-link.border-0(href="https://www.facebook.com/" + settings.facebook, target='_blank', alt=settings.coin + ' Facebook', title=settings.coin + ' Facebook', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-facebook - if settings.display.googleplus - li.float-left - a#googleplus-icon.nav-link.social-link.border-0(href="https://plus.google.com/" + settings.googleplus, target='_blank', alt=settings.coin + ' Google+', title=settings.coin + ' Google+', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-google-plus - if settings.display.bitcointalk - li.float-left - a#bitcointalk-icon.nav-link.social-link.border-0(href="https://bitcointalk.org/index.php?topic=" + settings.bitcointalk, target='_blank', alt=settings.coin + ' Bitcointalk', title=settings.coin + ' Bitcointalk', data-toggle='tooltip', data-placement='top') - span.glyphicon.fab.fa-btc - if settings.display.website - li.float-left - a#website-icon.nav-link.social-link.border-0(href=settings.website, target='_blank', alt=settings.coin + ' Website', title=settings.coin + ' Website', data-toggle='tooltip', data-placement='top') - span.glyphicon.fa.fa-link + a.nav-link.social-link.border-0(href=social.url, target='_blank', alt=social.tooltip_text, title=social.tooltip_text, data-toggle='tooltip', data-placement='top') + if social.fontawesome_class != null && social.fontawesome_class != '' + span(class='vertical-align-middle ' + social.fontawesome_class) + else + img(class='vertical-align-middle', src=social.image_url) .col-4.navbar-nav ul.nav.justify-content-center li.text-center