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

98 lines
3.7 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
---
{% include utils/toc_small.html toc=page.toc %}
<div class="row">
<div class="col-m-12">
<h1 class="pagetitle">{{ page.title }}</h1>
{% if page.platforms contains 'basalt' and page.platforms contains 'chalk' and page.platforms contains 'diorite' and page.platforms contains 'emery' %}
<div class="alert alert--fg-white alert--bg-purple alert--medium">
<p>
<strong>PLATFORM NOTICE</strong><br>
This guide does not apply to apps built to run on the Aplite platform
(Pebble Classic, Pebble Steel).
</p>
</div>
{% elsif page.platforms contains 'basalt' and page.platforms contains 'chalk' %}
<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 or Chalk platforms
(Pebble Time, Pebble Time Steel and Pebble Time Round).
</p>
</div>
{% elsif 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 and Pebble Time Steel).
</p>
</div>
{% elsif page.platforms contains 'chalk' %}
<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 Chalk platform
(Pebble Time Round watches).
</p>
</div>
{% endif %}
{% if page.platform_choice %}
{% include platform-choice.html %}
{% endif %}
<div>{{ content }}</div>
{% unless page.hide_comments %}
<a id="comments" class="anchor"></a>
<div id="disqus_thread" aria-live="polite" data-post-url="https://developer.getpebble.com{{ page.url }}">
You need JavaScript enabled to read and post comments.
</div>
{% endunless %}
{% comment %}
<hr>
<div>
<a href="javascript:void(0);" style="float: right; color: #666;" data-modal-target="#modal-contributors-help" data-modal-fit-viewport="false"><i class="fa fa-question-circle fa-fw fa-lg"></i></a>
<h4 id="contributors">Contributors</h4>
{% git_contributors page %}
</div>
{% endcomment %}
</div>
{% if page.toc or page.related_docs or page.related_examples %}
<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_docs %}
<h3>Related SDK Docs</h3>
<ul>
{% for doc in page.related_docs %}
<li><a href="{{ doc.url }}">{{ doc.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
{% if page.related_examples %}
<h3>Examples</h3>
<ul>
{% for example in page.related_examples %}
<li><a href="{{ example.url }}" target="_blank">{{ example.title }}</a></li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
{% endif %}
</div>