96 lines
4.1 KiB
HTML
96 lines
4.1 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Quick Start – Pen2Post</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<link rel="stylesheet" href="journal.css">
|
||
</head>
|
||
<body>
|
||
<div class="notes-container">
|
||
<div class="top-buttons">
|
||
<button class="floating-button" onclick="goBackToApp()" aria-label="Back to app">
|
||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||
<path fill="currentColor" d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
|
||
<main class="page-main">
|
||
<h1>Quick Start</h1>
|
||
<p class="text-muted">
|
||
A short guide to go from a handwritten page to editable text in a minute or two.
|
||
</p>
|
||
|
||
<h2>5 steps: page to post</h2>
|
||
<ol class="section-list">
|
||
<li>
|
||
<strong>Write</strong> – Fill a notebook page the way you normally journal. No special paper is required.
|
||
</li>
|
||
<li>
|
||
<strong>Snap</strong> – Open Pen2Post and tap the <strong>camera button</strong> at the bottom left
|
||
to take a photo of your page, or choose an existing photo if your device offers that option.
|
||
</li>
|
||
<li>
|
||
<strong>Extract</strong> – After the image is loaded, tap the main <strong>Extract Text</strong> button
|
||
(in the main app screen) and wait while your handwriting is turned into text.
|
||
</li>
|
||
<li>
|
||
<strong>Shape</strong> – Read through the text in the big writing area, fix any misread words,
|
||
and make sure it matches your journal page.
|
||
</li>
|
||
<li>
|
||
<strong>Share</strong> – Tap the round <strong>share button</strong> at the top right to send the text
|
||
into your notes app, email, or any other app your phone suggests.
|
||
</li>
|
||
</ol>
|
||
|
||
<p>
|
||
Pen2Post gives you a good rough draft of what you wrote. You stay in control of the meaning,
|
||
and you make the final edits.
|
||
</p>
|
||
|
||
<h2>Main buttons on the screen</h2>
|
||
<ul class="section-list">
|
||
<li><strong>Top right – Share</strong>: sends the text to other apps on your device using the system share sheet.</li>
|
||
<li><strong>Top right – Menu</strong>: opens options like About, Quick Start, Help & Tips, Credits & Rewards, Legal Stuff, and Feedback.</li>
|
||
<li><strong>Bottom left – Camera</strong>: lets you capture a new photo of your handwritten page.</li>
|
||
<li><strong>Bottom center – Clear</strong>: clears the current text and lets you start fresh. Use this only after you have saved or shared your text.</li>
|
||
<li><strong>Bottom right – Save/Copy</strong>: copies the text or triggers saving, depending on how your device is set up, so you do not lose your work.</li>
|
||
</ul>
|
||
|
||
<h2>What a typical session looks like</h2>
|
||
<p>
|
||
You write a page in your journal, open Pen2Post, tap the camera button, and snap a clear photo.
|
||
You tap Extract Text, wait a short moment, fix a few words, then use the share button to send the
|
||
result into your favorite writing or notes app.
|
||
</p>
|
||
|
||
<h2>App screen preview</h2>
|
||
<p class="text-muted">
|
||
The screenshot below shows the main layout: the large writing area, the share and menu buttons at the top,
|
||
and the camera, clear, and save buttons along the bottom.
|
||
</p>
|
||
|
||
<div class="card">
|
||
<!-- Adjust src path if needed -->
|
||
<img src="screen.jpg" alt="Pen2Post main screen" class="quickstart-screenshot">
|
||
</div>
|
||
|
||
<h2>Tips for your first page</h2>
|
||
<ul class="section-list">
|
||
<li>Use good, even lighting and avoid strong shadows on the page.</li>
|
||
<li>Write a little larger and clearer than your tiniest handwriting.</li>
|
||
<li>Use dark ink on light paper for best results.</li>
|
||
</ul>
|
||
|
||
<p class="text-muted">
|
||
Once you are comfortable with a single page, repeat the same steps for the rest of your notebook.
|
||
</p>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="journal.js"></script>
|
||
</body>
|
||
</html> |