home_page.hbs

{{!-- Hide header background on the home page --}}
<style>
  .header {
    background-color: transparent;
    box-shadow: none;
  }
</style>

<section class="section hero hero-large">
  <div class="hero-inner">
    <h1 class="hero-inner-home-heading">How can we help?</h1>
    <div class="hero-inner-search">
      {{search submit=false instant=settings.instant_search class="search search-full"
      placeholder="Search Knowledgebase..."}}
    </div>
    <p class="hero-inner-description"><strong><i class="fas fa-book"></i> Guides:</strong> Getting started with <a
        href="https://docs.rkvst.com">RKVST</a>?</p>
  </div>
</section>

<div class="container">
  <section class="section knowledge-base">
    <h1 class="home-categories-heading" id="browse-knowledge-base">Browse Knowledgebase</h1>
    <section class="categories blocks">
      <ul class="blocks-list-home">
        {{#each categories}}
        <li class="blocks-item-home">
          <a href='{{url}}' class="blocks-item-link-home">
            {{#is name 'Articles & Reference'}}
            <div class="category-home-left">
            <h2  class="blocks-item-title-home">{{name}}</h2>
            <p class="blocks-item-description-home">{{excerpt description}}</p>
            </div>
            <img alt="Articles & Reference" src="{{asset 'toolbox.png'}}" />
            {{/is}}
            {{#is name 'Announcements'}}
            <img alt="Announcements" src="{{asset 'critical.png'}}" />
            <div class="category-home-right">
            <h2  class="blocks-item-title-home">{{name}}</h2>
            <p class="blocks-item-description-home">{{excerpt description}}</p>
            </div>
            {{/is}}
            {{#is name 'FAQs'}}
            <div class="category-home-left">
            <h2  class="blocks-item-title-home">{{name}}</h2>
            <p class="blocks-item-description-home">{{excerpt description}}</p>
            </div>
            <img alt="FAQs" src="{{asset 'clipboard.png'}}" />
            {{/is}}
          </a>
        </li>
        {{/each}}
      </ul>
      {{pagination}}
    </section>

    {{!-- {{#if promoted_articles}}
    <section class="articles">
      <h3>{{t 'promoted_articles'}}</h3>
      <ul class="article-list promoted-articles">
        {{#each promoted_articles}}
        <li class="promoted-articles-item">
          <a href="{{url}}">
            {{title}}

            {{#if internal}}
            <span class="icon-lock" title="{{t 'internal'}}"></span>
            {{/if}}
          </a>
        </li>
        {{/each}}
      </ul>
    </section>
    {{/if}}
  </section> --}}

  {{!-- {{#if help_center.community_enabled}}
  <section class="section community">
    <h2>{{t 'community'}}</h2>
    {{#link 'community' class='community-link'}}
    {{t 'join_conversation'}}
    {{/link}}

    <div class="community-image"></div>
  </section>
  {{/if}} --}}

  {{!-- <section class="section activity">
    {{#if settings.show_recent_activity}}
    {{recent_activity}}
    {{/if}}
  </section> --}}
</div>