| @@ -7,7 +7,7 @@ app.templates.helpPage = """ · 6 unmodified lines |
| 7 | 7 | <ul class="_toc-list"> |
| 8 | 8 | <li><a href="#search">Search</a> |
| 9 | 9 | <li><a href="#shortcuts">Keyboard Shortcuts</a> |
| 10 | | − <li><a href="#abbreviations">Abbreviations</a> |
| 10 | + <li><a href="#aliases">Search Aliases</a> |
| 11 | 11 | </ul> |
| 12 | 12 | </nav> |
| 13 | 13 | |
| @@ -15,14 +15,13 @@ app.templates.helpPage = """ · 1 unmodified line |
| 15 | 15 | |
| 16 | 16 | <h2 class="_block-heading" id="search">Search</h2> |
| 17 | 17 | <p> |
| 18 | | − The search is case-insensitive and supports fuzzy matching (for queries longer than two characters). |
| 19 | | − For example, searching <code class="_label">bgcp</code> brings up <code class="_label">background-clip</code>.<br> |
| 20 | | − Abbreviations are also supported (<a href="#abbreviations">full list</a> below). |
| 21 | | − For example, <code class="_label">$</code> is an alias for <code class="_label">jQuery</code>. |
| 18 | + The search is case-insensitive. It supports fuzzy matching |
| 19 | + (e.g. <code class="_label">bgcp</code> matches <code class="_label">background-clip</code>) |
| 20 | + and aliases (<a href="#aliases">full list</a> below). |
| 22 | 21 | <dl> |
| 23 | 22 | <dt id="doc_search">Searching a single documentation |
| 24 | 23 | <dd> |
| 25 | | − You can scope the search to a single documentation by typing its name (or an abbreviation), |
| 24 | + You can scope the search to a single documentation by typing its name (or an abbreviation) |
| 26 | 25 | and pressing <code class="_label">Tab</code> (<code class="_label">Space</code> on mobile devices). |
| 27 | 26 | For example, to search the JavaScript documentation, enter <code class="_label">javascript</code> |
| 28 | 27 | or <code class="_label">js</code>, then <code class="_label">Tab</code>.<br> |
| @@ -30,16 +29,16 @@ app.templates.helpPage = """ · 1 unmodified line |
| 30 | 29 | <dt id="url_search">Prefilling the search field |
| 31 | 30 | <dd> |
| 32 | 31 | The search field can be prefilled from the URL by visiting <a href="/#q=keyword" target="_top">devdocs.io/#q=keyword</a>. |
| 33 | | − Characters after <code class="_label">#q=</code> will be used as search string.<br> |
| 32 | + Characters after <code class="_label">#q=</code> will be used as search query.<br> |
| 34 | 33 | To search a single documentation, add its name and a space before the keyword: |
| 35 | 34 | <a href="/#q=js%20date" target="_top">devdocs.io/#q=js date</a>. |
| 36 | 35 | <dt id="browser_search">Searching using the address bar |
| 37 | 36 | <dd> |
| 38 | | − DevDocs supports OpenSearch, meaning it can easily be installed as a search engine on most web browsers. |
| 37 | + DevDocs supports OpenSearch. It can easily be installed as a search engine on most web browsers: |
| 39 | 38 | <ul> |
| 40 | 39 | <li>On Chrome, the setup is done automatically. Simply press <code class="_label">Tab</code> when devdocs.io is autocompleted |
| 41 | 40 | in the omnibox (to set a custom keyword, click <em>Manage search engines\u2026</em> in Chrome's settings). |
| 42 | | − <li>On Firefox, open the search engine list (icon in the search bar) and select <em>Add "DevDocs Search"</em>. |
| 41 | + <li>On Firefox, open the search engine list (icon in the search bar) and click <em>Add "DevDocs Search"</em>. |
| 43 | 42 | DevDocs is now available in the search bar. You can also search from the location bar by following |
| 44 | 43 | <a href="https://support.mozilla.org/en-US/kb/how-search-from-address-bar">these instructions</a>. |
| 45 | 44 | </dl> |
| @@ -114,16 +113,16 @@ app.templates.helpPage = """ · 68 unmodified lines |
| 114 | 113 | <code class="_shortcut-code">alt + s</code> |
| 115 | 114 | <dd class="_shortcuts-dd">Search on Stack Overflow |
| 116 | 115 | </dl> |
| 117 | | − <p class="_note"> |
| 116 | + <p class="_note _note-green"> |
| 118 | 117 | <strong>Tip:</strong> If the cursor is no longer in the search field, press <code class="_label">/</code> or |
| 119 | 118 | continue to type and it will refocus the search field and start showing new results. |
| 120 | 119 | |
| 121 | | − <h2 class="_block-heading" id="abbreviations">Abbreviations</h2> |
| 122 | | − <p>Feel free to suggest new abbreviations on <a href="https://github.com/Thibaut/devdocs/issues/new">GitHub</a>. |
| 123 | | − <table class="_abbreviations"> |
| 120 | + <h2 class="_block-heading" id="aliases">Search Aliases</h2> |
| 121 | + <table> |
| 124 | 122 | <tr> |
| 125 | 123 | <th>Word |
| 126 | 124 | <th>Alias |
| 127 | | − #{("<tr><td>#{key}<td>#{value}" for key, value of app.models.Entry.ALIASES).join('')} |
| 125 | + #{("<tr><td class=\"_code\">#{key}<td class=\"_code\">#{value}" for key, value of app.models.Entry.ALIASES).join('')} |
| 128 | 126 | </table> |
| 127 | + <p>Feel free to suggest new aliases on <a href="https://github.com/Thibaut/devdocs/issues/new">GitHub</a>. |
| 129 | 128 | """ |