Skip to content

Commit

Permalink
Convert file contents to Markdown
Browse files Browse the repository at this point in the history
  • Loading branch information
@wbamberg @teoli2003
wbamberg authored and teoli2003 committed Oct 11, 2021
1 parent 7657264 commit 4c03c67
Show file tree
Hide file tree
Showing 20 changed files with 689 additions and 624 deletions.
44 changes: 22 additions & 22 deletions files/en-us/web/manifest/background_color/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,37 +7,37 @@ tags:
- background_color
browser-compat: html.manifest.background_color
---
<div>{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}</div>
{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}

<table class="properties">
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>String</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>String</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
</table>

<p>The <code>background_color</code> member defines a placeholder background color for the application page to display before its stylesheet is loaded. This value is used by the user agent to draw the background color of a shortcut when the manifest is available before the stylesheet has loaded.</p>
The `background_color` member defines a placeholder background color for the application page to display before its stylesheet is loaded. This value is used by the user agent to draw the background color of a shortcut when the manifest is available before the stylesheet has loaded.

<p>Therefore <code>background_color</code> should match the {{cssxref("background-color")}} CSS property in the site’s stylesheet for a smooth transition between launching the web application and loading the site's content.</p>
Therefore `background_color` should match the {{cssxref("background-color")}} CSS property in the site’s stylesheet for a smooth transition between launching the web application and loading the site's content.

<div class="notecard note">
<p><strong>Note:</strong> The <code>background_color</code> member is only meant to improve the user experience while the main stylesheet is loading from the network or the storage media; it is not used by the user agent as the {{cssxref("background-color")}} CSS property when the progressive web app stylesheet is available.</p>
</div>
> **Note:** The `background_color` member is only meant to improve the user experience while the main stylesheet is loading from the network or the storage media; it is not used by the user agent as the {{cssxref("background-color")}} CSS property when the progressive web app stylesheet is available.
<h2 id="Examples">Examples</h2>
## Examples

<pre class="brush: json">"background_color": "red"</pre>
```json
"background_color": "red"
```

<h2 id="Specifications">Specifications</h2>
## Specifications

<p>{{Specifications}}</p>
{{Specifications}}

<h2 id="Browser_compatibility">Browser compatibility</h2>
## Browser compatibility

<p>{{Compat}}</p>
{{Compat}}
47 changes: 22 additions & 25 deletions files/en-us/web/manifest/categories/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,40 +7,37 @@ tags:
- categories
browser-compat: html.manifest.categories
---
<div>{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}</div>
{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}

<table class="properties">
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>Array</code> of <code>String</code>s</td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>Array</code> of <code>String</code>s</td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
</table>

