Added help page.

This commit is contained in:
Erik C. Thauvin 2020-08-03 10:29:23 -07:00
parent 789d49825e
commit 8935f4a284
17 changed files with 92 additions and 43 deletions

View file

@ -5,49 +5,7 @@ Emaily makes it easy to share shortened links directly from your phone's options
No copy/paste required. Long URLs are squeezed into fewer characters using the [is.gd](https://is.gd/) or [bit.ly](https://bit.ly) services.
<p align="center">
<a href='https://play.google.com/store/apps/details?id=net.thauvin.erik.android.emaily&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png' width="25%"/></a>
<a href="https://play.google.com/store/apps/details?id=net.thauvin.erik.android.emaily&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img alt="Get it on Google Play" src="help/images/google-play-badge-sm.png"/></a>
</p>
> "_A simple app that makes things easier, and helps us to save some time._" — AndroidZoom
## How to use...
When you find a page you want to share, simply follow these steps:
1. Select the **Options** menu:
![Options Menu](screenshots/steps/small/1-sm.png)
2. Select the **Share...** menu:
![Share Menu](screenshots/steps/small/2-sm.png)
3. Select **Emaily** from the **Share** sheet:
![Share Sheet](screenshots/steps/small/3-sm.png)
4. Select **Gmail** (or whichever application you want to share with):
![Share Gmail](screenshots/steps/small/4-sm.png) ![Share Gmail 2](screenshots/steps/small/4b-sm.png)
5. Compose & Send Email
![Compose Email](screenshots/steps/small/6-sm.png)
## Using Bitly...
In order to use Bitly as for shortening links, you will need a [Bitly API Access Token](https://bitly.is/accesstoken).
To enable Bitly follow these steps:
1. Disable **is.gd** turning its switch off:
![Isgd Selected](screenshots/steps/small/isgd_selected-sm.png) ![Isgd Disabled](screenshots/steps/small/isgd_disabled-sm.png)
2. Click on the Bitly **API Access Token** preference option:
![Bitly Selected](screenshots/steps/small/bitly_selected-sm.png)
3. Enter your Bitly **API Access Token**, and click **OK**:
![Bitly Credentials](screenshots/steps/small/bitly_creds-sm.png)

View file

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 41 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

View file

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before After
Before After

12
help/includes/bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

79
help/index.html Normal file
View file

@ -0,0 +1,79 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="includes/bootstrap.min.css">
<style>
body {
padding: 1.5rem
}
.sshot {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
</style>
<title>Emaily for Android</title>
</head>
<body>
<div class="jumbotron">
<h2 class="display-5">Emaily <small class="text-muted">for Android</small></h2>
<p class="lead">Emaily makes it easy to share shortened links directly from your phone's options menu.</p>
<p>No copy/paste required. Long URLs are squeezed into fewer characters using the <a
href="https://is.gd">is.gd</a> or <a href="https://bit.ly">bit.ly</a> services.</p>
<p class="sshot">
<a
href="https://play.google.com/store/apps/details?id=net.thauvin.erik.android.emaily&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img
alt="Get it on Google Play" src="images/google-play-badge-sm.png" /></a>
</p>
<blockquote class="blockquote">
<p class="mb-0">A simple app that makes things easier, and helps us to save some time.</p>
<footer class="blockquote-footer"><cite title="Source Title">AndroidZoom</cite></footer>
</blockquote>
</div>
<div class="card mb-3">
<h3 class="card-header">How to use&hellip;</h3>
<div class="card-body">
<h5 class="card-title">When you find a web page you want to share, simply follow these steps:</h5>
<p class="card-text">
<ol>
<li>Select the <strong class="text-warning">Options</strong> menu:</li>
<img src="images/1-sm.png" class="img-thumbnail img-fluid sshot">
<li>Select the <strong class="text-warning">Share&hellip;</strong> menu option:</li>
<img src="images/2-sm.png" class="img-thumbnail img-fluid sshot">
<li>Select <strong class="text-warning">Emaily</strong> from the <strong>Share</strong> sheet:</li>
<img src="images/3-sm.png" class="img-thumbnail img-fluid sshot">
<li>Select <strong class="text-warning">Gmail</strong><span class="text-muted"> (or whichever
application you want to share with)</span>:</li>
<img src="images/4-sm.png" class="img-thumbnail img-fluid sshot">
<li>The <strong>shortened link</strong> is automatically inserted in a new email:</li>
<img src="images/6-sm.png" class="img-thumbnail img-fluid sshot">
</ol>
</p>
</div>
</div>
<div class="card mb-3">
<h3 class="card-header">Using Bitly&hellip;</h3>
<div class="card-body">
<h5 class="card-title">In order to use Bitly as for shortening links, you will need an <a
href="https://bitly.is/accesstoken">API Access Token</a>.</h5>
<p class="card-text">
<p class="lead">To enable Bitly follow these steps:</p>
<ol>
<li>Disable <strong class="text-warning">is.gd</strong> by turning its switch off:</li>
<img src="images/isgd_selected-sm.png" class="img-thumbnail img-fluid sshot">
<li>Click on the Bitly <strong class="text-warning">API Access Token</strong> preference option:</li>
<img src="images/bitly_selected-sm.png" class="img-thumbnail img-fluid sshot">
<li>Enter your Bitly <strong class="text-warning">Access Token</strong> and click <strong
class="text-warning">OK</strong>:</li>
<img src="images/bitly_creds-sm.png" class="img-thumbnail img-fluid sshot">
</ol>
</p>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB