diff --git a/docs/images/preview-fg.png b/docs/images/preview-fg.png deleted file mode 100644 index f19ee4e..0000000 Binary files a/docs/images/preview-fg.png and /dev/null differ diff --git a/docs/images/preview-fg@2x.png b/docs/images/preview-fg@2x.png deleted file mode 100644 index 38e90c2..0000000 Binary files a/docs/images/preview-fg@2x.png and /dev/null differ diff --git a/docs/images/preview-fg_macOS_dark.png b/docs/images/preview-fg_dark.png similarity index 100% rename from docs/images/preview-fg_macOS_dark.png rename to docs/images/preview-fg_dark.png diff --git a/docs/images/preview-fg_macOS_dark@2x.png b/docs/images/preview-fg_dark@2x.png similarity index 100% rename from docs/images/preview-fg_macOS_dark@2x.png rename to docs/images/preview-fg_dark@2x.png diff --git a/docs/images/preview-fg_macOS_light.png b/docs/images/preview-fg_light.png similarity index 100% rename from docs/images/preview-fg_macOS_light.png rename to docs/images/preview-fg_light.png diff --git a/docs/images/preview-fg_macOS_light@2x.png b/docs/images/preview-fg_light@2x.png similarity index 100% rename from docs/images/preview-fg_macOS_light@2x.png rename to docs/images/preview-fg_light@2x.png diff --git a/docs/images/preview-fg_macOS.png b/docs/images/preview-fg_macOS.png deleted file mode 100644 index e426014..0000000 Binary files a/docs/images/preview-fg_macOS.png and /dev/null differ diff --git a/docs/images/preview-fg_macOS@2x.png b/docs/images/preview-fg_macOS@2x.png deleted file mode 100644 index 38dbd21..0000000 Binary files a/docs/images/preview-fg_macOS@2x.png and /dev/null differ diff --git a/docs/images/webp/menu_dark.webp b/docs/images/webp/menu_dark.webp new file mode 100644 index 0000000..142cb0d Binary files /dev/null and b/docs/images/webp/menu_dark.webp differ diff --git a/docs/images/webp/menu_dark@2x.webp b/docs/images/webp/menu_dark@2x.webp new file mode 100644 index 0000000..313f27d Binary files /dev/null and b/docs/images/webp/menu_dark@2x.webp differ diff --git a/docs/images/webp/menu_light.webp b/docs/images/webp/menu_light.webp new file mode 100644 index 0000000..be2d3a4 Binary files /dev/null and b/docs/images/webp/menu_light.webp differ diff --git a/docs/images/webp/menu_light@2x.webp b/docs/images/webp/menu_light@2x.webp new file mode 100644 index 0000000..23131a0 Binary files /dev/null and b/docs/images/webp/menu_light@2x.webp differ diff --git a/docs/images/webp/preview-bg.webp b/docs/images/webp/preview-bg.webp new file mode 100644 index 0000000..3fb106e Binary files /dev/null and b/docs/images/webp/preview-bg.webp differ diff --git a/docs/images/webp/preview-bg@2x.webp b/docs/images/webp/preview-bg@2x.webp new file mode 100644 index 0000000..9c10506 Binary files /dev/null and b/docs/images/webp/preview-bg@2x.webp differ diff --git a/docs/images/webp/preview-fg_dark.webp b/docs/images/webp/preview-fg_dark.webp new file mode 100644 index 0000000..5f3efd3 Binary files /dev/null and b/docs/images/webp/preview-fg_dark.webp differ diff --git a/docs/images/webp/preview-fg_dark@2x.webp b/docs/images/webp/preview-fg_dark@2x.webp new file mode 100644 index 0000000..db9291f Binary files /dev/null and b/docs/images/webp/preview-fg_dark@2x.webp differ diff --git a/docs/images/webp/preview-fg_light.webp b/docs/images/webp/preview-fg_light.webp new file mode 100644 index 0000000..397293e Binary files /dev/null and b/docs/images/webp/preview-fg_light.webp differ diff --git a/docs/images/webp/preview-fg_light@2x.webp b/docs/images/webp/preview-fg_light@2x.webp new file mode 100644 index 0000000..ad62737 Binary files /dev/null and b/docs/images/webp/preview-fg_light@2x.webp differ diff --git a/docs/index.css b/docs/index.css index b6e9d03..66e5ee4 100755 --- a/docs/index.css +++ b/docs/index.css @@ -32,7 +32,8 @@ ul { :root { color: var(--text-color-primary); - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --system-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: var(--system-font); font-size: 10px; } @@ -67,7 +68,7 @@ body { align-items: flex-end; display: flex; flex-direction: column; - font-family: "SF Mono"; + font-family: "SF Mono", var(--system-font); grid-area: header; justify-content: flex-end; margin-top: 5rem; @@ -243,10 +244,10 @@ body { margin-top: 1rem; } -.preview--fg[src="images/preview-fg_macOS_dark.png"], -.preview--fg[src="images/preview-fg_macOS_dark@2x.png"], -.preview--fg[src="images/preview-fg_macOS_light.png"], -.preview--fg[src="images/preview-fg_macOS_light@2x.png"] { +.preview--fg[src="images/preview-fg_dark.png"], +.preview--fg[src="images/preview-fg_dark@2x.png"], +.preview--fg[src="images/preview-fg_light.png"], +.preview--fg[src="images/preview-fg_light@2x.png"] { transform: translate(-55px, -36px); } @@ -266,7 +267,6 @@ body { .faq { box-sizing: content-box; - overflow-x: auto; } @@ -277,6 +277,7 @@ body { .faq__summary { cursor: pointer; font-size: 1.1em; + font-weight: 600; padding: 1rem; -moz-user-select: none; -webkit-user-select: none; @@ -284,7 +285,8 @@ body { } .faq__content { - max-width: 70rem; + max-width: 80rem; + overflow-x: auto; padding: 2rem; padding-top: 1rem; } @@ -302,8 +304,7 @@ body { .faq__content code { background-color: var(--grey-90-a10); border-radius: 3px; - vertical-align: top; - word-break: break-all; + white-space: pre; } diff --git a/docs/index.html b/docs/index.html index 8cc75c7..1275ebf 100755 --- a/docs/index.html +++ b/docs/index.html @@ -66,14 +66,25 @@ How do I cast something?
- + + - Media context menu + + + Screenshot, media context menu.

For sites with built-in cast support, click the cast button in the page and select the destination in the receiver selector popup. You may have to add the site to the whitelist to get the cast button to appear. @@ -256,23 +267,41 @@ - Screenshot preview, background + + + + + Screenshot preview (background), browser window. + - + + + + Media context menu + src="images/preview-fg_dark.png">