Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-01-04 07:10:06 +08:00
Code Issues Projects Releases Packages Wiki Activity

Tweak FirstSteps.

Browse source
This commit is contained in:
Kavya Joshi 2015-10-01 15:53:23 -07:00
parent 351cddcb59
commit 437f9a0ead
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
guides/FirstSteps.html
View file

@ -205,6 +205,12 @@ blockquote p {
<div class="row">
<div class="col-md-12">
<h2>Start building on top of Nylas in minutes:</h2>
<p>Packages lie at the heart of N1. The thread list, composer and other core parts of the app are packages bundled with the app, and extending N1 is as simple as creating a new package.</p>
</div>
</div>
<div class="row">
<div class="col-md-8">
<h3 class="first padded"><div class="number">1</div> Install N1</h3>
<p>Download and install Nylas for <span id="platforms"></span>. Open it and sign in to your email account.</p>
</div>
@ -213,7 +219,7 @@ blockquote p {
<div class="row">
<div class="col-md-8">
<h3 class="second padded"><div class="number">2</div> Start a Package</h3>
<p>Packages lie at the heart of N1. The thread list, composer and other core parts of the app are packages bundled with the app, and you have access to the same set of APIs. From the Developer Menu, choose <span class="instruction-literal">Create a Package...</span> and name your new package.</p>
<p>From the Developer Menu, choose <span class="instruction-literal">Create a Package...</span> and name your new package.</p>
</div>
<div class="col-md-4">
<img src="./images/Step2-Menu@2x.png" width="203" height="194" style="margin-top:88px;"/>
@ -223,7 +229,7 @@ blockquote p {
<div class="row">
<div class="col-md-12">
<h3 class="third padded"><div class="number">3</div> See it in Action</h3>
<p>Your new package comes with some basic code that adds a section to the message sidebar, and it&#39;s already enabled! View a message to see it in action. If you make changes to the source, choose <span class="instruction-literal">View &gt; Refresh</span> to see your changes in N1.</p>
<p>The example package just created adds a section to the message sidebar and is already enabled, view a message to see it in action! If you make changes to the source, choose <span class="instruction-literal">View &gt; Refresh</span> to see your changes in N1.</p>
</div>
</div>
@ -231,7 +237,7 @@ blockquote p {
<div class="row">
<div class="col-md-12">
<h2 class="continue"><a href="getting-started-2">Step 2: Build your first package</a></h2>
<h2 class="continue"><a href="getting-started-2">Explore the package</a></h2>
</div>
</div>
@ -239,9 +245,9 @@ blockquote p {
<div class="row">
<div class="col-md-6" style="padding-right:30px;">
<h4><div class="letter">A</div> Explore the source</h4>
<h4><div class="letter">A</div>Source dive</h4>
<img src="./images/Illu-ExploreTheSource@2x.png" width="121" height="96" style="margin:auto; margin-bottom:35px; display:block;"/>
<p>Nylas is built on the modern web - packages are written in CoffeeScript or JavaScript. Packages are a lot like node modules, with their own source, assets, and tests. Check out yours in <span class="instruction-literal">~/.nylas/dev/packages</span>.</p>
<p>N1 is built on the modern web - packages are written in CoffeeScript or JavaScript. Packages are a lot like node modules, with their own source, assets, and tests. Check out the packages that power your N1, located in <span class="instruction-literal">~/.nylas/dev/packages</span>!</p>
</div>
<div class="col-md-6" style="padding-left:30px;">
<h4><div class="letter">B</div> Run the specs</h4>