dialect/website
dialect/website
2
0
Fork 0
mirror of https://github.com/dialect-app/website.git synced 2025-06-18 20:36:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add mobile version screenshots

Browse source
This commit is contained in:
Rafael Mardojai CM 2023-12-17 11:01:34 -05:00
parent e0eee53c67
commit e034a9b239
No known key found for this signature in database
GPG key ID: 2B2DAB2A58566C84
4 changed files with 3 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/sass/_home.scss
View file

@ -6,11 +6,7 @@
text-align: center;
@media (max-width: 768px) {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 80vh;
padding: 96px 0;
padding: 48px 0 72px 0;
}
.hero-text {

BIN
content/dialect-mobile-dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
content/dialect-mobile.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

2
layouts/index.html
View file

@ -5,6 +5,8 @@
<h2 class="hero-text" id="heroText">{{ index .Site.Data.hero 0 }}</h2>
<picture class="screenshot">
<source srcset="dialect-mobile-dark.png" media="(max-width: 480px) and (prefers-color-scheme: dark)">
<source srcset="dialect-mobile.png" media="(max-width: 480px)">
<source srcset="dialect-dark.png" media="(prefers-color-scheme: dark)">
<img src="dialect.png" alt="Dialect Window">
</picture>