From 70d129d99a08dc39e670049b262a7eedc91533a5 Mon Sep 17 00:00:00 2001 From: hensm Date: Fri, 24 Jul 2020 18:37:38 +0100 Subject: [PATCH] Improve site accessibility + add favicon --- docs/favicon-16.png | Bin 0 -> 1895 bytes docs/favicon-32.png | Bin 0 -> 2038 bytes docs/favicon.svg | 5 +++ docs/images/paypal.png | Bin 0 -> 4532 bytes docs/index.css | 40 ++++++++++++----- docs/index.html | 98 +++++++++++++++++++++++++++++------------ 6 files changed, 106 insertions(+), 37 deletions(-) create mode 100644 docs/favicon-16.png create mode 100644 docs/favicon-32.png create mode 100644 docs/favicon.svg create mode 100644 docs/images/paypal.png diff --git a/docs/favicon-16.png b/docs/favicon-16.png new file mode 100644 index 0000000000000000000000000000000000000000..c64f3acce5ddbe577f31e740af0a06d2086ed09a GIT binary patch literal 1895 zcmbVNZD`zN98cA?*ShKi86v2UsgsGz<>itzi92h1cWV!uvvjAegUOyGPwqmKJTXb{ zt}WsaK?XwwUq1E2MCONzI=}eEmpMO(%rX3+h#*pi&=2AZ2qMVPCwJGZmFp}9k~}ZJ z=l}Zq|DRJcmC50uJBKKW8ZJ*2XUTtG@@D$U_nzPXhU7OGOg$M}8>a4U}zp0YOvL;jvZ#%>@(#1JxWqPyhPic^WuYo}QC*P7eyG?o2I* z=;(5#YA!FBszr}I3=X$6BEUm21TD|?BdwLE+j2EBPL^33v?1|Ao*qvWf_Z%g6mW=u zl$9Bi7bP&NW_dX$s_G#iaJ<5D3d`phUe-iT69mwGXre8&Y;Cr9q^pa}@^n3p1C3>y z&1SZl%i^%c@~Wz`oWKeKLl8`~^>V(7M&TPBNK=Qu zu*QNh{74F1K~PTqw+h*mhj95zS6cfO4rI z^QtT}LY8lvtLs|Xk7DSXs9em`BtBWku{2W>(Wqe{M&@%eV?a@56j72G+p;Z{vlKzJ z(dPLgHWw2XBV$3rG++E4Aja&>=Mm z-K|m+t1Kc>krX4R60$?68jK7@o>4fCV@N%5#30L*RWo6Jn@rl26OlA8b!+J;db&Gu z9nj{F2F;`{^0b){0$Fr-+369FU1{!~Z`KhJdL5Q@v`5&En=nMbjO%RANxW=m;^+d37{V45@H68bRMQK}s z{Ld(LlVH}NUqhs&vvlGQn>4=;1=xSHqrJDKQEtLX_f3Xr+b5Is;y^wT9g=I|t*-`; zlPl%za&f$>eEH5R7lu!Qy`_~ue$2eMp1JGno563tWKMsYIlZ3DkLl%4j+DN>f2{9@ z_s&0Z>d>0M|FxBa_wGG@M>Tq*|I+II$;U6%pT9a`I}c6YdLy`{?|o|DvwOs~*N3iL zys&oW3QOJe&4B~w*5>p-FVDT48~AA)pE+6i;Z-n@*`VC-Zu@Me^2Iav_5C%t{&VF6 z)%y7A#k*Ih2TrVfJH2}B_RlXrwc&oWu(7BAr5A2K_vjPfCs$#)R4KkYapJju0Hv{F A_y7O^ literal 0 HcmV?d00001 diff --git a/docs/favicon-32.png b/docs/favicon-32.png new file mode 100644 index 0000000000000000000000000000000000000000..5c78b457df5798c2258aa29d9e130e5c8247e202 GIT binary patch literal 2038 zcmbVNe{2&~9KVh+TH?YOQ4<)+<;I8vuJ^M)?p$G8JGU}A=9tiFAbWlH+8t}}op-mj zTZ|$Y%n~s{*bp@)E^!zm{Gkxyk3`K9MF|PP7>$yMA;!cg=v)kuKz!GAWtf4)Cf9rS z-sgS3zdrB#M!P!Os+X=@N>NmGygk-U-n9F8tH{4SGBQJ6KC`{orYL{C`*;d(ZW^Mf zs+8W7bdrfJD#STI&~OU*3ptaZDXMW(!31ysIdlqTbR)uC{qSRk*0l(;Baq+|W)$`7 z?IRZ2HqzMxM+TsxF`G8hjRlnuW7D53kg3ODM7hL5R#iX|D zHYxLP=`3wSPnJemoi6G}1<*Yg5eB+~KpIn;))&afJy|a8&-WujdKZ<+YZS8%u=Zcupby1L|Qt>xbbjq^P80b_iuF+*XA|KIXLOQ?y%hU z$w&F(Kn9_<$hB~M?8*&_@~H7xb5C;WwM}Cg^#`}EZO}@i@zPby~HzX?> zl6xDvDxUSJ>#s}*jh0t>#$S2u;*BG1@CAMMFEny50dv4vO#~-G?|3YNz zHot$0rylG3qdK+Z(v-2ZqiN4k@7R_#8$OUKo1%x`1vLV7)YEj+^YqH5#kH-T%_raU z&g^>U0qWQD+YkM)x|dzia$tKdv1iTL!HT}fSH1of(`P>QoJtP%o<0B5#bxK0d&gnD zwg0lmd;dY@*piD!mi7I9?YMCD6;s+-IdN|1;+l$%&tLv>QOA81g$ikHNB80rA2E}w z-Wome+UuDeqHo~UGpDN_^y<&%@Ud{2$noZkG>gnKi`TRUSXTKe|> E12zwx^8f$< literal 0 HcmV?d00001 diff --git a/docs/favicon.svg b/docs/favicon.svg new file mode 100644 index 0000000..21a91da --- /dev/null +++ b/docs/favicon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/docs/images/paypal.png b/docs/images/paypal.png new file mode 100644 index 0000000000000000000000000000000000000000..e1ce843bb1ff5cd07b91ed3071ed429a47221847 GIT binary patch literal 4532 zcmd^CcT^MUyB<_fP*`0+6rzSmv5-m#Nd%QDC;=2$DYjGykU|o=unLG06_>I~5do!0 zvCyT6C?ZWnx{AUADn`1}>m9IM_a66m_uPN)oHLV|Z=UaY-}m{R_nVUtOY?owQi@Ul z07#pf7#;$DBft~6YB_j)uDNPE04xVA&8&^iI&C&YOZ&P#nATr)|9*-1m4>;Vx^e#v zfbk=*EYU|m$t189sUo%TS~z}Hsj|9V4JFW6F7ex~{?y0)l$*V;Qc=Y>qtw0I`tq>l z)laKV%a=ZU^tlK(W4~gd&3o<wMSsc z{IerZpSR@X*U!{g+Z)OGrF74e#pa(F05oCkRe1ZGp17Kkyu7?A00P+ge)>E{iD*B3 z{)LL#ws&_mM+$XDCugQ>;vFt`0O#&UL>B?PYi`#%BlCOXuEt)>e!tM@6p+>HUp&x1 z@Og4-8c6%-l-qCTTP`f=qaIlQ>#7yyug50Q(kE}dpG$^(5>rZkI&5?8t)gqggtv^o zU$Z^s@|~JNsUx+;*DqQDQoHu(iTe62l0_0*kxeZ|9q10{J&K0+*0unn1A#!gzMSyvQ+x?NIR~?4Ib#cX_ zh-=r+oX?V%lM|MY_y%NT*AGvXYA-y|W%-__MR!nvHN~aP0N$b>kUN?+FkZHIrVKwb zJ2yQ&`^S-Abi%vjq0H&31Lq$NF3e88{~+>A{A(FR^UM(5;0_Lc{LJg|Oqet!OZ zIUy$}XY`@T4L_CXGVReP_A`|he#aqh{y~(2VH+Kpt05lhoafQ^dMD4zMqew%U@-cj zZ*t>8GIqPqPmJsi>tvjImT|X+vUiQ2rA+%eOluNy0oc@*jJjJ;4COW5FU$`v_*k{o z%*@=P)LUN7^KP4kbjhuR&%oL_`So%~Y8Da|0Hfos{KOb1neKP*0iSf>_Hapd`t^)E zNL~ZZzfD5}zOb+WcEQ490(fK#6yP0Ut@t!x-ch!fJ;OoJv}`Uo|*^_&k>0x5C}*V28qGIK?I!d z%@&Zo;B5ZZZw!WXK9$Gh3YZ)=bdixv;kXNQVPK|TN?>un)3W(rWda35dXc$EGy=6) z(h`tH{f^_h^IVsL)2K+gE1gAW3-}-w{T<77;s`i=C(b`me}DbA0HCxa()SoY&4tDK z9)d40@&L>DD#%aKd~0tm9eIe(=eYBzbR!Qi&8>^oaES&yI$6NsS#vn9-xkX9Tgp%a zgT;j*K(`%cvS}Po{`Mc{&<)7~x-JZZ!l2+NZ8!#Njn*b&2t*WiCkjnOp}s\%41 z{WGX02*Ujh3c7|y7Lfl}FpWxNaCj^-STmDFcBCV@Y)2UMyOKl$jw^=;242kW$8l2w z14|xOn4Ub6*x4`9FQI^zMf(5fpT32;65EZ@+Kw;KTP%1f301^S}>4!S&oR z@Vhc@YN%&zTRzanw3Xclkr>XjIru_qU1p-;?Q`1#U{_YgoGQ~7La(g4T)TWV?AV`q ztE8&7-xdF5gi$Z$5(U|eXJbk0?J7CNV~r>6ekLC-fGYh4~Z8*P2$HK*FD?4OdtaZyf5 z@mFqrg%S^XsvY-BpP@6vR(;Y&Sxhn3d_|Ofg#Cp)W|^ckNqyO@3B0m?D9AYFRBdZg zE7gy%SGFl^GgPm6owQjmGD0`Jwzrr=)SozW8aUyE&L}s3so`;UU|$idDCtR%EU4UGvX@ntI8 z)9yvR-<4j(awcbJZjxSc^W16_&RcAKMxOZ?w<@X8C*5f{vM4s<&778IaEBpuLzzKZ zmhv(*zRjWUt>jvZAk0y~3$35sW$k(WmemCbHQXFg=DCWn7V!jdJ8j(@a%S&pt=jYi z`OPKJYi#rhmlMt*>)dDmDteJ0t}%siP@UnYf7lNfHqefj(Z?QdjYUX=t|Hu{#RxH7hi$T>eWG?GPig2n{#@lGwngH@jn_eG5E@HH#(O#W(d`0=-y>7wDT)7~;N@%l}H zf6}9$H(M~IQil*nDw-RN4ux9?Z8glN+^04UX)Z6VurYh--W|EId&1wl)NADPi$JM} zhAvfy(%0Ed{&NQ$dpqN5lT$i!?~nL;Rs`9cw-UI!?~!6d?y}21y_-O( z$~N(WZx1F88T&Oko;0fH-ktGIZL5Q?uR}X(MjT?kaMl;^CRt(=;8iY(k&VwU#;KLY z)#izQEiRn$9GhC{am-;G;je5<@*{Y~AGu5uE($9>?5}VbGqpE-u*ZSw!wO6hR&1#v zrLFE~6=<}}xBhO}t#ZlwlCGrQh)A!!iJqbuF_Sz$|DQBX{VUQ+n!V z-S#efOhXMTzArP8dC^Yx*8UXRTmH(-J@H4@cqqMK-8_1aaKmGe(e>=Y1;v;wmm>w{ zEkP{@Qz|3V0u+mFr;ZeN`BsuE8qXe>QP9yaG3(e;+0F9O-{g?W)A}~;Dlhw;neGKvQ75-W3_3hyHbW+M-`1(j zNxNLRXH2o@KwYX({nM27hdu`4%OXVH38-{bC$-JQX+Zj8c$ ziTa>y$(}j5~9kU9o8C&s)tu4L~8m$?v>Ai5Z>W;X`r(ONAq}t<*;-S_x1y#-* z;%_xqA`$6!PM#OG9NZda2(ikvI3=PonWDg1CY$Yl)hUPZTbrGID}BrCP8@DLgi;4t zqp4n4wiWH4O+NYPTE;=Q46lHoD(I^*kw<6OdLq&8sJ$kc5M{EONo$JK%ulOU zOD)`9`NX(IZUD!Ajn`J1Y_d*65$*(S53JTeB8O58YA^q9L-}Y(j>U)T)RkTKQbab}k9i9EE2|A$$O^uBLTH(tUKQT4G za&*8@{>-xUbrGddpa*=XJ>bW^}f&Wd-x#n>81G@Xm;e{|0h!; LbHm&ECj$NpOV>JJ literal 0 HcmV?d00001 diff --git a/docs/index.css b/docs/index.css index 66e5ee4..9a76217 100755 --- a/docs/index.css +++ b/docs/index.css @@ -20,9 +20,14 @@ body { width: 100%; } -h1, h2, h3, h4, h5, h6, p { +h1, h2, h3, h4, h5, h6 { + margin: initial; + font-size: inherit; + font-weight: 600; +} + +p { margin: initial; - font-weight: unset; } ul { @@ -63,6 +68,14 @@ body { padding: 2rem; } +.container h1 { font-size: 2.2rem ;} +.container h2 { font-size: 2.0rem ;} +.container h3 { font-size: 1.8rem ;} +.container h4 { font-size: 1.6rem ;} +.container h5, +.container h6 { font-size: 1.5rem ;} + + .site-header { align-self: flex-end; align-items: flex-end; @@ -75,7 +88,7 @@ body { height: 105px; } -.site-header__title { +h1.site-header__title { font-size: 5rem; font-weight: 500; margin-bottom: 0.5rem; @@ -83,9 +96,10 @@ body { .site-header__subtitle { background-color: var(--text-color-secondary); color: var(--page-color); - font-size: 2.5rem; - padding: 0.25rem 1rem; + font-size: 2.2rem; margin-right: -1rem; + padding: 0.25rem 1rem; + text-transform: lowercase; } .site-content { @@ -95,9 +109,9 @@ body { .description { font-size: 1.75rem; grid-area: description; + max-width: 45rem; padding-right: 4rem; text-align: right; - max-width: 45rem; } .description__disclaimer { color: var(--text-color-secondary); @@ -147,6 +161,11 @@ body { margin-bottom: 0.5rem; } +.download__app-other > summary > h3 { + display: inline; + font: inherit; +} + .app-list { display: flex; @@ -257,6 +276,7 @@ body { position: relative; z-index: 1; } + .faqs__list { list-style: none; } @@ -277,13 +297,16 @@ body { .faq__summary { cursor: pointer; font-size: 1.1em; - font-weight: 600; padding: 1rem; -moz-user-select: none; -webkit-user-select: none; user-select: none; } +.faq__summary > h3 { + display: inline; +} + .faq__content { max-width: 80rem; overflow-x: auto; @@ -297,9 +320,6 @@ body { .faq__content ul { padding-left: 2rem; } -.faq__content h3, h4 { - font-weight: 500; -} .faq__content code { background-color: var(--grey-90-a10); diff --git a/docs/index.html b/docs/index.html index 1275ebf..2f07a40 100755 --- a/docs/index.html +++ b/docs/index.html @@ -1,27 +1,34 @@ - + + - fx_cast + + fx_cast: Chromecast for Firefox + + + +
+

- Enables Chromecast support for casting web apps (like Netflix or BBC iPlayer), HTML5 video and screen/tab sharing. + A browser extension that enables Chromecast support for casting web apps (like YouTube, Netflix or BBC iPlayer), HTML5 media and screen/tab sharing.

Requires a native bridge app to connect with receiver devices. Currently supported on Windows, macOS and Linux. @@ -31,26 +38,44 @@

- - + + + Extension symbol (puzzle) icon Firefox Extension - + +
- Other bridge downloads + +

Other bridge downloads

+
-

FAQs

+

FAQs

  • - How do I cast something? + +

    How do I cast something?

    +
  • - Why do I need the bridge? + +

    Why do I need the bridge?

    +

    Access to TCP/UDP sockets. @@ -128,11 +157,13 @@

  • - How do I completely remove the bridge? + +

    How do I completely remove the bridge?

    +
    • -

      Windows

      +

      Windows

      Removing the bridge on Windows should be as easy as running the uninstaller (C:\Program Files\fx_cast\uninstaller.exe) found in the control panel or settings application.

      @@ -153,7 +184,7 @@
  • -

    macOS

    +

    macOS

    Remove the following files/folders:

    @@ -167,7 +198,7 @@
  • -

    Linux

    +

    Linux

    On Debian-based systems, remove the fx-cast-bridge package, otherwise remove the fx_cast_bridge package.

    @@ -192,7 +223,9 @@
  • - Why is there no sound when casting a screen or tab? + +

    Why is there no sound when casting a screen or tab?

    +

    API limitations. There's no method of obtaining the audio streams. Merging of audio streams from remote media is also not possible due to cross-origin issues. @@ -210,7 +243,9 @@

  • - Why doesn't 𝑥 site work? + +

    Why doesn't 𝑥 site work?

    +

    Compatibility with Chrome is far from perfect. Most sites will only enable their cast support if the browser reports itself as Chrome. Ensure that you've added the site to the whitelist. Some sites may not test their Chrome-specific code with Firefox, so it's possible that they're using incompatible/non-standard APIs. @@ -226,7 +261,9 @@

  • - Why can't I cast DRM-encumbered media? + +

    Why can't I cast DRM-encumbered media?

    +

    Unforunately, for DRM-encumbered media, there's no network-accessible URL to provide to the Chromecast and no means of accessing the media streams. The only way to cast on sites like this is via built-in Chromecast support (look for a cast button), which may not always be available. @@ -236,7 +273,9 @@

  • - Why is it taking so long for a full release? + +

    Why is it taking so long for a full release?

    +

    Though I do enjoy working on this, it's (obviously) not a full-time thing. It's just a hobby project. You can help speed up development by contributing (see below). @@ -246,7 +285,9 @@

  • - How can I support development? + +

    How can I support development?

    +

    Contributing code, translations, compatibility reports, or even reporting bugs is very helpful. See the contributing guide for more information. @@ -257,7 +298,7 @@

    - Donate with PayPal button + Donate with PayPal button

    @@ -306,11 +347,14 @@