Unified Diff: pages/index.md
Issue 29548567:
Issue 4925 - Create accordion component for Help Center (Closed)
Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Add support for navigating between headings with arrow keys
Created Sept. 19, 2017, 9:14 a.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
static/img/png/arrow-icon-secondary.png » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: pages/index.md |
| =================================================================== |
| --- a/pages/index.md |
| +++ b/pages/index.md |
| @@ -1,5 +1,41 @@ |
| title=Hello, world |
| # Hello, world |
| Welcome to the Help Center! |
| + |
| +<div class="container"> |
| + |
| +<dl class="accordion"> |
| + <dt role="heading" aria-level="3" class="accordion-heading"> |
| + <button aria-expanded="true" aria-disabled="true" aria-controls="sect1" id="heading1" class="accordion-toggle-button"> |
| + <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", "Image alt text") }}"> |
| + Section 1 Title |
| + </button> |
| + </dt> |
| + <dd role="region" aria-labelledby="heading1" id="sect1" class="accordion-body"> |
| + Section 1 Content |
| + </dd> |
| + |
| + <dt role="heading" aria-level="3" class="accordion-heading"> |
| + <button aria-expanded="true" aria-disabled="true" aria-controls="sect2" id="heading2" class="accordion-toggle-button"> |
| + <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", "Image alt text") }}"> |
| + Section 2 Title |
| + </button> |
| + </dt> |
| + <dd role="region" aria-labelledby="heading2" id="sect2" class="accordion-body"> |
| + Section 2 Content |
| + </dd> |
| + |
| + <dt role="heading" aria-level="3" class="accordion-heading"> |
| + <button aria-expanded="true" aria-disabled="true" aria-controls="sect3" id="heading3" class="accordion-toggle-button"> |
| + <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", "Image alt text") }}"> |
| + Section 3 Title |
| + </button> |
| + </dt> |
| + <dd role="region" aria-labelledby="heading3" id="sect3" class="accordion-body"> |
| + Section 3 Content |
| + </dd> |
| +</dl> |
| + |
| +</div> |
« no previous file with comments
|
« no previous file
|
static/img/png/arrow-icon-secondary.png » ('j')
|
no next file with comments »
