---
# 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: tutorials/master
generate_toc: true
menu_section: tutorials
---
<div class="container">
  {% include utils/toc_small.html toc=page.toc %}
  <div class="row">
    <div class="col-l-8">
      <h1>{{ page.title }}</h1>
      {% if page.platforms contains 'basalt' %}
      <div class="alert alert--fg-white alert--bg-purple alert--medium">
        <p>
          <strong>PLATFORM NOTICE</strong><br>
          This guide only applies for apps built to run on the Basalt platform
          (Pebble Time watches).
        </p>
      </div>
      {% endif %}
      <div class="markdown markdown--staff">
      {% if page.platform_choice %}
      {% include platform-choice.html %}
      {% endif %}
      {{ content }}
      </div>
    </div>
    <div class="col-m-4 hidden-s hidden-xs hidden-m">
      <div class="gray-box gray-box--fixed gray-box--scrollspy">
        {% include utils/toc_large.html toc=page.toc %}
        {% if page.related_links %}
          <h3>Related Links</h3>
          <ul>
            {% for doc in page.related_links %}
            <li><a href="{{ doc.url }}">{{ doc.title }}</a></li>
            {% endfor %}
          </ul>
        {% endif %}
      </div>
    </div>
  </div>
</div>