<p>The <dfn><code>categories</code></dfn> member is an array of strings defining the names of categories that the application supposedly belongs to. There is no standard list of possible values, but the W3C maintains <a href="https://github.com/w3c/manifest/wiki/Categories">a list of known categories</a>.</p>
The _`categories`_ member is an array of strings defining the names of categories that the application supposedly belongs to. There is no standard list of possible values, but the W3C maintains [a list of known categories](https://github.com/w3c/manifest/wiki/Categories).

<div class="notecard note">
<p><strong>Note:</strong> <code>categories</code> are used only as hints for catalogs or stores listing web applications. Like search engines and meta keywords, catalogs and stores are free to ignore them.</p>
</div>
> **Note:** `categories` are used only as hints for catalogs or stores listing web applications. Like search engines and meta keywords, catalogs and stores are free to ignore them.
<div class="notecard note">
<p><strong>Note:</strong> <code>categories</code> values are lower-cased by the stores and catalogs before processing, so "News" and "news" are treated as the same value. Developers are encouraged to use lower case in the first place.</p>
</div>
> **Note:** `categories` values are lower-cased by the stores and catalogs before processing, so "News" and "news" are treated as the same value. Developers are encouraged to use lower case in the first place.
<h2 id="Example">Example</h2>
## Example

<pre class="brush: json">"categories": ["books", "education", "medical"]
</pre>
```json
"categories": ["books", "education", "medical"]
```

<h2 id="Specifications">Specifications</h2>
## Specifications

<p>{{Specifications}}</p>
{{Specifications}}

<h2 id="Browser_compatibility">Browser compatibility</h2>
## Browser compatibility

<p>{{Compat}}</p>
{{Compat}}
48 changes: 26 additions & 22 deletions files/en-us/web/manifest/description/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,39 +7,43 @@ tags:
- description
browser-compat: html.manifest.description
---
<div>{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}</div>
{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}

<table class="properties">
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>String</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>String</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
</table>

<p>The <dfn><code>description</code></dfn> member is a string in which developers can explain what the application does. <code>description</code> is directionality-capable, which means it can be displayed left to right or right to left based on the values of the <code><a href="/en-US/docs/Web/Manifest/dir">dir</a></code> and <code><a href="/en-US/docs/Web/Manifest/lang">lang</a></code> manifest members.</p>
The _`description`_ member is a string in which developers can explain what the application does. `description` is directionality-capable, which means it can be displayed left to right or right to left based on the values of the [`dir`](/en-US/docs/Web/Manifest/dir) and [`lang`](/en-US/docs/Web/Manifest/lang) manifest members.

<h2 id="Examples">Examples</h2>
## Examples

<p>Simple <code>description</code> in left-to-right language:</p>
Simple `description` in left-to-right language:

<pre class="brush: json">"description": "Awesome application that will help you achieve your dreams."</pre>
```json
"description": "Awesome application that will help you achieve your dreams."
```

<p><code>description</code> in Arabic, which will be displayed right-to-left:</p>
`description` in Arabic, which will be displayed right-to-left:

<pre class="brush: json">"dir": "rtl",
```json
"dir": "rtl",
"lang": "ar",
"description": ".تطبيق رائع سيساعدك على تحقيق أحلامك"</pre>
"description": ".تطبيق رائع سيساعدك على تحقيق أحلامك"
```

<h2 id="Specifications">Specifications</h2>
## Specifications

<p>{{Specifications}}</p>
{{Specifications}}

<h2 id="Browser_compatibility">Browser compatibility</h2>
## Browser compatibility

<p>{{Compat}}</p>
{{Compat}}
66 changes: 31 additions & 35 deletions files/en-us/web/manifest/dir/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,53 +7,49 @@ tags:
- dir
browser-compat: html.manifest.dir
---
<div>{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}</div>
{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}

<table class="properties">
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>String</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope="row">Type</th>
<td><code>String</code></td>
</tr>
<tr>
<th scope="row">Mandatory</th>
<td>No</td>
</tr>
</tbody>
</table>

<p>The base direction in which to display direction-capable members of the manifest. Together with the <code><a href="/en-US/docs/Web/Manifest/lang">lang</a></code> member, it helps to correctly display right-to-left languages.</p>
The base direction in which to display direction-capable members of the manifest. Together with the [`lang`](/en-US/docs/Web/Manifest/lang) member, it helps to correctly display right-to-left languages.

<p>The <code>dir</code> member can be set to one of the following values:</p>
The `dir` member can be set to one of the following values:

<ul>
<li><code>auto</code> — text direction is determined by the user agent</li>
<li><code>ltr</code> — left to right</li>
<li><code>rtl</code> — right to left</li>
</ul>
- `auto` — text direction is determined by the user agent
- `ltr` — left to right
- `rtl` — right to left

<p>The <dfn>directionality-capable members</dfn> are:</p>
The _directionality-capable members_ are:

<ul>
<li><code><a href="/en-US/docs/Web/Manifest/name">name</a></code></li>
<li><code><a href="/en-US/docs/Web/Manifest/short_name">short_name</a></code></li>
<li><code><a href="/en-US/docs/Web/Manifest/description">description</a></code></li>
</ul>
- [`name`](/en-US/docs/Web/Manifest/name)
- [`short_name`](/en-US/docs/Web/Manifest/short_name)
- [`description`](/en-US/docs/Web/Manifest/description)

<div class="notecard note">
<p><strong>Note:</strong> If the value is omitted or set to <code>auto</code>, the browser will use the <a href="/en-US/docs/Web/Guide/Unicode_Bidrectional_Text_Algorithm">Unicode bidirectional algorithm</a> to make a best guess about the text's direction.</p>
</div>
> **Note:** If the value is omitted or set to `auto`, the browser will use the [Unicode bidirectional algorithm](/en-US/docs/Web/Guide/Unicode_Bidrectional_Text_Algorithm) to make a best guess about the text's direction.
<h2 id="Example">Example</h2>
## Example

<pre class="brush: json">&quot;dir&quot;: &quot;rtl&quot;,
&quot;lang&quot;: &quot;ar&quot;,
&quot;short_name&quot;: &quot;!أنا من التطبيق&quot;</pre>
```json
"dir": "rtl",
"lang": "ar",
"short_name": "!أنا من التطبيق"
```

<h2 id="Specifications">Specifications</h2>
## Specifications

<p>{{Specifications}}</p>
{{Specifications}}

<h2 id="Browser_compatibility">Browser compatibility</h2>
## Browser compatibility

<p>{{Compat}}</p>
{{Compat}}
Loading

0 comments on commit 4c03c67

Please sign in to comment.