microsoft
/
win-student-devs
зеркало из https://github.com/microsoft/win-student-devs.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Temporarily reverting back to normal md images (#59) 

I see that the first 2 images have been moved to html images instead of md.
I think this was done because these images are very big and they were getting displayed full width which made the article harder to follow.
Unfortunately the path is not correct. Docsify does something weird with URLs, and the relative path used in the `img` tags wasn't getting resolved.

As a temporary measure, I'm reverting to the md files so that docsify correctly embeds the images.

If we later want to go back to styled html images, we should fix the path.
This commit is contained in:
Patrick Brosset 2022-02-24 09:43:45 +01:00 коммит произвёл GitHub
Родитель b351bc4009
Коммит b72e8863ff
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 4AEE18F83AFDEB23
1 изменённых файлов: 5 добавлений и 5 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

8
docs/30DaysOfPWA/advanced-capabilities/04.md
Просмотреть файл

@ -26,14 +26,14 @@ In the event a browser doesn’t support a display mode, which is possible since
### Standalone display mode ### Standalone display mode
The "standalone" display mode makes your PWA look and behave the most like a native application. It opens in a different window from the browser and hides all the browser UI elements like the address bar. It keeps standard system UI elements like a back button or a close window button. In this mode, your application can also have its own icon in the application launcher. If standalone isn’t available, it will fall back to the "minimal-ui" display mode. Twitter uses "standalone" for their PWA. The "standalone" display mode makes your PWA look and behave the most like a native application. It opens in a different window from the browser and hides all the browser UI elements like the address bar. It keeps standard system UI elements like a back button or a close window button. In this mode, your application can also have its own icon in the application launcher. If standalone isn’t available, it will fall back to the "minimal-ui" display mode. Twitter uses "standalone" for their PWA.
<!-- ![Twitter displayed in its own window on Android](_media/display-standalone.png) --> ![Twitter displayed in its own window on Android](_media/display-standalone.png)
<img src="_media/display-standalone.png" alt="Twitter displayed in its own window on Android" style="max-width: 600px; display: block; margin-left: auto; margin-right: auto;" /> <!-- <img src="_media/display-standalone.png" alt="Twitter displayed in its own window on Android" style="max-width: 600px; display: block; margin-left: auto; margin-right: auto;" /> -->
### Fullscreen display mode ### Fullscreen display mode
The "fullscreen" display mode takes up the entirety of the display area available and hides all of the browser UI elements. If "fullscreen" isn’t available, it will fall back to "standalone." Here's an example of a game that uses the "fullscreen" display mode. The "fullscreen" display mode takes up the entirety of the display area available and hides all of the browser UI elements. If "fullscreen" isn’t available, it will fall back to "standalone." Here's an example of a game that uses the "fullscreen" display mode.
<!-- ![This PacMan game is a PWA and was built with the fullscreen display mode](_media/display-fullscreen.png) --> ![This PacMan game is a PWA and was built with the fullscreen display mode](_media/display-fullscreen.png)
<img src="_media/display-fullscreen.png" alt="This PacMan game is a PWA and was built with the fullscreen display mode" style="max-width: 600px; display: block; margin-left: auto; margin-right: auto;" /> <!-- <img src="_media/display-fullscreen.png" alt="This PacMan game is a PWA and was built with the fullscreen display mode" style="max-width: 600px; display: block; margin-left: auto; margin-right: auto;" /> -->
View the PacMan PWA [here](https://bobrov.dev/pacman-pwa/index.html). View the PacMan PWA [here](https://bobrov.dev/pacman-pwa/index.html).