102 lines
2.9 KiB
HTML
102 lines
2.9 KiB
HTML
{% extends "templates/web.html" %}
|
|
|
|
{% block content %}
|
|
<section class="section section-padding-top section-padding-bottom">
|
|
<div class='container'>
|
|
<div class="hero-content">
|
|
<h1 class="hero-title">{{ greeting_title or _("We're here to help!") }}</h1>
|
|
{% if greeting_subtitle %}
|
|
<p class="hero-subtitle">{{ greeting_subtitle }}</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="search-container">
|
|
<div class="website-search" id="search-container">
|
|
<div class="dropdown">
|
|
<div class="search-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="feather feather-search">
|
|
<circle cx="11" cy="11" r="8"></circle>
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
|
</svg>
|
|
</div>
|
|
<input type="search" class="form-control" placeholder="Search the docs (Press ? to focus)" />
|
|
<div class="overflow-hidden shadow dropdown-menu w-100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="navbar-toggler" type="button"
|
|
data-toggle="collapse"
|
|
data-target="#navbarSupportedContent"
|
|
aria-controls="navbarSupportedContent"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{% if favorite_article_list %}
|
|
<section class="section section-padding-top section-padding-bottom bg-light">
|
|
<div class='container'>
|
|
<h2>{{ _("Frequently Read Articles") }}</h2>
|
|
<div class="row">
|
|
{% for favorite_article in favorite_article_list %}
|
|
<div class="mt-4 col-12 col-sm-6 col-lg-4">
|
|
<div class="card card-md h-100 kb-card">
|
|
<div class="card-body">
|
|
<h6 class="card-subtitle mb-2 text-uppercase small text-muted">
|
|
{{ favorite_article['category'] }}</h6>
|
|
<h3 class="card-title">{{ favorite_article['title'] }}</h3>
|
|
<p class="card-text">{{ favorite_article['description'] }}</p>
|
|
</div>
|
|
<a href="{{ favorite_article['route'] }}" class="stretched-link"></a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
|
|
{% if help_article_list %}
|
|
<section class="section section-padding-top section-padding-bottom">
|
|
<div class='container'>
|
|
<h2>{{ _("Help Articles") }}</h2>
|
|
<div class="row">
|
|
{% for item in help_article_list %}
|
|
<div class="mt-5 col-12 col-sm-6 col-lg-4">
|
|
<h5>{{ item['category'].name }}</h5>
|
|
<div>
|
|
{% for article in item['articles'] %}
|
|
<a href="{{ article.route }}" class="mt-2 d-block">{{ article.title }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{%- block script -%}
|
|
<script>
|
|
frappe.ready(() => {
|
|
frappe.setup_search('#search-container', 'kb');
|
|
});
|
|
</script>
|
|
{%- endblock -%}
|
|
|
|
{%- block style -%}
|
|
<style>
|
|
.search-container {
|
|
margin-top: 1.2rem;
|
|
max-width: 500px;
|
|
}
|
|
</style>
|
|
{%- endblock -%}
|