fenix/pen2post
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial PoC commit

Browse Source
This commit is contained in:
Fenix
2026-01-28 20:39:59 -08:00
commit 94811ca7c1
18 changed files with 1831 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
start.html Normal file
View File

@@ -0,0 +1,96 @@
<!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 &amp; Tips, Credits &amp; 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>