Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
187 changes: 2 additions & 185 deletions templates/category_page.hbs
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@

{{#isnt help_center.locale 'zh-cn'}}

<script>
const sectionsIDs = [
{{#each category.sections}}
Expand Down Expand Up @@ -27,13 +27,7 @@
<img id="section-product-img" src="{{category.description}}" />
<span class="title-3 bold">{{category.name}}</span>
<div class="mt-l mb-xs compatible-wrapper" id="compatible-label-container">
{{!-- <div class="hr"></div>
{{#is help_center.locale 'zh-cn'}}
<div class="compatible" style="min-width: 60px">兼容</div>
{{/is}}
{{#isnt help_center.locale 'zh-cn'}}
<div class="compatible">Compatible with</div>
{{/isnt}} --}}

</div>
<div class="products-label-btn-container pb-xl" id="compatible-container">
{{! insert }}
Expand Down Expand Up @@ -327,180 +321,3 @@
</div>
</div>
</div>
{{/isnt}}

{{#is help_center.locale 'zh-cn'}}
<div class="container-divider"></div>
<div class="container">
<nav class="sub-nav">
{{breadcrumbs}}
</nav>

<div class="category-container">
<ul id="main-content2" class="category-sections">
{{#each sections}}
{{#is description 'Type-QSG' }}
<li class="category-section category-section-qsg" aria-expanded="true">
<div class="category-section-header">
<span class="category-section-title">{{name}}</span>
<button type="button" class="category-section-toggle" aria-expanded="true">
<i class="category-section-toggle-icon icon-up"></i>
<i class="category-section-toggle-icon icon-down"></i>
</button>
</div>
<div class="category-section-body">
<ul class="category-section-articles">
{{#each articles}}
<li class="category-section-article">
<a class="category-section-article-link" href="{{url}}">{{title}}</a>
<div class="article-body">{{body}}</div>
</li>
{{/each}}
</ul>
{{#if more_articles}}
<a href="{{url}}" class="button button-secondary see-more-article">
{{t 'show_all_articles' count=article_count}}
</a>
{{/if}}
</div>
</li>
{{/is}}
{{/each}}
{{#each sections}}
{{#is description 'Type-Default' }}
<li class="category-section" aria-expanded="true">
<div class="category-section-header">
<span class="category-section-title">{{name}}</span>
<button type="button" class="category-section-toggle" aria-expanded="true">
<i class="category-section-toggle-icon icon-up"></i>
<i class="category-section-toggle-icon icon-down"></i>
</button>
</div>
<div class="category-section-body">
<ul class="category-section-articles">
{{#each articles}}
<li class="category-section-article">
<a class="category-section-article-link" href="{{url}}">{{title}}</a>
</li>
{{/each}}
</ul>
{{#if more_articles}}
<a href="{{url}}" class="button button-secondary see-more-article">
{{t 'show_all_articles' count=article_count}}
</a>
{{/if}}
</div>
</li>
{{/is}}
{{/each}}
{{#each sections}}
{{#is description 'Type-Video' }}
<li class="category-section" aria-expanded="true">
<div class="category-section-header">
<span class="category-section-title">{{name}}</span>
<button type="button" class="category-section-toggle" aria-expanded="true">
<i class="category-section-toggle-icon icon-up"></i>
<i class="category-section-toggle-icon icon-down"></i>
</button>
</div>
<div class="category-section-body">
<ul class="video-list">
{{#each articles}}
<li class="video-list-item">
<a href="{{url}}" class="video-list-item-cover">
<img class="video-list-item-cover-img" src="#" alt="" />
<i class="video-list-item-cover-icon"></i>
</a>
<a class="video-list-item-title" href="{{url}}">{{title}}</a>
<ol class="video-list-item-labels"></ol>
<div class="article-body">{{body}}</div>
</li>
{{/each}}
</ul>
{{#if more_articles}}
<a href="{{url}}" class="button button-secondary see-more-article">
{{t 'show_all_articles' count=article_count}}
</a>
{{/if}}
</div>
</li>
{{/is}}
{{/each}}
<li class="category-section category-section-faq" aria-expanded="true">
<div class="category-section-header">
<span class="category-section-title">FAQ</span>
<button type="button" class="category-section-toggle" aria-expanded="true">
<i class="category-section-toggle-icon icon-up"></i>
<i class="category-section-toggle-icon icon-down"></i>
</button>
</div>
<div class="category-section-body">
<ul class="category-section-subsections">
{{#each sections}}
{{#is description 'Type-FAQ' }}
<li class="category-section-subsection">
<span class="category-section-subsection-title">{{name}}</span>

<ul class="category-section-subsection-articles">
{{#each articles}}
<li class="category-section-subsection-article">
{{#if promoted}}
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="icon-star" title="{{t 'promoted'}}">
<path fill="currentColor" d="M2.88 11.73c-.19 0-.39-.06-.55-.18a.938.938 0 01-.37-1.01l.8-3L.35 5.57a.938.938 0 01-.3-1.03c.12-.37.45-.63.85-.65L4 3.73 5.12.83c.14-.37.49-.61.88-.61s.74.24.88.6L8 3.73l3.11.17a.946.946 0 01.55 1.68L9.24 7.53l.8 3a.95.95 0 01-1.43 1.04L6 9.88l-2.61 1.69c-.16.1-.34.16-.51.16z" />
</svg>
{{/if}}
<a class="category-section-article-link" href="{{url}}">{{title}}</a>
{{#if internal}}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16" class="icon-lock" title="{{t 'internal'}}">
<rect width="12" height="9" x="2" y="7" fill="currentColor" rx="1" ry="1" />
<path fill="none" stroke="currentColor" d="M4.5 7.5V4a3.5 3.5 0 017 0v3.5" />
</svg>
{{/if}}
</li>
{{/each}}
</ul>

{{#if more_articles}}
<a href="{{url}}" class="button button-secondary see-more-article">
{{t 'show_all_articles' count=article_count}}
</a>
{{/if}}
</li>
{{/is}}
{{/each}}
</ul>
</div>
</li>

{{#each sections}}
{{#is description 'Type-Service' }}
<li class="category-section" aria-expanded="true">
<div class="category-section-header">
<span class="category-section-title">{{name}}</span>
<button type="button" class="category-section-toggle" aria-expanded="true">
<i class="category-section-toggle-icon icon-up"></i>
<i class="category-section-toggle-icon icon-down"></i>
</button>
</div>
<div class="category-section-body">
<ul class="category-section-articles">
{{#each articles}}
<li class="category-section-article">
<a class="category-section-article-link" href="{{url}}">{{title}}</a>
</li>
{{/each}}
</ul>
{{#if more_articles}}
<a href="{{url}}" class="button button-secondary see-more-article">
{{t 'show_all_articles' count=article_count}}
</a>
{{/if}}
</div>
</li>
{{/is}}
{{/each}}
</ul>
</div>
</div>
{{/is}}

168 changes: 1 addition & 167 deletions templates/home_page.hbs
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@

{{#isnt help_center.locale 'zh-cn'}}

<style>
main {
background-color: #F5F5F5;
Expand Down Expand Up @@ -249,169 +249,3 @@
</div>
</div>
</div>
{{/isnt}}
{{#is help_center.locale 'zh-cn'}}
<style>
.header > .logo .logo-image {
background-image: url({{asset 'pic_nav_logo_white_236x34.png' }});
}
.header > .logo .logo-image-zh {
background-image: url({{asset 'pic_nav_logo_white_zh_242x34.png' }});
}
.nav-wrapper .user-nav > a, .nav-wrapper .user-nav > a:hover {
color: #fff;
}
.nav-wrapper .user-nav[aria-expanded="true"] > a, .nav-wrapper .user-nav[aria-expanded="true"] > a:hover {
color: #272829;
}
.user-info button, .user-info button:hover, .user-info button:focus {
color: #fff;
}
.nav-wrapper .menu-button .icon-menu {
color: #fff;
}
.nav-wrapper .menu-button[aria-expanded="true"] .icon-menu {
color: #272829;
}
.header .search-container {
display: none;
}
.hero {
background-image: url({{asset 'pic_nav_bg_1920x456.png' }});
}
svg.search-icon {
width: 18px;
height: 18px;
line-height: unset;
font-size: unset;
}
</style>

<h1 class="visibility-hidden">{{ help_center.name }}</h1>

<section id="main-content" class="section hero">
<div class="hero-title">
<span>{{dc 'home_hero_title'}}</span>
</div>
<div class="hero-inner">
<h2 class="visibility-hidden">{{ t 'search' }}</h2>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon" aria-hidden="true">
<circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor" />
<path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5" />
</svg>
{{search submit=false instant=settings.instant_search class='search search-full'}}
</div>
</section>

<section class="home-section home-section-default">
<div class="container">
<h2 class="visibility-hidden">{{ t 'categories' }}</h2>
<ul class="home-category-list">
{{#each categories}}
{{#is id 4403461255959 }} {{! Snapmaker Original }}
<li class="home-category-item">
<a class="home-category" href="{{url}}">
<img src="{{asset 'pic_category_original_270x220.png' }}" alt="">
<span class="home-category-title">{{name}}</span>
<span class="home-category-description">{{excerpt description}}</span>
</a>
</li>
{{/is}}
{{#is id 360001781913 }} {{! Snapmaker 2.0 }}
<li class="home-category-item">
<a class="home-category" href="{{url}}">
<img src="{{asset 'pic_category_2.0_270x220.png' }}" alt="">
<span class="home-category-title">{{name}}</span>
<span class="home-category-description">{{excerpt description}}</span>
</a>
</li>
{{/is}}
{{#is id 360003536313 }} {{! Snapmaker Academy }}
<li class="home-category-item">
<a class="home-category" href="{{url}}">
<img src="{{asset 'pic_category_academy_270x220.png' }}" alt="">
<span class="home-category-title">{{name}}</span>
<span class="home-category-description">{{excerpt description}}</span>
</a>
</li>
{{/is}}
{{#is id 360005617793 }} {{! Snapmaker Download }}
<li class="home-category-item">
<a class="home-category" href="{{url}}">
<img src="{{asset 'pic_category_download_270x220.png' }}" alt="">
<span class="home-category-title">{{name}}</span>
<span class="home-category-description">{{excerpt description}}</span>
</a>
</li>
{{/is}}
{{/each}}
</ul>
</div>
</section>

<section class="home-section home-section-default">
<div class="container home-get-started">
<h2>{{dc 'home_get_started'}}</h2>
<div class="home-get-started-blocks">
<!--
<div class="home-get-started-block">
<span class="icon-discussion"></span>
<h3>Youtube Channel</h3>
<p>See what’s new in the video tutorials, third-party reviews, and many more.</p>
<a href="https://www.youtube.com/channel/UCtXHu_nugZF3uxgJJjZfcoA" target="_blank">Watch now</a>
</div>
-->
{{dc 'home_get_started_youtube'}}
{{dc 'home_get_started_discussion_block'}}
</div>
</div>
</section>

{{#if promoted_articles}}
<section class="home-section home-section-default">
<div class="container home-promoted-articles">
<h2>{{t 'promoted_articles'}}</h2>
<ul class="article-list">
{{#each promoted_articles}}
<li class="article-list-item">
<div class="article-item">
<a href="{{url}}">
{{title}}
{{#if internal}}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16" class="icon-lock" title="{{t 'internal'}}">
<rect width="12" height="9" x="2" y="7" fill="currentColor" rx="1" ry="1" />
<path fill="none" stroke="currentColor" d="M4.5 7.5V4a3.5 3.5 0 017 0v3.5" />
</svg>
{{/if}}
</a>
</div>
</li>
{{/each}}
</ul>
</div>
</section>
{{/if}}

<section class="home-section home-section-grey">
<div class="container home-need-help">
<h2 class="home-need-help-title">{{dc 'home_need_help'}}</h2>
<p class="home-need-help-desc">{{dc 'home_need_help_desc'}}</p>
<div class="home-need-help-buttons">
<a class="button button-primary" href="javascript:void(0)" onclick="zE(function() { zE.activate() });">
{{t 'submit_a_request' }}
</a>
{{!
<a id="home-need-help-weixin-button" class="button button-secondary" href="https://forum.snapmaker.com" target="_blank">
Visit to the forum
</a>
}}
{{dc 'home_need_help_button2'}}
<div id="home-weixin-qrcode">
<div class="home-need-help-modal">
<img src="{{asset 'pic_weixin_qrcode_120x120.png'}}" alt="" />
</div>
</div>
</div>
</div>
</section>
{{/is}}
Loading