pebble/devsite/source/guides/toc.html
2025-02-24 18:58:29 -08:00

64 lines
2.2 KiB
HTML

---
# Copyright 2025 Google LLC
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
layout: guides/master
permalink: /guides/toc/
title: Guides Table of Contents
---
<div class="visible-m visible-s visible-xs row">
<div class="col-xs-12">
<div class="form__group">
<div class="select-style no-label">
<select class="js-toc-select">
{% for group in site.data.guides %}
<option value="{{ group[0] }}">{{ group[1].title }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-l-8 guides__toc">
<h1 class="pagetitle">Guides Table of Contents</h1>
{% for item in site.data.guides %}
{% assign group_name = item[0] %}
{% assign group = item[1] %}
{% assign group_index = forloop.index %}
{% capture grp_url %}/guides/{{ group_name }}/{% endcapture %}
<h2 id="{{ item[0] }}" class="anchor"><a href="/guides/{{ group_name }}/">{{ group_index }}. {{ group.title }}</a></h2>
<p>{{ group.description }}</p>
{% if group.guides.size %}
{% assign group_guides = group.guides | sort: group.sort_by %}
{% for guide in group_guides %}
{% if guide.menu %}
<h4><a href="{{ site.baseurl }}{{ guide.url }}">{{ guide.title }}</a></h4>
<p>{{ guide.summary }}</p>
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
</div>
<div class="col-l-4">
<div class="gray-box gray-box--fixed gray-box--scrollspy">
<h3>Overview</h3>
<ul>
{% for item in site.data.guides %}
<li class="toc__item toc__item--level1"><a href="#{{ item[0] }}">{{ item[1].title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>