Remove preview variations and use responsive images
|
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 142 KiB |
|
Before Width: | Height: | Size: 446 KiB After Width: | Height: | Size: 446 KiB |
BIN
docs/images/preview-fg.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 101 KiB |
|
Before Width: | Height: | Size: 131 KiB |
|
Before Width: | Height: | Size: 20 KiB |
@@ -175,7 +175,6 @@ body {
|
|||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
grid-row-start: 2;
|
grid-row-start: 2;
|
||||||
margin-left: -60px;
|
margin-left: -60px;
|
||||||
height: 280px;
|
|
||||||
width: 462px;
|
width: 462px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -57,8 +57,16 @@
|
|||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img src="images/preview_bg_hidpi.png" class="preview preview--bg dark">
|
<img class="preview preview--bg"
|
||||||
<img src="images/preview_fg_hidpi.png" class="preview preview--fg dark">
|
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">
|
<footer class="footer">
|
||||||
<div class="links">
|
<div class="links">
|
||||||
|
|||||||