pebble/devsite/source/_layouts/tutorials/master.html
2025-02-24 18:58:29 -08:00

53 lines
3 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: sidebar_narrow
menu_section: tutorials
---
<div class="section-menu section-menu--getting-started section-menu--dark">
<div class="section-menu__header">
<h3><a href="/tutorials/">Tutorials</a></h3>
</div>
<ul>
<li class="section-menu__item{% if page.tutorial == 'watchface' %} open{% endif %}"><a href="/tutorials/watchface-tutorial/part1/">Build a Watchface in C</a>
<ul>
<li class="section-menu__subitem{% if page.tutorial_part == 1 %} active{% endif %}"><a href="/tutorials/watchface-tutorial/part1/"><span>Part 1 - Displaying the Time</span></a></li>
<li class="section-menu__subitem{% if page.tutorial_part == 2 %} active{% endif %}"><a href="/tutorials/watchface-tutorial/part2/"><span>Part 2 - Customizing the Watchface</span></a></li>
<li class="section-menu__subitem{% if page.tutorial_part == 3 %} active{% endif %}"><a href="/tutorials/watchface-tutorial/part3/"><span>Part 3 - Adding Web Content</a></li>
<li class="section-menu__subitem{% if page.tutorial_part == 4 %} active{% endif %}"><a href="/tutorials/watchface-tutorial/part4/"><span>Part 4 - Adding a Battery Bar</span></a></li>
<li class="section-menu__subitem{% if page.tutorial_part == 5 %} active{% endif %}"><a href="/tutorials/watchface-tutorial/part5/"><span>Part 5 - Vibrate on Disconnect</span></a></li>
</ul>
</li>
<li class="section-menu__item{% if page.tutorial == 'js-watchface' %} open{% endif %}"><a href="/tutorials/js-watchface-tutorial/part1/">Build a Watchface in JS</a>
<ul>
<li class="section-menu__subitem{% if page.tutorial_part == 1 %} active{% endif %}"><a href="/tutorials/js-watchface-tutorial/part1/"><span>Part 1 - Displaying the Time</span></a></li>
<li class="section-menu__subitem{% if page.tutorial_part == 2 %} active{% endif %}"><a href="/tutorials/js-watchface-tutorial/part2/"><span>Part 2 - Adding Web Content</span></a></li>
</ul>
</li>
<li class="section-menu__item{% if page.tutorial == 'advanced' %} open{% endif %}"><a href="/tutorials/advanced/vector-animations/">Advanced Tutorials</a>
<ul>
<li class="section-menu__subitem{% if page.tutorial_part == 1 %} active{% endif %}"><a href="/tutorials/advanced/vector-animations/"><span>Vector Animations</span></a></li>
</ul>
</li>
</ul>
</div>
</div><!-- sidebar__wrapper -->
<div class="content content--section-menu">
{% include search.html %}
{{ content }}
</div>