Skip to content

Commit

Permalink
Deploy preview for PR 109 🛫
Browse files Browse the repository at this point in the history
  • Loading branch information
@momijizukamori
momijizukamori committed May 4, 2024
1 parent 9b86c5a commit 94bd6d0
Show file tree
Hide file tree
Showing 2 changed files with 122 additions and 99 deletions.
40 changes: 20 additions & 20 deletions pr-preview/pr-109/assets/index-CDCd5BRq.js → pr-preview/pr-109/assets/index-Cnk9gB1Z.js
View file

Large diffs are not rendered by default.

181 changes: 102 additions & 79 deletions pr-preview/pr-109/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<link rel="stylesheet" type="text/css" href="./styles.css" />
<link rel="icon" type="image/x-icon" href="https://momijizukamori.github.io/bookbinder-js/pr-preview/pr-109/favicon.ico" />
<meta charset="UTF-8" />
<script type="module" crossorigin src="https://momijizukamori.github.io/bookbinder-js/pr-preview/pr-109/assets/index-CDCd5BRq.js"></script>
<script type="module" crossorigin src="https://momijizukamori.github.io/bookbinder-js/pr-preview/pr-109/assets/index-Cnk9gB1Z.js"></script>
</head>

<body>
Expand Down Expand Up @@ -195,43 +195,6 @@ <h2>Page Layout</h2>
Sextodecimo - sixteen pages per side of sheet
</option>
</select>
<div>
<label
>Add Foldlines
<span
data-balloon-length="medium"
aria-label="Adds folding guidelines (ordered thickest to thinnest)"
data-balloon-pos="up"
>
<input type="checkbox" name="cropmarks" /></span
></label>
<span style="display: inline-block; width: 10px"></span>
<label
>Add Cutlines
<span data-balloon-length="medium" aria-label="Adds cutting guidelines" data-balloon-pos="up"
><input type="checkbox" name="cutmarks" /></span
></label>
<div>
<label
>Add PDF bounds indicators (spine)
<span
data-balloon-length="medium"
aria-label="Puts small marks on the outermost folio of the signatures indicating the top and bottom of the PDF"
data-balloon-pos="up"
>
<input type="checkbox" name="pdf_edge_marks" /></span></label
><br />
<label
>Add signature order marks (spine)
<span
data-balloon-length="medium"
aria-label="Puts staggered lines down the different signature spines to indicate order"
data-balloon-pos="up"
>
<input type="checkbox" name="sig_order_marks" /></span
></label>
</div>
</div>
<span class="row">
<details>
<summary>Folding instructions for quarto/octavo</summary>
Expand Down Expand Up @@ -272,49 +235,9 @@ <h2>Page Layout</h2>
<label for="page_positioning">Page Positioning</label>
<select name="page_positioning" id="page_positioning">
<option value="centered" selected>Centered</option>
<option value="binding_alinged">Snug against binding edge</option>
<option value="binding_aligned">Snug against binding edge</option>
</select>
</span>

<span class="row">
<label>Add marks for sewing</label>
<input type="checkbox" id="add_sewing_marks_checkbox" name="add_sewing_marks_checkbox" />
<details>
<summary>Detailed settings for sewing</summary>
Look at the image below.
<span class="row">
<label>(A) Margin (distance where first point should be draw):</label>
<input
type="number"
id="sewing_marks_margin_pt"
name="sewing_marks_margin_pt"
class="layout_margin_user_input_field"
/><sub>pt</sub><br />

<label>(B) Amount of sewing points:</label>
<input
type="number"
id="sewing_marks_amount"
name="sewing_marks_amount"
class="layout_margin_user_input_field"
/><br />

<label>(C) Tape width:</label>
<input
type="number"
id="sewing_marks_tape_width_pt"
name="sewing_marks_tape_width_pt"
class="layout_margin_user_input_field"
/><sub>pt</sub><br />
<img
alt="sewing image"
src="https://momijizukamori.github.io/bookbinder-js/pr-preview/pr-109/img/sewing_settings_explanation.png"
style="height: 100%; width: 100%; object-fit: contain"
/>
</span>
</details>
</span>

<span class="row">
<div class="layout_margin_description">
White Space Manipulation. All values are in points, relative to original document.<br /><br />1
Expand Down Expand Up @@ -382,6 +305,106 @@ <h2>Page Layout</h2>
</span>
</div>

<div class="section">
<h2>PDF Markup</h2>
<i>(does not currently work with Wacky Small Layouts -- soon!)</i><br />
<span class="row">
<label
>Add Foldlines
<span
data-balloon-length="medium"
aria-label="Adds folding guidelines (ordered thickest to thinnest)"
data-balloon-pos="up"
>
<input type="checkbox" name="cropmarks" />
</span>
</label>
</span>

<span class="row">
<label
>Add Cutlines
<span data-balloon-length="medium" aria-label="Adds cutting guidelines" data-balloon-pos="up">
<input type="checkbox" name="cutmarks"
/></span>
</label>
</span>
<span class="row">
<label
>Add PDF bounds indicators (spine)
<span
data-balloon-length="medium"
aria-label="Puts small marks on the outermost folio of the signatures indicating the top and bottom of the PDF"
data-balloon-pos="up"
>
<input type="checkbox" name="pdf_edge_marks"
/></span>
</label>
</span>
<span class="row">
<label
>Add signature order marks (spine)
<span
data-balloon-length="medium"
aria-label="Puts staggered lines down the different signature spines to indicate order"
data-balloon-pos="up"
>
<input type="checkbox" name="sig_order_marks"
/></span>
</label>
</span>
<span class="row">
<label>Add marks for sewing</label>
<input type="checkbox" id="add_sewing_marks_checkbox" name="add_sewing_marks_checkbox" />
<details id="sewing_marks_details">
<summary>Detailed settings for sewing</summary>
<span class="row">
<label
>Draw marks on :
<select name="sewing_mark_locations" id="sewing_mark_locations">
<option value="all" selected="selected">center of every folio</option>
<option value="only_out">only on spine</option>
<option value="only_in">only in center of signature</option>
<option value="in_n_out">both spine and center of signature</option>
</select> </label
><br />
Look at the image below.<br />
<label
>(A) Margin (distance where first point should be draw):
<input
type="number"
id="sewing_marks_margin_pt"
name="sewing_marks_margin_pt"
class="layout_margin_user_input_field" /><sub>pt</sub><br
/></label>

<label
>(B) Amount of sewing points:
<input
type="number"
id="sewing_marks_amount"
name="sewing_marks_amount"
class="layout_margin_user_input_field" /><br
/></label>

<label
>(C) Tape width:
<input
type="number"
id="sewing_marks_tape_width_pt"
name="sewing_marks_tape_width_pt"
class="layout_margin_user_input_field" /><sub>pt</sub><br
/></label>
<img
alt="sewing image - use tape width of 0pt to make a single dot (overlapping marks)"
src="https://momijizukamori.github.io/bookbinder-js/pr-preview/pr-109/img/sewing_settings_explanation.png"
style="height: 100%; width: 100%; object-fit: contain"
/>
</span>
</details>
</span>
</div>

<div class="section" id="sig_format">
<h2>Signature Format</h2>

Expand Down

0 comments on commit 94bd6d0

Please sign in to comment.