diff --git a/docs/favicon-16.png b/docs/favicon-16.png new file mode 100644 index 0000000..c64f3ac Binary files /dev/null and b/docs/favicon-16.png differ diff --git a/docs/favicon-32.png b/docs/favicon-32.png new file mode 100644 index 0000000..5c78b45 Binary files /dev/null and b/docs/favicon-32.png differ 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 0000000..e1ce843 Binary files /dev/null and b/docs/images/paypal.png differ 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 + + + +

fx_cast

-

chromecast for firefox

+

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

+
- + Windows - + macOS
- + Linux DEB - + Linux RPM @@ -59,11 +84,13 @@
-

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 @@