mirror of
https://github.com/google/pebble.git
synced 2025-03-21 11:21:21 +00:00
79 lines
3.6 KiB
HTML
79 lines
3.6 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: default
|
|
title: Getting Started
|
|
description: Pebble is an open platform. It's easy to develop on Pebble. You can get started in 60 seconds with CloudPebble. Our SDK is available for free and includes iOS and Android libraries.
|
|
menu_section: getting-started
|
|
---
|
|
<div class="row no-gutter full-height--l full-height--m full-height--s">
|
|
<div class="col-l-7 col-s-6 full-height">
|
|
<div class="one-third-height bigbox bigbox--darkgray landing">
|
|
<div class="vcenter--wrapper">
|
|
<div class="vcenter">
|
|
<h3>Pebble SDK 3.0 is Here!</h3>
|
|
<p style="margin-bottom: 0;">We've just released version 3.0 of the Pebble SDK which powers the amazing new Pebble Time!</p>
|
|
<a href="/sdk/whats-new/" class="btn btn--bg-white btn--fg-dark-gray">What's New in SDK 3.0</a>
|
|
<a href="/sdk/migration-guide/" class="btn btn--bg-white btn--fg-dark-gray">SDK 3.0 Migration Guide</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="two-thirds-height bigbox bigbox--lightgray landing getting-started__tutorial-box">
|
|
<div class="vcenter--wrapper">
|
|
<div class="vcenter">
|
|
<h3>Learn To Write Your First Pebble App</h3>
|
|
<p>
|
|
Welcome, new developer! Whether you are an experienced C programmer or a
|
|
beginner, this tutorial series is aimed at helping you get set up and
|
|
building with the Pebble SDK as fast as possible. The end result will be
|
|
a new watchface for your Pebble that was created by you!
|
|
</p>
|
|
<a href="/getting-started/watchface-tutorial/" class="btn btn--fg-white btn--bg-dark-red">View Tutorial</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-l-5 col-s-6 full-height">
|
|
<div class="bigbox bigbox--half bigbox--dark-red">
|
|
<div class=" vcenter--wrapper">
|
|
<div class="vcenter">
|
|
<h5>Already Have a Mobile App?</h5>
|
|
<h3>Integrate With Pebble</h3>
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<p><i class="fa fa-android" style="font-size: 6em;"></i></p>
|
|
<a href="/getting-started/android-tutorial/" class="btn btn--fg-dark-red btn--bg-white">Android Tutorial</a>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<p><i class="fa fa-apple" style="font-size: 6em;"></i></p>
|
|
<a href="/getting-started/ios-tutorial/" class="btn btn--fg-dark-red btn--bg-white">iOS Tutorial</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bigbox bigbox--half bigbox--gray ribbon__container">
|
|
<div class=" vcenter--wrapper">
|
|
<div class="vcenter">
|
|
<h5>Allergic to C?</h5>
|
|
<h3>Try Pebble.js</h3>
|
|
<img src="{{ site.asset_path }}/images/getting-started/pebblejs.svg" style="max-height: 6em;">
|
|
<a href="/getting-started/pebble-js-tutorial/" class="btn btn--fg-dark-red btn--bg-white">Pebble.js Tutorial</a>
|
|
<div class="ribbon__wrapper"><div class="ribbon ribbon--bg-white ribbon--fg-dark-red">BETA</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|