From 181d8ae716f21823ac0b3408674f3b8404f12b0a Mon Sep 17 00:00:00 2001 From: Lance Cummings Date: Thu, 22 Nov 2018 13:49:46 -0800 Subject: [PATCH] Add moz footer and update news feed style --- _includes/footer.html | 92 ++++++++++++++++++- _sass/_main.scss | 68 +++++++++++--- _sass/_settings.scss | 2 + assets/icomoon/demo.html | 34 ++++++- assets/icomoon/fonts/icomoon.eot | Bin 3360 -> 4092 bytes assets/icomoon/fonts/icomoon.svg | 2 + assets/icomoon/fonts/icomoon.ttf | Bin 3196 -> 3928 bytes assets/icomoon/fonts/icomoon.woff | Bin 3272 -> 4004 bytes assets/icomoon/fonts/icomoon.woff2 | Bin 1660 -> 2104 bytes assets/icomoon/selection.json | 2 +- assets/icomoon/style.css | 18 ++-- assets/img/moz-logo.svg | 1 + assets/scripts/config.codekit3 | 10 ++ assets/scripts/protocol-lang-switcher-min.js | 1 + assets/scripts/protocol-lang-switcher.js | 72 +++++++++++++++ assets/scripts/scripts.js | 38 ++++++-- assets/scripts/scripts.min.js | 2 +- assets/scripts/scripts.min.js.map | 2 +- 18 files changed, 310 insertions(+), 34 deletions(-) create mode 100644 assets/img/moz-logo.svg create mode 100644 assets/scripts/protocol-lang-switcher-min.js create mode 100644 assets/scripts/protocol-lang-switcher.js diff --git a/_includes/footer.html b/_includes/footer.html index 2dad314c..4a9ef548 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1 +1,91 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/_sass/_main.scss b/_sass/_main.scss index 0347f92b..a9e8276e 100644 --- a/_sass/_main.scss +++ b/_sass/_main.scss @@ -283,21 +283,6 @@ html {height: 100%;} -// Body -// ------ - -.site-content {} - - - -// Footer -// ------ - -.site-footer {} - - - - // COMPONENT STYLES // ------------------------------------------------------------------------------------------------------------------- @@ -937,3 +922,56 @@ html {height: 100%;} .cell {padding-top: rem-calc(8); padding-bottom: rem-calc(8);} } } + + +// Moz Footer +// ------ + + +.site-footer {background-color: $black; color: $white; + @include breakpoint(medium down) {padding-top: rem-calc(40); padding-bottom: rem-calc(40);} + + a {color: $white; + &:hover {color: $white;} + } + + h4 { + @include breakpoint(medium down) {margin-top: 1.5em;} + } + + ul {list-style: none; margin: 0;} + + .mzp-c-footer-links-social {@include horizontal_list($margin: .6666em); + a {font-size: 0; + &:before {display: inline-block; font-size: rem-calc(20); vertical-align: middle;} + &:hover {text-decoration: none;} + } + .twitter:before {@include icon_font($char: $icon-twitter);} + .instagram:before {@include icon_font($char: $icon-instagram);} + .youtube:before {@include icon_font($char: $icon-youtube);} + } + + .mzp-c-footer-legal ul {@include horizontal_list($margin: 1em); margin-bottom: 1em; + a { + &:hover {text-decoration: underline;} + } + } + + .mzp-c-footer-primary-logo {margin-bottom: rem-calc(16); padding-right: rem-calc(24); + a {display: inline-block; width: 100px; height: 32px; overflow: hidden; text-decoration: none; text-indent: 120%; white-space: nowrap; background: $black url("img/moz-logo.svg") no-repeat 0 0/#{rem-calc(100)}; color: $white;} + } + + .mzp-c-footer-secondary {font-size: $small-font-size; line-height: 1.333; padding-top: rem-calc(40); + @include breakpoint(large) {padding-top: rem-calc(60);} + } + + .mzp-c-language-switcher {display: flex; flex-flow: row wrap; justify-content: flex-start; font-size: 1rem; align-items: center; + label {position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px;} + .mzp-c-cta-link {flex: 0 0 auto; margin-right: rem-calc(24); font-weight: $global-weight-bold;} + select {flex: 0 0 auto; width: auto; margin-bottom: 0;} + } + + +} + + diff --git a/_sass/_settings.scss b/_sass/_settings.scss index f7fc120f..772ac668 100755 --- a/_sass/_settings.scss +++ b/_sass/_settings.scss @@ -91,6 +91,8 @@ $icon-mail: "\e905"; $icon-telegram: "\e906"; $icon-twitter: "\e907"; $icon-github: "\e908"; +$icon-youtube: "\e90c"; +$icon-instagram: "\e90d"; // 3. Breakpoints diff --git a/assets/icomoon/demo.html b/assets/icomoon/demo.html index 84ea7247..a7fa4cc2 100755 --- a/assets/icomoon/demo.html +++ b/assets/icomoon/demo.html @@ -9,7 +9,7 @@
-

Font Name: icomoon (Glyphs: 12)

+

Font Name: icomoon (Glyphs: 14)

Grid Size: 24

@@ -163,6 +163,38 @@

Grid Size: 14

