From 7a30db5772e96cb661558201ac6007e23a21efea Mon Sep 17 00:00:00 2001 From: Jason Meller Date: Tue, 20 Sep 2016 15:23:24 -0400 Subject: [PATCH] Add custom icon font for front-end use (#212) --- assets/fonts/kolidecons/kolidecons.eot | Bin 0 -> 4016 bytes assets/fonts/kolidecons/kolidecons.svg | 24 ++++++++++ assets/fonts/kolidecons/kolidecons.ttf | Bin 0 -> 3852 bytes assets/fonts/kolidecons/kolidecons.woff | Bin 0 -> 3928 bytes assets/stylesheets/fonts.css | 11 +++++ assets/stylesheets/icons.css | 57 ++++++++++++++++++++++++ frontend/pages/HomePage/HomePage.jsx | 2 +- frontend/templates/react.tmpl | 1 + 8 files changed, 94 insertions(+), 1 deletion(-) create mode 100755 assets/fonts/kolidecons/kolidecons.eot create mode 100755 assets/fonts/kolidecons/kolidecons.svg create mode 100755 assets/fonts/kolidecons/kolidecons.ttf create mode 100755 assets/fonts/kolidecons/kolidecons.woff create mode 100644 assets/stylesheets/icons.css diff --git a/assets/fonts/kolidecons/kolidecons.eot b/assets/fonts/kolidecons/kolidecons.eot new file mode 100755 index 0000000000000000000000000000000000000000..79e9811b314b5b7c291476a70313e998a1d2c58e GIT binary patch literal 4016 zcma(UZERcB_1t@(pFfiKT>JUiPGUQLcKne9f5sn8>NsXeUDDE~4Ya5dE=^ODq-v6? zO@MAy1rkHm;%<~_8VqSd(|&9eZAhE=0To0{gRvoPm5}xip&>z27)V3x3u5owXS<|T z$9DDZyXTyH?z#7#bM86!zGwyL#7cm|&4s{|gj4R`e>0u)Hp_w6u6%ZDAAk%CFbm7D zh;*a43MgXGjbiL}-3 zEh6O#)}ynFGpAf9FJ_R*gZK+`GiOd=yAAQ*VQZQ@dG^5-M{gYQKLJ>NHea1NF8%qb zzv8YR!T#Jl5-f}2dBk5tyl;MS<&ir_Xbkap5Wnl>^6ZT3brt86xcuoO=Vo4bCk9`D{?H05;?z zIEz*1#!f8gbopU@3jOzg(D=?u4A`SE4EMtdP94b?N$bnxvPF{3#Az@fQ`O;g`3V0U zPSs_UiR$ptp>&aEGvNqJ`;b9IYV!*Q!jU*>e%VZs4zWNS8FORAM~2e5Jc>~rGNnrb zA(VfDkrK-K%SUp#BjtX^2qV-e5Gqa_C@ie)-@mp{m>U16e^=H=v4>Cta~;{SU)XaHg#sLa3a%!T zLpu+pxmnS6>JXY6O&Mq0+T6abp-ebyxMBXLwL{#Ry0v9=3pA>h2?qlrdI#F|IVxDI z56)F(fszs$$uux=?9MxnP4t`5Oh}-ysS}05iK$q--8`3{d2Dj>v6+0kC2ti52MfHC zdb-p*cj82~cPu4!h=vX+GaeW{Hs04aajX~|&-la+>D{fuxX`VlxX7lc0`9+tc3DBY zsHlM*un#?*@4|*&sBgoD`!cFYzKc{g*(9dC~wc1*8Up14d z?o0kRm|fb|t=Tu-cCC9Ghv+p9y}Xu4tjTs6ziYKbqGq*O@!P1y<1G;F$j|FK1GfeS2(9*eVL`ypn5s?_q+A=wp!I{p7vId#(GZ`u=5?z-RMcOP$ivKH6 zi4mKUQHWZ9lOGoYt-t*qXCpeZUyFH7GNm9RR zk;qO$)+~}_*(_Tm>?Est=bF+}k<8aEl5DI0&S;0AgzQsIJfSsTgWE@FLBH+jh{UJ#w8 z3A03g-7WQf@k_QIaMu^>-!iM>IngAUsE>T#9cZ4nVU(FinQlD$1+4J)VvpC!1f!wDi2gwKJaE`5h|K)z`@fNWUefEOzs0E>3Af8@#;G*hHYH?N zB5GY_ZjbX0xnsZ@I~$_AncL?ZF(sb-VQoMeP`iAl!Hds6l{nGW6>H985|sNN*iB4! zqhKJ!-Rm(BjMP`&d)?|A^ZN^4?q98V>cDe*FJ5@Spy!-+Qo^WY+ZvAW7`sqeda}~( zr)#>Io6xzOoQ6)vLmx)FAZv#%j!-!I{Q1er^Uoh`w|g&OE~#GF+iLGFO)+$PM)FLc zQOzGwdxCy}ZKno@Cm7scG&;RrC$F}xLbx!tbBh>V+~ef}rZR&2?d=QnxO=y$Db33S zfvGO9O&tkkch(>GI$d6`%jxBry#g`zG@FGWKz2+b146JT!Fpp^5Q_4-W-=RG=S9k{p&lL{q+zJUA8#jU7z3TGHe18#?^(czZ~0 zHj0V#1LT(F4{&7H7G8afo@1c#DPD3e!64j&SJ8*?H1S&lMpH~DT>0%2k4Xkk0Ggp? zMXhO{l$!KW7v{nuOQpl9B)>x-6Hho!)nE%|hqAoJ(Q-LX!V5ecf zf}NV1zT?(9gSN5J*p5K3JYOy^>(C_KT%nVP?jj`E88HU3PdIvd96VOgpVyKXQanTlJ?{J5fq?tI?(QHD*2!;YYJJl?W3ipneYNlz z%`g!61ihqEA>N=T9!Zlm+4&Qt*QhyvpSFO9^BL@zQ#CKT_dK4~O;WuEsr#05a z%NQr{?q<-4c==xk*})ROc;3=SG|2HeS`Wfo~125xt;}^gBC< zmpP9AuWq+Z4trBl6XC;nnnYRxTOYQyHZEKSr!Wk|ybo&yt1gvGMtHX_!GgKW2X7EN zd5Zj<7U^^J_iTy%O_&hg6+RaJZMYY?_zLXsFy8lgX|GgAT0a?n(OM?~Bhs2{rU)Nx z!3^PC3lgk!4>T& + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/kolidecons/kolidecons.ttf b/assets/fonts/kolidecons/kolidecons.ttf new file mode 100755 index 0000000000000000000000000000000000000000..7d58debae7fb621f09f41c5cc7c39a73feabd2be GIT binary patch literal 3852 zcma(UZERcB_1t@(pTF|#+Rx8+5`R5A{z!tqznau>%#ylIOB-5fQ6*gJrY1?%BvqRL z-Kq*ChN{JElxZ3aX{x6E*eKd2ZQ=)1EMgjr4QZ={w0{T<3EILy8e(4%d*?peB_PIj z{qDWzoO|xM=iGDeIoCh{zzh!qgVgL@$&A(REhFVB)?;%^_0z6XkLLi02l40T>t|16 zzYX!6Npqs3#W7 z`+OXjppYj(2SA^uuOsCU?KazJZ$O1%#X-Ioy%Nv>5nH|@ z?g0o`Pa#hSCtaLrvvNo^Y2yNH$KC`6p!g#YxY5_%Y`2jH2!jTb_S-H2XKY=sPvfX) zZD%bGat>Yt-HL19K=20V7Jz&-s#O3RauHm`s&V5W779=t)0WVh|AWRYt1w^>!x-EP ztGINuSSH;sSIC!1K9``OpoJ<9r^`q9=Wr@6y@eV(* zNaxGv$~4P@31lox5+BKC3Plv7I4qPd3xrVq33^H>8?GKL6pmJh86%8Py+EiqeW0|s ze&?O*i>2AA_l9@neH2Fs)iKx69XpP?m<|z~>Cf+qvFWwL>GHT?s4+f1H)PmeN*`XM zM#_+x3e2dOi9pTnzI?43i&blR%b+Ca1*2@BxV#WrEcXT`7DJ@y%T;4$#l%EGw20|) zIjxuUOk`$(;uP3jSMn_A$l2)eTpFerB;h#)PW>IIBa#O*H<5NRJ)5pu9 zshm$VOK)x!#)WPb#YJ{RmC*hs`ehaUqTmkffc<#VxfM1%g_;>Qv`ep~xE1MqszXeB z$^Rlys6Mt(sVqEJ?e^E!o6Ysq{zfj>*q{1uFuSyEK(%kW?drfb4$a-1i59#f;?35Tt;g*ik4&z~o|?tvCP|B_^`gmQF_HMy7x@gW*~KXdE-iua)7jn-zK0pXiP{H6 z7eNF37^zU9Lf%FSXhnQT8X(Ub#fzfTFm05`uLh){Pkzoeg6`H*>l;QzJTDp~1ND*b zx`UnjHij~bDASF1zl2!?2nNSaOe~Z1t&8Ur^|%rbt2m62w}-GEFDn)k=sS$9EX~6! zQ$&7ac@)Lqt3_&tZInmhKN3a_9+xX26UJ`y+e0>ogE$@|q9r`Q~X zps1ZCEo$8g#-iRw{KVazlB$uqvaTAe~6EqOE3y| z!6H0>w~4KIbzv?nvveksPVqMcGVz4tRCKmb zKAYz?fu1XH519WOT3QhZ|47V1;o^bNP#7qU%G#CHTk)rD$xac78J6Jz4= z?!z;5bCu2<-c3lTFRBmbr_|{+Qhfol=Wy=e*!aQRaMCe2=-{z}{x5wHB~5Ia=i56>@*5tSYK^on?; zGbX?uxPv{<+|UPJd|MPS6NuXWMoA>7CvqX!Yi`K5(D4^f8z< zE8z`&bd1wGefuSCH}Jm(-x00g9%*lO5U+3?+s|IN9S(a(QU~GFc$!375_=!^%^ogX z0jDqqV|)y24XY-VOGbE)Cc%Wc%m=R!J9(1)otEik`g^v_{w7QdZwl`V|JL1&TwDV? zJc#c-UV55pNVl=T&$@aN&?Bv*Ge!7V7iI_-y0C!oS{K&gzcZx^i%8$wg-tL3-$K)f zU_^=qM>;S?c)klWgeSVNfbjV)ti#+E=)xk>4|ZV_{?GaG;@ry8%E~fc**RE&C9Es3 ze7JGu?BdFDAe~6TVQ9b^IExH8fO69K@<@H@tS==VY|O8ns-M9{8>r|SCc`?M`BKj6 z%JOPpzOmdmQ(tYI2pm5bn3-GIhq@*3Wx>~8#ntCg%(A9Y9q|U7K-zKq4;g?N&47I! M1NiF*t^CUJA9}=*=l}o! literal 0 HcmV?d00001 diff --git a/assets/fonts/kolidecons/kolidecons.woff b/assets/fonts/kolidecons/kolidecons.woff new file mode 100755 index 0000000000000000000000000000000000000000..be88c5aede5da07fd5ed5e821dbebce3daa31989 GIT binary patch literal 3928 zcma(UZERcB^`3j5pTF|#+Rx8+5`R5A{zyXn{n4b3W0uqXfO3{{J}QKo4yqzO&?u~D>5+Qbh)EMgmo4QZ-`w0{T<37WEjG{nAW?4A3bT{6_M zUB7ehIp>~x?z#8ed(QRQnOcni!D9a^v1)A(uWwam?oMS10TcEe=U{jGD|1V;4 z=@&S7PF>2+&z?aZbs^1VIqaA}b?!mr`3SN6n8T_om|SSgK0rv%Z?M0}LHgrUe_22# z@@^nKz`?R4URYRKeS{Dxg!CO8ZXcr~r&i`rPFg@Z#=-NNQdydP1m~5WL^`B_kDObc zU1}ij=V;>-9G=;0{_LTZGpo4Xoj2teVoXrrNn$`7pP_Fd{cXL44@nNpNN+E&V>`w1 zDk1GQ+h}i)Dnmeywx`(g64GiBYd%vRK|nZ#GCB<%nrWl*$hBzw0^v4Va0e;=fP^-C z+FR{5@=)g{(Qs(L=Miwk_W5)VRy8?&E{<{u4xtX<+?$AQa%q9UC&L;L;y@|DS?roL zc4DD~lt#5FwCexh@s(8>VULngav#C{hIpw0oiAT3RG^Sg(n#1w6_?u+0RFk$ipOXJ z#TB5rY=su`u{g^HP(Vbk{zbyEcoOulkgw1j3nx*qH~|63Ws4)@)WP!N`dxReFP3K}KOEds2vF<+YG9sYyLKJ(Far`eGFaG? zU{h;HGLa&6J@q6_{DEfA ztaLlZ7b8##(M zxR+*?Z3 zs^}!s(A0_BZ$B|LXht_7gO1FcESFEtjC9+r^QGCxrl%j9Ep=OXvphUp<^Zj1H8_9r zWFt6{k*uP@D&;4`<0mEu2BuC_B9r-mXqDdCu8b?)u8OPFRh4o5P4vqu`bEJV*hLQD zN$0C@;3?FW;lOnnl{8;PrjXW|89)3l1|_v87OK^SCu*Jc>Uy)eo<7jX=Nkvo{|#rC zcl4>wEw5AU+rcqjooq1Mhv1B=NrE z_N%!64s?K;Ef(Tx){TUS%viyZFM15_Y$;kW*nr>3XjPWzh9t|1%1FTyl z$+A_mNZ1K$TIaglUzg0+Et1WA-7HZbv@SV)J{hjczPiogg_OzKa>bjn;=n58wiV7^%>pV!;7LT*b(M)CVt`#fzfbG-a0HmwnQ} zXFp>bVQ*`x^>wo%o)=A$i3Z?1-mre(Mp0)8b$apcmobYFz~HFI#0q3?UOcyG#F=3$mzqSSZ5cJdE;#97b*W)+iRH|c#9CgZZrKK>h&wZQC zI%FR?7o~fdHxL*zrJnp=b4VUidIP56OV2))I@#MhqR(RzxM2)P;&hF3)9mVo-V_t+2nWUgDrS2lmUwKv2o7$@-UW>7)A z^3TKUaFstizt9INJAC7cct!6M$X;?Mdy#ob5AoyM0$=7OQQO}*#KK09i&+nb5{&w4 zI0?lP$oyc$v>0p0C!C1cK;OluUEUZyAM?6eZ@R{?x}N$$3U>Ai;mPFIqshsz&P!MYYBgnf!z@YWjfePB zaXa<(@MV4S%C8RIZ!dpJtlBEc+s61P=j(0zRc$x;{}J2~t>7MMZ+0SH;WXBtzixF2 zr>;pS_%NO(k(a_YfNir&3s;C+7$u{;5222rY2}&`->Ye`U@i-g*TD%-!QW_wK1YAY zmf2s0Dd8RA&%(b9_n;KFz)8;Hdyki{r5e$xY~-gMJAoLHr`t>sKi8XwAimbY z4fqdF>EI&r_jPa!=_B97rGa2ZjtzTsoFYEo!5QM?9b7>Cd06GvCG${Y ze(lukX`HlyhOS{UoF%7kDOp=tUJcDRmK&#MR~rw6PMix(&#ml7+miUQ;B&9y?DME* fS+i&s=>~ZKc_+v@tf#dF?AI5-Uq`sgFD?HD*i4kC literal 0 HcmV?d00001 diff --git a/assets/stylesheets/fonts.css b/assets/stylesheets/fonts.css index bc4a5c9d06..6ce43e8aa4 100644 --- a/assets/stylesheets/fonts.css +++ b/assets/stylesheets/fonts.css @@ -28,6 +28,17 @@ font-style: normal; } +@font-face { + font-family: 'kolidecons'; + src: url('/assets/fonts/kolidecons/kolidecons.eot?12uvii'); + src: url('/assets/fonts/kolidecons/kolidecons.eot?12uvii#iefix') format('embedded-opentype'), + url('/assets/fonts/kolidecons/kolidecons.ttf?12uvii') format('truetype'), + url('/assets/fonts/kolidecons/kolidecons.woff?12uvii') format('woff'), + url('/assets/fonts/kolidecons/kolidecons.svg?12uvii#kolidecons') format('svg'); + font-weight: normal; + font-style: normal; +} + body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/assets/stylesheets/icons.css b/assets/stylesheets/icons.css new file mode 100644 index 0000000000..2544b6ddcc --- /dev/null +++ b/assets/stylesheets/icons.css @@ -0,0 +1,57 @@ +[class^="kolidecon-"], [class*=" kolidecon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'kolidecons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.kolidecon-filter:before { + content: "\e906"; +} +.kolidecon-penciledit:before { + content: "\e907"; +} +.kolidecon-upcarat:before { + content: "\e90b"; +} +.kolidecon-downcarat:before { + content: "\e90c"; +} +.kolidecon-username:before { + content: "\e900"; +} +.kolidecon-password:before { + content: "\e902"; +} +.kolidecon-email:before { + content: "\e904"; +} +.kolidecon-search:before { + content: "\e909"; +} +.kolidecon-hosts:before { + content: "\e901"; +} +.kolidecon-query:before { + content: "\e903"; +} +.kolidecon-packs:before { + content: "\e905"; +} +.kolidecon-alerts:before { + content: "\1f32b"; +} +.kolidecon-help:before { + content: "\e908"; +} +.kolidecon-admin:before { + content: "\e90a"; +} diff --git a/frontend/pages/HomePage/HomePage.jsx b/frontend/pages/HomePage/HomePage.jsx index 66a9bf8600..bf09993dcf 100644 --- a/frontend/pages/HomePage/HomePage.jsx +++ b/frontend/pages/HomePage/HomePage.jsx @@ -14,6 +14,7 @@ export class HomePage extends Component { return (
+ Home page {user && Logout}
@@ -28,4 +29,3 @@ const mapStateToProps = (state) => { }; export default connect(mapStateToProps)(HomePage); - diff --git a/frontend/templates/react.tmpl b/frontend/templates/react.tmpl index b7a7a90639..185751cd75 100644 --- a/frontend/templates/react.tmpl +++ b/frontend/templates/react.tmpl @@ -3,6 +3,7 @@ + Kolide