Remove preview variations and use responsive images

2026-06-08 08:39:59 +00:00 · 2019-01-14 02:14:31 +00:00
parent aa2028442b
commit f460b5f533
12 changed files with 10 additions and 3 deletions
--- a/docs/images/preview_bg_dark_unfocused_wide.png
+++ b/docs/images/preview_bg_dark_unfocused_wide.png
--- a/docs/images/preview_bg_hidpi.png
+++ b/docs/images/preview_bg_hidpi.png
--- a/docs/images/preview-fg.png
+++ b/docs/images/preview-fg.png
--- a/docs/images/preview_fg_hidpi.png
+++ b/docs/images/preview_fg_hidpi.png
--- a/docs/images/preview_bg_dark.png
+++ b/docs/images/preview_bg_dark.png
--- a/docs/images/preview_bg_dark_unfocused.png
+++ b/docs/images/preview_bg_dark_unfocused.png
--- a/docs/images/preview_bg_light.png
+++ b/docs/images/preview_bg_light.png
--- a/docs/images/preview_bg_light_unfocused.png
+++ b/docs/images/preview_bg_light_unfocused.png
--- a/docs/images/preview_bg_light_unfocused_wide.png
+++ b/docs/images/preview_bg_light_unfocused_wide.png
--- a/docs/images/preview_fg.png
+++ b/docs/images/preview_fg.png
--- a/docs/index.css
+++ b/docs/index.css
@@ -175,7 +175,6 @@ body {
    align-self: flex-start;
    grid-row-start: 2;
    margin-left: -60px;
-    height: 280px;
    width: 462px;
    position: relative;
 }
--- a/docs/index.html
+++ b/docs/index.html
@@ -57,8 +57,16 @@
                </main>
            </div>

-            <img src="images/preview_bg_hidpi.png" class="preview preview--bg dark">
-            <img src="images/preview_fg_hidpi.png" class="preview preview--fg dark">
+            <img class="preview preview--bg"
+                 alt="Screenshot preview, background"
+                 src="images/preview-bg.png"
+                 srcset="images/preview-bg.png,
+                         images/preview-bg@2x.png 2x">
+            <img class="preview preview--fg"
+                 alt="Screenshot preview, foreground"
+                 src="images/preview-fg.png"
+                 srcset="images/preview-fg.png,
+                         images/preview-fg@2x.png 2x">

            <footer class="footer">
                <div class="links">