+
+
+ + + + icon-youtube-play +
+
+ + +
+
+ liga: + +
+
+
+
+ + + + icon-instagram +
+
+ + +
+
+ liga: + +
+
diff --git a/assets/icomoon/fonts/icomoon.eot b/assets/icomoon/fonts/icomoon.eot index b7bce8402ef46f52f8ddec14ded6d73585379527..f8d43c31c891e9580ac12812e457cf2190c45364 100755 GIT binary patch delta 981 zcma)4O=uHA6n?Y2-A%h`mravR`jc$g)LkN^-A#5kLX+4=4_c+AheoMwZD?zQn6_ZS zo(vxJ;6+1<=&c74ya`1kSVT~y(2M9n4<7U^f}ox((YG60DjpPO=FRusH#6TiGwYo@ zGP@%HoE9pq&1^q4hAM-X#IFFbiG60aR9Ft?U$0fRy322_#LfYbRRI2EalSCue(HS( zfcFLR>>?((=kzPYJBWLWrIpn*VXp(U_8>lXVQIGD_lr5iMZ{{Uu(}Lg@EGw;#663J z()^v_<{yY3;2GDJmoBaVjTI0MId!0EvRR!Yhe>PoE;&J3H@=Yjo-&2CQ3hxkxkqtb zoQUm-V1xuE0|#BgsS(gwu8kONgwru{Y}Du@*fd?$aAN6pDoczkN$D6% zl%I_%s%6^AgcLZSL{*k^jJck02uJ}x=a+(xXZHqhNFq0g>m7@(I~+9AGA&!x9QRIh zBBw-&e{VA-deE&nMbk>VE3>4GYw_gYyGIChJfF^tk7v^PQJ&^*)33SK@WNQyGt8x8Gpf?k({FHUIM<#>aF zRBn(+jZk!0(nRwqs+?rCg2u0IWL{q1%_(UJ3tw~J_(|ANJoo|TzTbrx-Nkg72 zUEY7vpK5j$m;X<4{r0~^?a2q?JUqaV@pSvFkp2!lX4U$(@F gullWJ(BshXw?Nh8l{RL*=^kQdFCRSGnBkw1U%C&bT>t<8 delta 256 zcmew(zd(vjftP`yhG!z18Ovwo`Q{TH$^}0$Ffi-^;)LYf!~*fKOOqy^kg0!KuCRP+MNHS~%^0xr_3VDgSsWZJee*^hffOfPM6cw#{E z49v`odnczb+B0%bUc%_j$i4Xk<4O)?Mvw{y2J`vKpX2#$zA|vLfcZB>_9cNBAbN5S euQ{W@`*xPYP{O#%#?H{0+XU<3do1V3{C diff --git a/assets/icomoon/fonts/icomoon.svg b/assets/icomoon/fonts/icomoon.svg index 7f77c4a7..1ca2b9a8 100755 --- a/assets/icomoon/fonts/icomoon.svg +++ b/assets/icomoon/fonts/icomoon.svg @@ -19,4 +19,6 @@ + + \ No newline at end of file diff --git a/assets/icomoon/fonts/icomoon.ttf b/assets/icomoon/fonts/icomoon.ttf index 5a4c36858e2f2e618a6e961ef01be0abe8e69746..bfc76bc0bcbb5d4edc9ff8ae1f8b64f50f04401e 100755 GIT binary patch delta 1024 zcma)5K}^$N6#oDIqaEv@ZglNHwvrax%w*7RZD+zZWqME~AW>$5f-VSK41*Cv^ z9=r%bjNUw%crzi2iNuiT!Gw#^gB(2Q*?2OZB-7W01c3^#DFTw=g|e;Q2rfh!PNL zxv*S8`_VJND}a0E3+0*nL#^KdKZYVVD+`NDAQXPwA!i>EvbDN>7`NTQCvn@xFn;8% zQm`@VK}3SUV{j;r104x5ibcTyqYJP!LORW~W1}52I(UXwj6Mv1O;DN60CM1M-h8IL<6z*Wa zBq3IWv`*)4E-;#DnU<|;&QRPkU>I4!d^4G>9CUXa4W^ZLPFCv)pz^QmQB0l4r!(W@ znRI?M7|6t8{r$06CKw0=8|y$YD+xk0DhN{TQ&{O8l4XGlvwn_l^}yg@CZ1NB^Rr=2 zkmaFXCESP+{ca2)7!%^g_^VJl5n+IsadF@##LPXZ^^ZL{}R=d?|!6kBLN7BKegVpxWdH@(4>O-*VBpdL@>Mc& zODaqzvvmRa0YJV(PJXguB3~ZQBA~zopny_tVnqRiB*Ru9e+!VWke8U7I@62uH;{h? zXh~Z^esKxVp+LYB1CnQ8X5KsTfITDkBt~yW?#(`oD>;-w{s98>`O2T;`E9;3aI=8< yH$?U&ffyiq@(UhwMuEu+ybhByc$I{Jq99EI44WA^KuQ>xCOh&AZ{Ezilo0@yWI$#B diff --git a/assets/icomoon/fonts/icomoon.woff b/assets/icomoon/fonts/icomoon.woff index 392b0c72498a00f8887b85fff1034bd1307de24c..acdc879bcdec19bdc15f2c079ae71017534f0720 100755 GIT binary patch delta 1079 zcma)6K}^$77=EvBv}4^E8(p`dTTP2=rWv$byB*l3PD2n0ghZx6z$^$`lmQ7O;>E>8 zJ$Nx>#9-pV1Dbd=sF+B+=z)Zb(Ssg1=-GHOo;1_{b!?h=(5C<1*jN$u`H>-UBE#U-fbdXq)LM40M6jpf>~-iA31MvhhV zZVb1oMO2uWS~8WzdKRZN7*olFj_+V!?eoQvTyC;6=nay7cPTfHDVfdp-^W93QY;DA_JIA#6{mhS&6V5 zt=HNC&L{c=P7wXH6;@-wC4lRPu(Wb37C6-~4Ko>0X;Z8;;5b>qLNl1G9I~EJ4ThPf zJ1g}7ka;h97&9mH>CEV8CY>MldNR>yPfs+O@p?So#@yr0N}?DJi=tHf6i~VbWLb0v zc&D3fwL#;cC$?7B?c@V)QI-d~lt6>ycUl}mFeb#}I4k}J32$PCgj99hjGc>hkHyT1 zh#F=HVZv%;!iKw02>P&p=l$>T=O!Hc>LrJUz14e;qjt)H6NIX}4q3F_Z+Qr7 W`cv?tXVzDa5CcDjjtzx>fPVqFj;w(I delta 338 zcmZ1?e?n5E+~3WOfsp|Scup{IgXx;d6ZwTFFW_gHs4Y_eDLFT>fPsNA11J>&!s20< zCZ#79gT(d#`5aIzke*YS1{6C26siH?rv(cSWTYmhFfedA0M(d*u(10<{S2TWP^<#T zR{>%6!_4P0a!Y`Gt~o%y0|=W;X6wqyPX?;<X?BnX6C(1CqV0AA_5aL{d(d$kSTe|i_}DB{%vV3yR=n%1^vtlP`>4b2Lg$Sow0O9 z;DPwRT2p(Q&y~S{5x6K@r-JuDNmPlz#fVN+RaGtCe*st_x!T$))4_JN1#wVy(9^#= z0w_I3Wn(DVVHb@bH#r^H8LJOF|Lj%a`u@*pshf`qfE zQ>%s&OsY-b_^kW?UjXPCG?M?{Cd*79A{L}rSr-ifc$_YO(4;;G*wwPOmPslzfk<0b ziP(>fQW_u6B__I4O~y1U-y*0@kdD(vLs(JE>#~J;0?>b}I%PEmqCtoNpHo~E8$Bg! z$?G%qOE-g>0)A7IvIYSrR;t+mrAJbd>rAu;=8c3w_?nst1-wzPK_QUjyaaWGq&Pp}ZE+`;^zaDOr(?O%U37D$>+9NB{`>wvbKR zd$^ATl;ngoZxleH>q&$>B67_}%O<6e%Y?w-5}7^>T0$Q8$OAh~aSkpWf-nxWCUL?W z#FKF|##6zRHOVMM$+?+>2`K%daprCQArd z>|6p+;(bDzN7i=z-7qqcD6!l9UHCeGpL46muRdD=YJ0mwJblZ{qt{36>+FrA-pZ5P zVf}JHGcl;2@Bfx$lTrJ#64oeeEvPMg`9Hfxx_VY;P&cP+rbDjNQt1sHg7#lz3N>cc zGzZpyh}uqcdLRmlp1Zkri2Cof3MEWPmwMPU3Q2|lN1>!GYZyxA>1a*c~h zsSvIq{d>Q|=yn|5P2zh|^84{1j|I6O2=MfqL{Nm6JT`UjUcJnEbUqH=tpzzdq|s)j zMT$(LVgd~_Mu%(8bPhNd9?Xqss#WCxki6BbL zNlvM)Ww3t&Tzh?nNrr4q{5)_l|AWdfnN#)7|39zGQGLjBTIBauagzy0 zcMW8|mBwf^VX^#He6Ez&U>UpjV4h-j{)I+ z(9qvXgQ}Q0K$C-(S+tV0d`)m)o~=5XB2PKG>d(!wW1(&ARB zSwhT>eKE7=6la7A=OmdlZM*kqm(bik<<|}EJLjF+Q#b`x`}YcDx-y-E205#59PnF2 zvzXZ<+{I^RUMe*ZQ|(m_`xT?IM|+00NL;~h3f9DiFwYNOfMCr{{EEbX7DGLwM&-0p zEd1_C$dsM2>EO76PV12zk)x_trM$`b%w58nJyg2=0rk0q24zBOKtG5W9eM%8;54#2 z^)imjCMIG6CpQ>G$KGAy0?xv@iaE~ga%H73%>+jY!_;J*8l@V|71$<}HubstVPqtS z3e6ZMM-Zx0R9mz7d*b1LXfbIpt_|F86IP#D_9#F0{0!3!(=12VZ`mRd5u&prc)jHY z>=h%4g!Ulek!5<^*zyX|*&!-IB-yw~<|@E6QQd&PjKL6&mqu3DV_zfE7p)F7$j@)k zFfVuJHSE{OYu_NptN3#M028%YoKMrBbM)f7R&Pty*TR+i*2OU zE%+IOvE%zuTaSJy9G{Uv{2sAF&JA=5gRn6cJ`(P zQcbY|sUXNVIo%0=-n7m*-6X(E5+CsJ=nN>4chJ2{|8yngAf9y9w5LIS}s@+(7&TY0B@LMn1TU7dtnKGKSw@4f?#a5s^w!y0R90Q zQlPtlxf?`LB@RI8jFS{r!j7#Q2^2sN3@!$WYXOS~rplmyfti=1aGP2+e!&!haKfqz zD?tH)!C|1dA+UHvstgu5csay5ZPciNbzNUdHGB6$SCpYQdZKqK_xgCJpWziyfC}_O ze{@}(F&xN%7lOd}3yyz;{xNb;fiMQ52TIV7$@&9x)JGrA??AhJFIsHN53uXQs6elS c$y|Z~s6crUZYhSAqF;@%-PGX)MFIc-03b-}wEzGB delta 1650 zcmV-&295c+5c~`ncTYw#00961000Jj01E&B000bd000Irkr*F;kZ_Ga0X70813(KR z00bZfg9Zm68`}xUj?_l;ml3icr#UOhB!y%Qv3<0PrG+ z|G!^rbsx*ew5hfWjgV>S#8x!z9i~zOLo%(ti>Ng55UCv1?TFbEs)Z6>(63W~WiQYh z&;ZOD=01Sev)Ryp59mP#KwOjpStszFz+V3UGMucXrN;uE%dlo*CaCphL7p7?=JL>k zLGpy$?}Y#V1%MI9%=G^kHV&*#3xTjyvc;urBsT+KK6jaU985yX5Mr2`VtZPTF|)8$ zak1!d6m&G3I;CcgtV#eZF(AR=pjTKH+sP~2%@o-UStjCtWSOKr7DRUl>Mk4R#rKiC z*GkLey}Ys;!~|loZW}3T@kgVA8n*@GaUy(B#7w>>d7nVZ>K;hDc}i0DQZTlbrX`+u0!Dh=llS@7m{nlDx=cj; z$*081@ARR6GD#*WDyT9E>K+h+@m&J7T%s%sYMgI5R*vzMphQ56YOJ{qBee*WsJ3B` z-O58%NsU^F_XYTPT#!|PCP~u4h>9X&R$6+mibN?Y9KJ+B)m0BigCr5ns$93Xux|V6 zB7b8%YWDd^%Xs}ec4ah5zUJm4h*tuwtwAIQ+uDME1l8ZtQgzwx^Ny&5Tx^|q;tSe_ z+-&WB4%A&Kq8%rS&WhCClyPCug_aRFM(p)&ZGzg;Zr45g>dTH@x9rOl=~U#7zwg@~ zBj%EP(Ari%>(Tb{ZJl>E)6Sc`a=lP)E!@AwvimTk7Jp=Q>h|XDdvB7mhjtvHBW-k` z!z0CitrH*aqVnW;%o>ZBBT-8<-fqNWSQM8*YK5bF@p?#6L9+FdJxPgRB4< zBN2;%#s6-Z&tDqwd4d72Ke+7nV47Ux^}vL>zLwF9IHM>NwtE7Uli%su$QcY=BfiZx z*>F4El=UrnsZHc*Fy)Ln-var^oW_@o#isaw<>V><*9POuqG6W*f8QV(zV-zr{Id+= z%SKc1gG8qA5U7mdCUAWbdPWeQ31R;9P#@RHzOde0UYHv~$UZ;(#8IwM3mpl9Jp|k+ z3^@eB5yJHO;kl;GJS_`mQwx9~VN@wA9a?=yh~Iy>`CJEWhjW|%T(vf!?M_VyY(win>G9GCMG zf%S;sKH7qo<3tY&A~d%r%QGb`dSEYkis6(^VBnnGcYE?Y9OubH_%fV^6)h|gfSvce zYWY0PPZwU+ja*S&cq-Ps@W&Rt%*Td*f3T`1ZE4T4@2A?U?A3}=?Fmz-4raSc*j;ie z4yup?99Y$1(C_ny9e&xSNzhj2SLand7pw1re%312>m6=xE=_RGcl>&}dX!a$A#v`} zf4oh@n6!0uqdS&%O?!Ae?ajC9x>eV_)y^!8pEiAheMFA(>&`=mBA1WWD9D(9H?z`} z@5)=aFt7Q=m1C?WmJ-+W@MNcj`9v?Eq+^cl%oyED_o~7rBOMzvcUSeo&TwYtq8O@r z?atij7`dcyK8}yGDr)6^3HC?ATrc%FU;X;?S zY-P$qGUcXp1sU_4n0YB0QFN1kN{L<68jU5nhtDsGiB>VcP82Qq`K2A0;azj<8KxJP zXI!;A>+Q-7W!Yg)*2`$f!*(6cFrKbmd$8!fbh0x;AxLh9TP$WEwGbAQKX90u4z@kCGq2=KkSdmL;E#xV~qbIgcd9je4H4{_N zh*_9{S%{hW0Y \ No newline at end of file diff --git a/assets/scripts/config.codekit3 b/assets/scripts/config.codekit3 index f104f0af..a4dfd0d9 100644 --- a/assets/scripts/config.codekit3 +++ b/assets/scripts/config.codekit3 @@ -113,6 +113,16 @@ "oO": 0, "oS": 1 }, + "/protocol-lang-switcher.js": { + "ft": 64, + "ma": 0, + "mi": 1, + "oA": 0, + "oAP": "/protocol-lang-switcher-min.js", + "oF": 0, + "sC": 3, + "tS": 0 + }, "/rssfeed.js": { "ft": 64, "ma": 0, diff --git a/assets/scripts/protocol-lang-switcher-min.js b/assets/scripts/protocol-lang-switcher-min.js new file mode 100644 index 00000000..9b84b77f --- /dev/null +++ b/assets/scripts/protocol-lang-switcher-min.js @@ -0,0 +1 @@ +if(void 0===Mzp)var Mzp={};!function(){"use strict";var a={switchPath:function(t,e){var i=t.pathname.slice(1).split("/"),n="/"+i[0]+"/",a;return!!/^(\/\w{2}-\w{2}\/|\/\w{2,3}\/)/.test(n)&&"/"+e+"/"+i.slice(1).join("/")+t.search},doRedirect:function(t){t&&(window.location.href=t)},init:function(n){for(var t=document.querySelectorAll(".mzp-js-language-switcher-select"),e=0;e
', + container : '
', breakpoint : 'atleast_large', }, options); var $container = this; - // console.log(settings.source.html()); //

