From 5525f3c95f571b6295c22bb53535f625eab204ef Mon Sep 17 00:00:00 2001 From: Ivan Danyliuk Date: Mon, 22 Oct 2018 21:11:20 +0200 Subject: [PATCH] Add Status logo --- images/status.png | Bin 0 -> 4313 bytes network_selector.go | 2 +- page.go | 13 ++++++++++--- 3 files changed, 11 insertions(+), 4 deletions(-) create mode 100644 images/status.png diff --git a/images/status.png b/images/status.png new file mode 100644 index 0000000000000000000000000000000000000000..8096712487e28285636c0a3c9da030176fecad2b GIT binary patch literal 4313 zcmV;~5GL=5P)004R>004l5008;`004mK004C`008P>0026e000+ooVrmw00006 zVoOIv0RI600RN!9r;`8x010qNS#tmY79{`x79{~mQY7#I000McNliru;s+ZRE*3=? ze;5D&56DSGK~#9!?VWqHR8<|vKQni(mzT%|L;)X=koZ9H{me8JQ&UT%hnitn*)mGTPA?BV9%mn5G zo7@Xy=I+`ki=llOISGse#sX&pBY@$N;PbW(Gwu?*ax_n~)flL9)PS`ygiC zx7tL8jE@4h0NtTrLRE}Th%AP-Cbt3j4sdL>39Jw<0>0?;-Z45kb~3axspHV3*DC6f zfBNuh6A~j__^BL2&}3I4ORghfZ{T`j)uX16gq+E|3^=&jghhmN%n_qT;7aIGz{S-j zDnc{>U&928VkzDEVONhNP~c%;73pb1$@;GWi-3257F6jn0_Bg4ptP!&d^i>rBTTB| zd&dX~2}>#+0Q?Qus|s|q0WSa(fqwuifL51Qly5x-N!6o6eE!qGxxhwbd&>+p&OBe ziW&=nD}iV1llcbB8u0%DSD{?&Fm(PNzz?Y)$e?^3HTmLItl})V0Ne~8HY*WW|R>)%N%o1kwQc1w+)O0 zD&BDExQkBU%JmrfV`xQ2g%wB-e$6{k>^A0Hw-k6dB$|exLf>j)prKw7i(Bd9M0KMF2;OkL(>R!mWsz>e3 z-UI%F7NCt3GH#Rj``7D`I+!p=D`rRXdG-KcC`$Kj0al{+Xl*Yu5a^sr+z3+VGlD7ZHSLnm}9Fw7AfEmqO07V2|O3_J%T!uM|Ub7vL)6SA;6>N9x3zvo5)s0 zh5!?gr)po6pV9`b2VO!#WCm~}a55Q2t3&?(Yk`lOfAi5X5}0n$@ig#l6c6}5*^6L1 z%9DB7=RTi8o-L351h59U0x_tE{ZZN9>E@k!8hSyC^?l@6co6tAW>-z2fJzkDfvT{Z zAvEcnK!KL9B8T0Ogk$vhrgmwx=;(p`;+JERogCC5=H3lB5KZb0Nc9?oD(UlKH{b;8 z@6}`*XJddLBgS_z04=iPkq6~aa_yxp=HH-ntTF%gLyN?wsg?Y-r+Yj1@!rW6N~fYl zn6KYU%8c_MbL|-5YG8E=CGtms6`1{RwAia1NlE@>0(~y+ThdQKVpN|;%D&R!tnnkE|&8DLg@Kb>o0$(MQ8nFO) z0_oKr1^_3fh%O4X5#?EX*8eVO@HYb=7-By_%DrbHC(u^b3#kG}qx|I)s9e;l8^I)y zXZ5=nj)cVqbFazBSh76~>yQEZqB%Ft=RWTtqo>6>*9V2_U9_NG>qllRG4FCFa5wqY z%Oq+p|F-#itj{%Tkd)jW-caYI#f8@}-y5e_%zF+XTZMTmMe%xHxwrzY{N7|6acyRh zwjie8fS7tan)L3-z}TH=c9Wnkz_rL7=jz@Q&<^ql3h%#!q-LS#`Ynuv8Lt-0_dXnX z0bD$ZJP!7+9PB_nvdN;1s43u4$F$cpx}jMHfA>|Wes%0^J#a0Bog;0UsJ4KMO|5|VE7$^81jYm^YY zu`q;eeH>(%O~o*?57Rx0++|UDwMxZbfVt!rXzz{ECBB4==@*dea1IhEfEc-%$}w~+ zn!KmbcJU5kYR|Iw)QLtE-06>`a6MwIO~^Yk5Ooucf~mLR9}p;nsYsu@7XNL%Kk`V7 z2ChL9b|;cHr5IOz$lX~tq8`~9$M3t&|WNtm9+J}m&20zX9h-`X0 zvInj~ZnvQDqpyzK$+sCP>Gyesuru1|DR%MWJ*ucnax zaY&I5DVC7yu$Z|_zjIHbZFsXh;Pu0h@n?H4)+62SIn?BGB=B{#)7XaJKFGLxyTJW> zqupt%H6}}uhhz`yx&*4=c>)tccBJzJ$_t|PLeh1M!=T&A-7yl#?KjamKbTy1pp6C; zt+a~^Kx*q`U<%Tu&qiT)_x(>!;%`-!gTJG?Kp>QIor96IivrtFGEWe?Pe*E%eM}(} z>Dr8R=G)0N1e0X{Mx&qZJ{*OXJtPc`ulihj6#AW+BayvPk0kSr$jej=g3tjOkCcmZ zksGpyLr1>YK^oaocO%b`H?YT zBUe8hWR1fH;9exTrsE%s8DO4WD!g#K>q)Wc*oZs}i_qfn3&Hm$Skc5b77v}Pk|;fsDF4h^5(4f`K$qj#{HQ2eKbiQ zSm$QopK@u#b9rt<8GExS4oze)od4(_y`A!!VdHoWUYWlcyeiib3{HwrsQ)IU7 zrKr$&3jUdN9$q)k^JD0p%wegB9vy}3E1QnTkbeArf$P^H_u6!F)eie!tIb$GNG7$l z5H=&#<~m@L7f_jrq+u9|@@F8WeQhy0#U31H9)tA6sG@@)-MKxflm*KV-G+Y6_61~t zpMrG8K4_P zIs@fhFGE{*6B)0B=M?ZW0-r&>T8g2g6}c*3L#ecfA+;clVh}GQ2Az%ibKgO(SIAxr zO~@-V8QBD*kVm7txqb`M-RB{pFbk9T=5cr0Xe8709Bc zOgd~D(ntgFQ^$g!7g`{mfZLky-RxFiHz2Du46H|C;QMh_zax!o^hVa~^+cDW?O_Xw zNIm7zSPDul9xeACVI>I#EoimB7d8#07Rgq!x7`-xSicu-Yx%;-eUVjr8M4fy%Kozv z_qMAMBw*)iNFd$j%8;M266s^lA-!=k+Bya!-RMLVNsF>Okd0QfGfaY*nL9h|EW0!+ z85&2pxgCSacr2O`19_$I9ibD?Tynh)F*+$+2mU-{Syl=S$XMt`$6)4WWPq-NSUT4N zl8`fz_aVP!SHNTDh*2Z(OUZm2MZUIGo45*NIdUy-g;+Y*3U)HIGocS*^`EOjw4g=% zYPmOx(Xo&vp)ICvMkVWWt4&~qFa`Ln&wIz{L&meHr$?-6)F5&g z+L_?z5mT326WCGU{RBp(nxw?2GJGYp!_?D&Z&H3dzS>xVqLB;oyl0FWKwg!@ne2(E zNz6JrCl;gZt(|GIF*DaD3RY5ElkPb_Tu8biCS0i4Ny7=^H3 zYVUg;0BMWfSMt11j2c7H;b))T3O4~45MB5GAXtk!6WxjG(14hky8;5`Q#efB4OIYN zOYzOAD~&X&UbqES;p|L6kD0k^AaH_^PvZ43RIhdc!JCDLi8oOm$|M{&W6aE52PJ2` zIgFh^y%H`({hRkJ<(?&C399Ftj8&%xF(Y?Hl$FBiBdwDtS${0*vVQ=TX-vKWCrKWv>7L z03~!qSaf7zbY(hYa%Ew3WdJfTF*q$TFfB4NR5CC+G&njmGAl4LIxsK}eb=r4001R) zMObuXVRU6WZEs|0W_bWIFflkSFgGnSH&ik(Iy5#qGBPVLGCD9Y@`gJ-00000NkvXX Hu0mjfz>@ht literal 0 HcmV?d00001 diff --git a/network_selector.go b/network_selector.go index cc15491..15d0e5c 100644 --- a/network_selector.go +++ b/network_selector.go @@ -55,7 +55,7 @@ func (n *NetworkSelector) Render() vecty.ComponentOrHTML { widgets.Header("Network graph:"), elem.Div( vecty.Markup( - vecty.Class("select"), + vecty.Class("select", "is-fullwidth"), event.Change(n.onChange), ), elem.Select( diff --git a/page.go b/page.go index 06587e4..c2ae111 100644 --- a/page.go +++ b/page.go @@ -7,6 +7,7 @@ import ( "github.com/gopherjs/vecty" "github.com/gopherjs/vecty/elem" "github.com/gopherjs/vecty/event" + "github.com/gopherjs/vecty/prop" "github.com/status-im/whispervis/widgets" ) @@ -163,17 +164,23 @@ func (p *Page) replaySimulation() { func (p *Page) header() *vecty.HTML { return elem.Section( + elem.Image( + vecty.Markup( + vecty.Style("padding-top", "5px"), + prop.Src("images/status.png"), + ), + ), elem.Heading2( vecty.Markup( vecty.Class("title", "has-text-weight-light"), ), - vecty.Text("Whisper Message Propagation"), + vecty.Text("Whisper Simulator"), ), - elem.Heading5( + elem.Heading6( vecty.Markup( vecty.Class("subtitle", "has-text-weight-light"), ), - vecty.Text("This visualization represents message propagation in the p2p network."), + vecty.Text("This simulator shows message propagation in the Whisper network."), ), ) }