diff options
Diffstat (limited to 'src/templates/index.hbs')
-rw-r--r-- | src/templates/index.hbs | 81 |
1 files changed, 39 insertions, 42 deletions
diff --git a/src/templates/index.hbs b/src/templates/index.hbs index 6bd539b..e948d53 100644 --- a/src/templates/index.hbs +++ b/src/templates/index.hbs @@ -1,23 +1,6 @@ {{#> base}} -{{#*inline "navItem"}} -<li> - <div class="menuToggle"> - <a class="openMenu" href="#"><span> - <svg style="width: 24px; height: 24px" viewBox="0 0 24 24"> - <path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" /> - </svg> - </span></a> - <a class="closeMenu" href="#hidden"><span> - <svg style="width: 24px; height: 24px" viewBox="0 0 24 24"> - <path fill="currentColor" - d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" /> - </svg> - </span></a> - </div> -</li> -{{/inline}} -{{#*inline "body"}} -<nav class="sidebar"> +{{#*inline "main"}} +<aside> {{#each makes}} <form action="/"> {{#if (eq this ../selected_make)}} @@ -45,30 +28,44 @@ {{else}} <button disabled class="make">(No makes found)</button> {{/each}} -</nav> +</aside> -<section> - <form> - {{#if selected_make}} - <input type="hidden" name="make" value="{{ selected_make }}" /> - {{/if}} - {{#if selected_model}} - <input type="hidden" name="model" value="{{ selected_model }}" /> - {{/if}} - <input autofocus type="search" name="search" placeholder="hit enter to search" /> - </form> -</section> +<article> + <a class="openMenu" href="#"> + <svg style="width: 24px; height: 24px" viewBox="0 0 24 24"> + <path fill="#195970" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" /> + </svg> + </a> + <a class="closeMenu" href="#hidden"> + <svg style="width: 24px; height: 24px" viewBox="0 0 24 24"> + <path fill="#195970" + d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" /> + </svg> + </a> + + <section> + <form> + {{#if selected_make}} + <input type="hidden" name="make" value="{{ selected_make }}" /> + {{/if}} + {{#if selected_model}} + <input type="hidden" name="model" value="{{ selected_model }}" /> + {{/if}} + <input autofocus type="search" name="search" placeholder="press enter key to search" /> + </form> + </section> -<section> - <table class="catalogTable"> - <tbody> - {{#each parts}} - <tr> - <td>{{ this }}</td> - </tr> - {{/each}} - </tbody> - </table> -</section> + <section> + <table> + <tbody> + {{#each parts}} + <tr> + <td>{{ this }}</td> + </tr> + {{/each}} + </tbody> + </table> + </section> +</article> {{/inline}} {{/base}} |