Firefox, Chrome and the Future of Trustworthy Extensions

Browser extensions are wonderful. Nearly every day I come across a new Firefox extension that customizes my browser in some creative way I’d never even considered. Some provide amusement for a short time, while others have become indispensable to my … Continue reading

The post Firefox, Chrome and the Future of Trustworthy Extensions appeared first on Mozilla Add-ons Blog.

Apply to Join the Featured Extensions Advisory Board

Do you love extensions? Do you have a keen sense of what makes a great extension? Want to help users discover extensions that will improve how they experience the web? If so, please consider applying to join our Featured Extensions … Continue reading

The post Apply to Join the Featured Extensions Advisory Board appeared first on Mozilla Add-ons Blog.

October’s Featured Extensions

Pick of the Month: Default Bookmark Folder by Teddy Gustiaux Do you keep multiple bookmark folders? This extension makes it simple to add new bookmarks to specific folders. “So useful and powerful. I no longer have to change bookmark locations … Continue reading

The post October’s Featured Extensions appeared first on Mozilla Add-ons Blog.

Powered by rss2html
+ // console.log(settings.source.html()); + /* + +

[title]

+

+

[excerpt] … Continue reading

+

The post [title] appeared first on Mozilla Add-ons Blog.

+

+ + ... + +
Powered by rss2html
+ + */ var items = settings.source.html().split('

'); $.each(items, function(i, item) { if (item.indexOf('rss2html-note') !== -1) { @@ -529,13 +543,21 @@ jQuery(document).ready(function($) { var description = elements[1]; var title_elements = $($.parseHTML(title)).text(); var $description_elements = $(description); - var $cell = $(settings.container); // $container.find('.cell').eq(i); + var $cell = $(settings.container); + var $cell_content = $cell.find('.block-link'); - $cell.append($('

'+title_elements+'

')).append($description_elements); + $cell_content.append($('

'+title_elements+'

')).append($description_elements); $description_elements.last().remove(); + + var $link = $cell.find('p a:last-child'); + var link_label = $link.html(); + var link_url = $link.attr('href'); + $link.remove(); - $cell.append($('

')); - $cell.find('p a:last-child').appendTo($cell.find('.continue')); + $cell_content.append($('

'+link_label+'

')); + $('.block-link-inline').html(); + $cell.attr('href', link_url); + $container.append($cell); }); diff --git a/assets/scripts/scripts.min.js b/assets/scripts/scripts.min.js index 3870829b..3dd5e414 100644 --- a/assets/scripts/scripts.min.js +++ b/assets/scripts/scripts.min.js @@ -8,5 +8,5 @@ * @license Indicated portions adapted from Animate.css, copyright Daniel Eden. MIT License: http://en.wikipedia.org/wiki/MIT_License * @license Indicated portions adapted from Magic.css, copyright Christian Pucci. MIT License: http://en.wikipedia.org/wiki/MIT_License */ -function(){var b=window.jQuery||window.Zepto||window;if(b.Velocity&&b.Velocity.Utilities){if(!b.Velocity.version||b.Velocity.version.major<=0&&b.Velocity.version.minor<=5&&b.Velocity.version.patch<=2){var e="Velocity UI Pack: You need to update Velocity (jquery.velocity.js) to a newer version. Visit http://github.com/julianshapiro/velocity.";throw alert(e),new Error(e)}for(var t in b.Velocity.RegisterUI=function(m,y){function v(e,t,r,n){var i=0,o;b.Velocity.Utilities.each(e,function(e,a){n&&(r+=e*n),o=a.parentNode,b.Velocity.Utilities.each(["height","paddingTop","paddingBottom","marginTop","marginBottom"],function(e,t){i+=parseFloat(b.Velocity.CSS.getPropertyValue(a,t))})}),b.Velocity.animate(o,{height:("In"===t?"+":"-")+"="+i},{queue:!1,easing:"ease-in-out",duration:r*("In"===t?.6:1)})}return b.Velocity.Sequences[m]=function(r,t,e,a,n,i){for(var o=e===a-1,s=0;s=e.offset().top+e.outerHeight()},r=function(e,t){return t.height()+t.scrollTop()=r.offset().top+r.outerHeight()}function d(){return t.height()+t.scrollTop()f.top&&s.topf.left&&s.lefts.left?"right":f.left+u.widths.top?"bottom":f.top+u.height
',container_id:"stdVideo-player",close:'
',cta:".video-link",cta_container:".video-cta",youtube_id_data:"youtube_id",target_data:"youtube_target",default_target:null},e),r=y(a.cta),n=r.closest(a.cta_container),i,o,s=a.default_target,t,l=!1,c=null!=navigator.userAgent.match(/(iPod|iPhone|iPad)/),u=/(android)/i.test(navigator.userAgent),f=c||u;function d(e){console.log("video state change: "+e.data),e.data!=a.yt_object.PlayerState.PLAYING||l?e.data==a.yt_object.PlayerState.ENDED&&m():h()}function p(e){console.log("video ready"),l&&m(),f?h():i.playVideo()}function g(e){console.log("load video"),o=y(a.container),a.close&&((t=y(a.close)).appendTo(o),t.on("click",m)),y("#"+r.data(a.target_data)).length?o.appendTo(s):(o.appendTo(s.find(".cell")),s.velocity("fadeIn")),i=new a.yt_object.Player(a.container_id,{height:"390",width:"640",videoId:e,events:{onReady:p,onStateChange:d},playerVars:{controls:1,enablejsapi:1,loop:0,showinfo:0,modestbranding:1}})}function h(){console.log("open video"),l=!0,o.addClass("playing"),n.addClass("playing"),r.removeClass("loading"),s.removeClass("loading")}function m(e){var t=y.extend({fast:!1},e);console.log("close video"),i.stopVideo(),l=!1,o.removeClass("playing"),n.removeClass("playing"),y("#"+r.data(a.target_data)).length||s.velocity("fadeOut"),t.fast?(i=null,o.remove()):setTimeout(function(){i=null,o.remove()},1e3)}a.default_target.length&&a.default_target.find(".bg").on("click",m),this.on("click",a.cta,function(e){var t;e.preventDefault(),console.log("clicked to play video!"),y("#"+a.container_id).length&&l&&m({fast:!0}),r=y(this),n=r.closest(a.cta_container),s=y("#"+r.data(a.target_data)).length?y("#"+r.data(a.target_data)):a.default_target,r.addClass("loading"),s.addClass("loading"),g(void 0!==r.data(a.youtube_id_data)&&!1!==r.data(a.youtube_id_data)?r.data(a.youtube_id_data):r.attr("href"))})},y.fn.video_banner=function(e){var t=y.extend({yt_object:null},e),a=this,r,n=a.parent().parent(),i=n.parent(),o=y(window),s=a.attr("id"),l=a.data("youtube_id"),c=!1,u=new t.yt_object.Player(s,{height:"390",width:"640",videoId:l,events:{onReady:f,onStateChange:d},playerVars:{autoplay:1,controls:0,autohide:1,wmode:"opaque",mute:1,showinfo:0,modestbranding:1,loop:1,enablejsapi:1,playlist:l}});function f(e){u.mute()}function d(e){e.data!=t.yt_object.PlayerState.PLAYING||c||(n.addClass("playing"),c=!0)}function p(){var e=i.outerHeight(),t=n.outerHeight(),a=e/t;ti.height()+i.scrollTop()&&a.velocity("scroll",{duration:900,offset:-(a.outerHeight()-16)})}})),n=!n}),f.subscribe("scrollto",function(e,t){"page-nav-links"==t.parent().attr("id")&&(a.removeClass("open"),r.velocity("slideUp"),n=!1)}),{kill:function(){t.off("click"),a.removeClass("open"),r.attr("style",""),i.off("resize.mobileMenu")}}},f.fn.desktopMenu=function(){var e,t,a=this.find("a[href^='#']").overflow_x_scroll();return{kill:function(){a.kill()}}},f.fn.allMenu=function(){var e=f(window),t=this,r=t.find("a[href^='#']");function a(){var a=0;r.each(function(){var e=f(this),t=f(e.attr("href"));t.length&&n(t,.75)&&(r.removeClass("active"),e.addClass("active"),a++)}),a||r.removeClass("active")}e.on("scroll.persistant",function(){e.scrollTop()>=t.offset().top?t.addClass("sticky"):t.removeClass("sticky"),a()})},f.fn.overflow_x_scroll=function(e){var r=this,n=r.parent(),t=n.parent();n.after('
'),n.before('
');var a=l(),i=n.outerWidth(),o=32,s=!1;function l(){var e=0;return r.each(function(){e+=f(this).outerWidth(!0)}),e}function c(){var e=r.first().position();i=n.outerWidth(),a=l(),ii-r.first().position().left?(a=e,!1):void 0}),0
',breakpoint:"atleast_large"},e),c=this,t=l.source.html().split("

");return f.each(t,function(e,t){if(-1!==t.indexOf("rss2html-note"))return!0;var a=t.split('

'),r=a[0],n=a[1],i=f(f.parseHTML(r)).text(),o=f(n),s=f(l.container);s.append(f("

"+i+"

")).append(o),o.last().remove(),s.append(f('

')),s.find("p a:last-child").appendTo(s.find(".continue")),c.append(s)}),c.slick({mobileFirst:!0,dots:!0,arrows:!1,centerMode:!0,centerPadding:"16px",slidesToShow:1,responsive:[{breakpoint:640,settings:"unslick"}]}),this},f.fn.extenstionAnatomy=function(e){var r=f.extend({control:f("#anatomy-control")},e),n=this,i=!0,o=null,s=null,t=f("#interface"),a=f("#content"),l=f("#background");t.on("mouseenter",function(){t.addClass("hover")}).on("mouseleave",function(){t.removeClass("hover")}),a.on("mouseenter",function(){a.addClass("hover")}).on("mouseleave",function(){a.removeClass("hover")}),l.on("mouseenter",function(){l.addClass("hover")}).on("mouseleave",function(){l.removeClass("hover")}),n.on("inview",function(e,t){if(clearTimeout(o),clearTimeout(s),t){var a=i?700:100;o=setTimeout(function(){n.addClass("step-one"),r.control.addClass("step-one")},a),s=setTimeout(function(){n.addClass("step-two"),r.control.addClass("step-two")},a+200),i=!1}else n.removeClass("step-one step-two"),r.control.removeClass("step-one step-two")}),r.control.on("mouseenter","button",function(){var e=f(this).data("panel");"anatomy-ui"==e?t.addClass("hover"):"anatomy-content"==e?a.addClass("hover"):"anatomy-background"==e&&l.addClass("hover")}).on("mouseleave","button",function(){t.removeClass("hover"),a.removeClass("hover"),l.removeClass("hover")})},f.fn.popups=function(e){var n=f.extend({panels:".popup-panel",offset_x:-220,offset_y:-55,padding_x:0,padding_y:80},e),i=f(window),t=this,a=f(n.panels);function r(e,t){if(t.length){var a=e.offset().left+n.offset_x>n.padding_x?e.offset().left+n.offset_x:n.padding_x,r=e.offset().top+n.offset_y-i.scrollTop()>n.padding_y?e.offset().top+n.offset_y-i.scrollTop():n.padding_y;t.css({top:r,left:a}),t.velocity("transition.slideUpIn",{duration:300}),t.find("button.close").off("click").on("click",function(){t.velocity("transition.slideDownOut",{duration:300})})}}t.on("click",function(){var e=f(this),t=f("#"+e.data("panel"));a.filter(":visible").length?a.velocity("transition.slideDownOut",{duration:300,complete:function(){r(e,t)}}):r(e,t)})};var a=function(e){return f(window).scrollTop()>=e.offset().top+e.outerHeight()},r=function(e,t){return f(window).height()+f(window).scrollTop()=e.offset().top+e.outerHeight()},r=function(e,t){return t.height()+t.scrollTop()=r.offset().top+r.outerHeight()}function d(){return t.height()+t.scrollTop()f.top&&s.topf.left&&s.lefts.left?"right":f.left+u.widths.top?"bottom":f.top+u.height
',container_id:"stdVideo-player",close:'
',cta:".video-link",cta_container:".video-cta",youtube_id_data:"youtube_id",target_data:"youtube_target",default_target:null},e),r=y(a.cta),n=r.closest(a.cta_container),i,o,s=a.default_target,t,l=!1,c=null!=navigator.userAgent.match(/(iPod|iPhone|iPad)/),u=/(android)/i.test(navigator.userAgent),f=c||u;function d(e){console.log("video state change: "+e.data),e.data!=a.yt_object.PlayerState.PLAYING||l?e.data==a.yt_object.PlayerState.ENDED&&m():h()}function p(e){console.log("video ready"),l&&m(),f?h():i.playVideo()}function g(e){console.log("load video"),o=y(a.container),a.close&&((t=y(a.close)).appendTo(o),t.on("click",m)),y("#"+r.data(a.target_data)).length?o.appendTo(s):(o.appendTo(s.find(".cell")),s.velocity("fadeIn")),i=new a.yt_object.Player(a.container_id,{height:"390",width:"640",videoId:e,events:{onReady:p,onStateChange:d},playerVars:{controls:1,enablejsapi:1,loop:0,showinfo:0,modestbranding:1}})}function h(){console.log("open video"),l=!0,o.addClass("playing"),n.addClass("playing"),r.removeClass("loading"),s.removeClass("loading")}function m(e){var t=y.extend({fast:!1},e);console.log("close video"),i.stopVideo(),l=!1,o.removeClass("playing"),n.removeClass("playing"),y("#"+r.data(a.target_data)).length||s.velocity("fadeOut"),t.fast?(i=null,o.remove()):setTimeout(function(){i=null,o.remove()},1e3)}a.default_target.length&&a.default_target.find(".bg").on("click",m),this.on("click",a.cta,function(e){var t;e.preventDefault(),console.log("clicked to play video!"),y("#"+a.container_id).length&&l&&m({fast:!0}),r=y(this),n=r.closest(a.cta_container),s=y("#"+r.data(a.target_data)).length?y("#"+r.data(a.target_data)):a.default_target,r.addClass("loading"),s.addClass("loading"),g(void 0!==r.data(a.youtube_id_data)&&!1!==r.data(a.youtube_id_data)?r.data(a.youtube_id_data):r.attr("href"))})},y.fn.video_banner=function(e){var t=y.extend({yt_object:null},e),a=this,r,n=a.parent().parent(),i=n.parent(),o=y(window),s=a.attr("id"),l=a.data("youtube_id"),c=!1,u=new t.yt_object.Player(s,{height:"390",width:"640",videoId:l,events:{onReady:f,onStateChange:d},playerVars:{autoplay:1,controls:0,autohide:1,wmode:"opaque",mute:1,showinfo:0,modestbranding:1,loop:1,enablejsapi:1,playlist:l}});function f(e){u.mute()}function d(e){e.data!=t.yt_object.PlayerState.PLAYING||c||(n.addClass("playing"),c=!0)}function p(){var e=i.outerHeight(),t=n.outerHeight(),a=e/t;ti.height()+i.scrollTop()&&a.velocity("scroll",{duration:900,offset:-(a.outerHeight()-16)})}})),n=!n}),g.subscribe("scrollto",function(e,t){"page-nav-links"==t.parent().attr("id")&&(a.removeClass("open"),r.velocity("slideUp"),n=!1)}),{kill:function(){t.off("click"),a.removeClass("open"),r.attr("style",""),i.off("resize.mobileMenu")}}},g.fn.desktopMenu=function(){var e,t,a=this.find("a[href^='#']").overflow_x_scroll();return{kill:function(){a.kill()}}},g.fn.allMenu=function(){var e=g(window),t=this,r=t.find("a[href^='#']");function a(){var a=0;r.each(function(){var e=g(this),t=g(e.attr("href"));t.length&&n(t,.75)&&(r.removeClass("active"),e.addClass("active"),a++)}),a||r.removeClass("active")}e.on("scroll.persistant",function(){e.scrollTop()>=t.offset().top?t.addClass("sticky"):t.removeClass("sticky"),a()})},g.fn.overflow_x_scroll=function(e){var r=this,n=r.parent(),t=n.parent();n.after('
'),n.before('
');var a=l(),i=n.outerWidth(),o=32,s=!1;function l(){var e=0;return r.each(function(){e+=g(this).outerWidth(!0)}),e}function c(){var e=r.first().position();i=n.outerWidth(),a=l(),ii-r.first().position().left?(a=e,!1):void 0}),0
',breakpoint:"atleast_large"},e),p=this,t=d.source.html().split("

");return g.each(t,function(e,t){if(-1!==t.indexOf("rss2html-note"))return!0;var a=t.split('

'),r=a[0],n=a[1],i=g(g.parseHTML(r)).text(),o=g(n),s=g(d.container),l=s.find(".block-link");l.append(g("

"+i+"

")).append(o),o.last().remove();var c=s.find("p a:last-child"),u=c.html(),f=c.attr("href");c.remove(),l.append(g('

'+u+"

")),g(".block-link-inline").html(),s.attr("href",f),p.append(s)}),p.slick({mobileFirst:!0,dots:!0,arrows:!1,centerMode:!0,centerPadding:"16px",slidesToShow:1,responsive:[{breakpoint:640,settings:"unslick"}]}),this},g.fn.extenstionAnatomy=function(e){var r=g.extend({control:g("#anatomy-control")},e),n=this,i=!0,o=null,s=null,t=g("#interface"),a=g("#content"),l=g("#background");t.on("mouseenter",function(){t.addClass("hover")}).on("mouseleave",function(){t.removeClass("hover")}),a.on("mouseenter",function(){a.addClass("hover")}).on("mouseleave",function(){a.removeClass("hover")}),l.on("mouseenter",function(){l.addClass("hover")}).on("mouseleave",function(){l.removeClass("hover")}),n.on("inview",function(e,t){if(clearTimeout(o),clearTimeout(s),t){var a=i?700:100;o=setTimeout(function(){n.addClass("step-one"),r.control.addClass("step-one")},a),s=setTimeout(function(){n.addClass("step-two"),r.control.addClass("step-two")},a+200),i=!1}else n.removeClass("step-one step-two"),r.control.removeClass("step-one step-two")}),r.control.on("mouseenter","button",function(){var e=g(this).data("panel");"anatomy-ui"==e?t.addClass("hover"):"anatomy-content"==e?a.addClass("hover"):"anatomy-background"==e&&l.addClass("hover")}).on("mouseleave","button",function(){t.removeClass("hover"),a.removeClass("hover"),l.removeClass("hover")})},g.fn.popups=function(e){var n=g.extend({panels:".popup-panel",offset_x:-220,offset_y:-55,padding_x:0,padding_y:80},e),i=g(window),t=this,a=g(n.panels);function r(e,t){if(t.length){var a=e.offset().left+n.offset_x>n.padding_x?e.offset().left+n.offset_x:n.padding_x,r=e.offset().top+n.offset_y-i.scrollTop()>n.padding_y?e.offset().top+n.offset_y-i.scrollTop():n.padding_y;t.css({top:r,left:a}),t.velocity("transition.slideUpIn",{duration:300}),t.find("button.close").off("click").on("click",function(){t.velocity("transition.slideDownOut",{duration:300})})}}t.on("click",function(){var e=g(this),t=g("#"+e.data("panel"));a.filter(":visible").length?a.velocity("transition.slideDownOut",{duration:300,complete:function(){r(e,t)}}):r(e,t)})};var a=function(e){return g(window).scrollTop()>=e.offset().top+e.outerHeight()},r=function(e,t){return g(window).height()+g(window).scrollTop()