Created
July 16, 2025 07:44
-
-
Save webnoob/e68f70a7fd1000795e9f977ddf4795ea to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="form-contents a-declarative" data-action="form-main-1-state form-incr-validate"> | |
| <input type="hidden" name="data[erotica_category_selected]" id="data-erotica-category-selected" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value"> | |
| <input type="hidden" name="data[preorder][cancelled]" id="data-preorder-cancelled" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[preorder][live_release_date]" id="data-preorder-live-release-date" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value"> | |
| <input type="hidden" name="data[preorder][locked]" id="data-preorder-locked" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[preorder][show_countdown_timer]" id="data-preorder-show-countdown-timer" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[preorder][has_free_extension]" id="data-preorder-has-free-extension" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[preorder][is_eligible_for_preorder_extension]" id="data-preorder-is-eligible-for-preorder-extension" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[is_select]" id="data-is-select" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[series_title]" id="data-series-title" class="form-submit-blacklist form-incr-validate-blacklist" data-jele-binding-strategy="value"> | |
| <input type="hidden" name="data[series_number]" id="data-series-number" class="form-submit-blacklist form-incr-validate-blacklist" data-jele-binding-strategy="value"> | |
| <input type="hidden" name="data[invalid_categories_warning]" id="data-invalid-categories-warning" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[invalid_categories_error]" id="data-invalid-categories-error" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[preorder][account_blacklisted]" value="false" id="data-preorder-account-blacklisted" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value-boolean"> | |
| <input type="hidden" name="data[publishing_status_value]" id="data-publishing-status-value" class="form-submit-blacklist form-incr-validate-blacklist unsaved-changes-ignore" data-jele-binding-strategy="value"> | |
| <div class="RUMConfiguration" data-config="{"cloudwatch_rum_config":{"guestRoleArn":"arn:aws:iam::002033164048:role/RUM-Monitor-us-east-1-002033164048-7736961472961-Unauth","identityPoolId":"us-east-1:f43ae99e-fa85-48d7-8dac-30e1fe85d312","endpoint":"https://dataplane.rum.us-east-1.amazonaws.com","appId":"d03a22d3-37df-4c40-9c00-8f39780b62f4","appVersion":"1.0.0","appRegion":"us-east-1"}}"></div> | |
| <div class="combobox-aria-config" data-config="{"strings":{"textboxAriaLabel":"language-dropdown-editable-text","dropdownButtonAriaLabel":"language-dropdown"}}"></div> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[preorder][cancelled]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-box a-alert a-alert-warning a-spacing-small" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">This title's preorder was cancelled on</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[preorder][show_countdown_timer]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="preorder-countdown-timer" class="a-box a-alert a-alert-info a-spacing-large" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">This title is a pre-order. Changes allowed for the next days, hours, minutes, and seconds.</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| You can update your manuscript and book settings up until 3 days prior to your pre-order going live. <a href="/en_US/help/topic/AGSSZQVFKECO5?ref_=_phl" target="_blank" rel="noopener noreferrer">Learn more</a> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| <div id="navigation-bar" class="a-row book-setup-navigation-bar"> | |
| <div class="a-column a-span4 a-color-base-background book-setup-navigation-bar-option book-setup-navigation-bar-option-selected"> | |
| <span id="book-setup-navigation-bar-details-link"> | |
| <p class="a-spacing-micro a-spacing-top-medium a-size-medium book-setup-navigation-bar-option-text a-text-bold"> | |
| Kindle eBook Details | |
| </p> | |
| <div class="a-box a-alert-inline a-alert-inline-info book-setup-navigation-bar-option-status a-spacing-medium" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| In Progress... | |
| </div></div></div> | |
| </span> | |
| </div> | |
| <div class="a-column a-span4 a-color-offset-background book-setup-navigation-bar-option"> | |
| <span id="book-setup-navigation-bar-content-link"> | |
| <p class="a-spacing-micro a-spacing-top-medium a-size-medium a-color-tertiary book-setup-navigation-bar-option-text a-text-bold"> | |
| Kindle eBook Content | |
| </p> | |
| <div class="a-box a-alert-inline a-alert-inline-info book-setup-navigation-bar-option-status a-spacing-medium" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| Not Started... | |
| </div></div></div> | |
| </span> | |
| </div> | |
| <div class="a-column a-span4 a-color-offset-background book-setup-navigation-bar-option a-span-last"> | |
| <span id="book-setup-navigation-bar-pricing-link"> | |
| <p class="a-spacing-micro a-spacing-top-medium a-size-medium a-color-tertiary book-setup-navigation-bar-option-text a-text-bold"> | |
| Kindle eBook Pricing | |
| </p> | |
| <div class="a-box a-alert-inline a-alert-inline-info book-setup-navigation-bar-option-status a-spacing-medium" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| Not Started... | |
| </div></div></div> | |
| </span> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Language | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-medium"> | |
| <span data-path=""> | |
| Choose the primary language your book is written in. <a href="/en_US/help/topic/A9FDO0A3V0119" target="_blank" rel="noopener noreferrer">Supported languages</a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span4 potter-directive-column"> | |
| <div id="language-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[language]"}"> | |
| <span class="a-dropdown-container"><select name="data[language]" autocomplete="off" data-a-native-class=" lock-needs-hidden" id="data-language-native" tabindex="0" data-action="a-dropdown-select" class="a-native-dropdown a-declarative lock-needs-hidden" aria-hidden="true" style="visibility: hidden;"> | |
| <option value="english">English</option> | |
| <option value="german">German</option> | |
| <option value="french">French</option> | |
| <option value="spanish">Spanish</option> | |
| <option value="italian">Italian</option> | |
| <option value="portuguese">Portuguese</option> | |
| <option value="dutch">Dutch</option> | |
| <option value="japanese">Japanese</option> | |
| <option value="afrikaans">Afrikaans</option> | |
| <option value="alsatian">Alsatian</option> | |
| <option value="arabic">Arabic (Beta)</option> | |
| <option value="basque">Basque</option> | |
| <option value="norwegian_bokmal">Bokmål Norwegian</option> | |
| <option value="breton">Breton</option> | |
| <option value="catalan">Catalan</option> | |
| <option value="traditional_chinese">Chinese (Traditional) (Beta)</option> | |
| <option value="cornish">Cornish</option> | |
| <option value="corsican">Corsican</option> | |
| <option value="danish">Danish</option> | |
| <option value="eastern_frisian">Eastern Frisian</option> | |
| <option value="finnish">Finnish</option> | |
| <option value="frisian">Frisian</option> | |
| <option value="galician">Galician</option> | |
| <option value="gujarati">Gujarati</option> | |
| <option value="hindi">Hindi</option> | |
| <option value="icelandic">Icelandic</option> | |
| <option value="irish">Irish</option> | |
| <option value="luxembourgish">Luxembourgish</option> | |
| <option value="malayalam">Malayalam</option> | |
| <option value="manx">Manx</option> | |
| <option value="marathi">Marathi</option> | |
| <option value="northern_frisian">Northern Frisian</option> | |
| <option value="norwegian">Norwegian</option> | |
| <option value="norwegian_nynorsk">Nynorsk Norwegian</option> | |
| <option value="provencal">Provençal</option> | |
| <option value="romansh">Romansh</option> | |
| <option value="scots">Scots</option> | |
| <option value="scots_gaelic">Scottish Gaelic</option> | |
| <option value="swedish">Swedish</option> | |
| <option value="tamil">Tamil</option> | |
| <option value="welsh">Welsh</option> | |
| </select><span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input type="text" class="a-input-text a-form-normal ui-autocomplete-nested-button ui-autocomplete-input" autocomplete="off" aria-label="language-dropdown-editable-text"><button class="ui-corner-right ui-button-icon ui-autocomplete-nested-button" aria-label="language-dropdown"> <i class="a-icon a-icon-dropdown"></i></button><span tabindex="-1" id="data-language" data-a-class="a-declarative jele-combobox" class="a-button a-button-dropdown a-declarative jele-combobox" aria-hidden="true" style="min-width: 0%; display: none;"><span class="a-button-inner"><span class="a-button-text a-declarative" data-csa-c-func-deps="aui-da-a-dropdown-button" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-dropdown-button" aria-hidden="true"><span class="a-dropdown-prompt">English</span></span><i class="a-icon a-icon-dropdown"></i></span></span></span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="language-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| <ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none;"></ul></div> | |
| </div> | |
| <div class="a-column a-span12 potter-directive-column a-span-last"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_arabic]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="arabic-language-beta-alert" class="a-box a-alert a-alert-info a-spacing-mini" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">KDP currently supports only Microsoft Word (doc or docx) file uploads for books written in Arabic.</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| Arabic on KDP is currently in beta. <a href="/en_US/help/topic/GUQT4C8J6RR6V8TY" target="_blank" rel="noopener noreferrer">Learn more about the beta.</a> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_traditional_chinese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="traditional_chinese-language-beta-alert" class="a-box a-alert a-alert-info a-spacing-mini" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">KDP currently supports only Microsoft Word (doc or docx) files for eBooks written in Chinese (Traditional).</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| Chinese (Traditional) on KDP is currently in <a href="/en_US/help/topic/G27T64E65VM6JWKK" target="_blank" rel="noopener noreferrer">beta</a>. Only horizontal content is supported. | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Book Title | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-medium a-spacing-top-micro"> | |
| <span data-path=""> | |
| Enter your title as it appears on the book cover. If you add a subtitle, a colon will be inserted between the title and subtitle. Before continuing, check your spelling since this field cannot be updated after publication. <a href="/en_US/help/topic/GW7J4WEKBVU25YEC" target="_blank" rel="noopener noreferrer">Book title guidelines</a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-text-bold"> | |
| Book Title | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div id="title-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[title]","characterCounter":true}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="200" id="data-title" autocomplete="off" name="data[title]" class="a-input-text a-form-normal jele-character-counter-input lock-needs-hidden" data-adjust-shared="2" data-jele-binding-strategy="" data-remaining-threshold="50" data-shared-max-length-field="data-subtitle" dir="auto"> | |
| </span> | |
| </span> | |
| <div class="a-row"> | |
| <div class="a-column a-span6"> | |
| <div id="data-title-max-warning" class="a-box a-alert-inline a-alert-inline-warning jele-text-max-length-warning a-hidden" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| The combined length of the title and subtitle cannot exceed 200 characters. | |
| </div></div></div> | |
| </div> | |
| <div class="a-column a-span6 a-span-last"> | |
| <div class="a-section a-spacing-none a-text-right jele-character-counter jele-invisible"> | |
| <span id="data-title-tracker" class="a-size-mini a-color-secondary jele-character-counter-tracker">200</span> | |
| <span class="a-size-mini a-color-secondary jele-character-counter-text"> | |
| remaining characters | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="title-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section"> | |
| <span data-path="" class="a-text-bold"> | |
| Title Pronunciation | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-size-small a-color-secondary"> | |
| Enter the Japanese pronunciation guide for your book's title in katakana. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="title-pronunciation-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[title_pronunciation]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="200" id="data-title-pronunciation" autocomplete="off" name="data[title_pronunciation]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="title-pronunciation-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section"> | |
| <span data-path="" class="a-text-bold"> | |
| Romanized Title | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-size-small a-color-secondary"> | |
| Please enter your book’s title in Roma-ji or English. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="title-romanized-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[title_romanized]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="200" id="data-title-romanized" autocomplete="off" name="data[title_romanized]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="title-romanized-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Subtitle | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div id="subtitle-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[subtitle]","characterCounter":true}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="198" id="data-subtitle" autocomplete="off" name="data[subtitle]" class="a-input-text a-form-normal jele-character-counter-input lock-needs-hidden" data-adjust-shared="2" data-jele-binding-strategy="" data-remaining-threshold="50" data-shared-max-length-field="data-title" dir="auto"> | |
| </span> | |
| </span> | |
| <div class="a-row"> | |
| <div class="a-column a-span6"> | |
| <div id="data-subtitle-max-warning" class="a-box a-alert-inline a-alert-inline-warning jele-text-max-length-warning a-hidden" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| The combined length of the title and subtitle cannot exceed 200 characters. | |
| </div></div></div> | |
| </div> | |
| <div class="a-column a-span6 a-span-last"> | |
| <div class="a-section a-spacing-none a-text-right jele-character-counter jele-invisible"> | |
| <span id="data-subtitle-tracker" class="a-size-mini a-color-secondary jele-character-counter-tracker">200</span> | |
| <span class="a-size-mini a-color-secondary jele-character-counter-text"> | |
| remaining characters | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="subtitle-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Subtitle Pronunciation | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-size-small a-color-secondary"> | |
| Enter the Japanese pronunciation guide for your book's subtitle in katakana. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="subtitle-pronunciation-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[subtitle_pronunciation]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="200" id="data-subtitle-pronunciation" autocomplete="off" name="data[subtitle_pronunciation]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="subtitle-pronunciation-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Romanized Subtitle | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-size-small a-color-secondary"> | |
| Please enter your book's subtitle in Roma-ji or English. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="subtitle-romanized-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[subtitle_romanized]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="200" id="data-subtitle-romanized" autocomplete="off" name="data[subtitle_romanized]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="subtitle-romanized-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Publisher Label | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-size-small a-color-secondary"> | |
| Specify your book's content or genre for Japanese language books. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="publisher-label-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[publisher_label]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-publisher-label" autocomplete="off" name="data[publisher_label]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="publisher-label-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Publisher Label Katakana Pronunciation | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-size-small a-color-secondary"> | |
| Enter the Japanese pronunciation guide for your book's publisher label in katakana here. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="publisher-label-pronunciation-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[publisher_label_pronunciation]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-publisher-label-pronunciation" autocomplete="off" name="data[publisher_label_pronunciation]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="publisher-label-pronunciation-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Romanized Publisher Label | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-size-small a-color-secondary"> | |
| Enter the Japanese pronunciation guide for your book's publisher label in Latin characters here. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="publisher-label-romanized-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[publisher_label_romanized]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-publisher-label-romanized" autocomplete="off" name="data[publisher_label_romanized]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="publisher-label-romanized-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Series | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div id="series-title-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div class="series-controls" data-config="{"page":"TITLE_SETUP","options":["kdp"],"seriesId":"seriesGraphQLID","infoLinks":{"edit":{"domain":"kdp","url_key":"episode_title_setup","params":{"seriesId":"seriesId","episodeId":"EPISODE_ID"}},"addEpisode":{"domain":"kdp","url_key":"episode_title_setup","params":{"seriesId":"seriesId","episodeId":"new"}},"bookShelfLink":"https://kdp.amazon.com/bookshelf","detailPage":{"US":"https://www.amazon.com/dp/ASIN"},"notificationLinks":{"displayString":"test","url":"test"},"editSeriesLink":"/series-setup/series/SERIES_ID"},"itemsetLinks":{"titleCardLinks":{"promoteLink":"/title-setup/TITLE_ID/promotion-manager","editLinks":{"digital":"/title-setup/kindle/TITLE_ID","print":"/title-setup/paperback/ITEMSET_ID"}},"localeLink":[{"localeName":"US","url":"https://www.amazon.com/dp/ASIN"}]},"messages":{"kdp-series-management-modal-select-related-content-prequel-header":"Prequel","kdp-series-management-publish-related-content-success-confirmation-button-label":"Done","kdp-series-management-modal-changes-submitted-button-done":"Done","kdp-series-management-modal-delete-confirm-text":"You\u0027re about to delete this series. Once deleted, it cannot be recovered. It’ll be removed from your KDP Bookshelf and from Amazon. Your KDP books will not be impacted or removed from your account.\n\n ","kdp-series-management-save-main-content-success-confirmation-button-label":"Done","kdp-series-management-modal-main-or-related-header":"Add title to series","kdp-series-management-modal-picker-header-inner-series":"Select a series:","kdp-series-management-status-view-on-amazon-trigger":"View on Amazon","kdp-series-management-remove-title-success-message-header":"Your changes have been saved","kdp-series-management-items-tab-header-related":"Related content","kdp-series-management-modal-create-new-title-paperback-create":"Create new paperback","kdp-series-management-info-description":"Series description: ","kdp-series-management-modal-unsaved-changes-header":"You have unsaved changes","kdp-series-management-items-buttons-add":"Add existing title","kdp-series-management-items-row-buttons-digital-edit":"Edit eBook details","kdp-series-management-items-row-type-novella":"Novella","kdp-series-management-modal-to-series-setup-button-back":"Back","kdp-series-management-items-row-buttons-action-remove":"Remove from series","kdp-series-management-items-row-labels-hide":"Hide Details","kdp-series-management-modal-create-or-select-select-existing-button":"Select series","kdp-series-management-modal-confirm-related-content-publish-description":"\u003ccommon-paragraph\u003eConfirm and publish changes to the title and the series. Any previously saved changes on your series will also be published. A title may only be part of one series at a time.\u003c/common-paragraph\u003e\u003ccommon-paragraph\u003eRelated content is not yet supported on series detail pages. Providing accurate information for your series now will help ensure the best reader experience as additional features become available.\u003c/common-paragraph\u003e","kdp-series-management-modal-main-or-related-existing-description":"To create a series page, you must complete setting up your series on KDP by following the steps below. Linked formats for this title will be automatically added to the series once setup is complete.","kdp-series-management-items-row-status-draft-description":"Information has been entered for your series, but the \"Publish Series\" button has not been selected. If you have made updates to a series, but have not yet submitted for publishing, please click \u003cbold\u003ePublish Series\u003c/bold\u003e on the Series Manager Page.","kdp-series-management-items-row-order-updated":"Book order updated","kdp-series-management-publish-related-content-success-message":"\u003ccommon-paragraph\u003eConfirm and publish changes to the title and the series. A title may only be part of one series at a time.\u003c/common-paragraph\u003e\u003ccommon-paragraph\u003eRelated content is not yet supported on series detail pages. Providing accurate information for your series now will help ensure the best reader experience as additional features become available.\u003c/common-paragraph\u003e","kdp-series-management-items-row-buttons-action-edit":"Edit","kdp-series-management-items-row-buttons-print-remove":"Remove paperback from series","kdp-series-management-modal-confirm-main-content-header":"Confirm or edit","kdp-series-management-modal-picker-no-results-description-books":"Don’t see your title listed? Check your spelling or use different search terms. You can only add a title to a series that is associated with your account and is not already part of another series.","kdp-series-management-info-actions-add-title":"Add existing title","kdp-series-management-items-row-status-draft-review-description":"Your series has been submitted for publishing and is currently in review. Series are typically reviewed and published within 72 hours. Review times vary and may take longer if publishing rights need to be verified.","kdp-series-management-items-row-status-live-publishing-description":"Your recent changes are being published. It can take up to 72 hours for the changes to display or become functional on the site. Meanwhile, the previous version of your series is live and available for purchase on Amazon.","kdp-series-management-modal-confirm-related-content-supported-publish-description":"\u003ccommon-paragraph\u003eConfirm and publish changes to the title and the series. Any previously saved changes on your series will also be published. A title may only be part of one series at a time.\u003c/common-paragraph\u003e","kdp-series-management-items-row-type-other":"Other","kdp-series-management-status-description":"Series Status: ","kdp-series-management-items-row-labels-formats-asin":"ASIN","kdp-series-management-notification-success-title":"Changes Submitted","kdp-series-management-items-row-status-live-description":"Your series is live on Amazon and is available for purchase.","kdp-series-management-items-row-buttons-print-manage":"Manage Paperback","kdp-series-management-save-main-content-success-header":"Your changes have been saved","kdp-series-management-items-row-status-draft-publishing-header":"Publishing","kdp-series-management-items-row-buttons-print-promote":"Promote \u0026 advertise","kdp-series-management-modal-confirm-main-content-description":"This title, \u003ccommon-bold\u003e{bookTitle}\u003c/common-bold\u003e, is book \u003ccommon-bold\u003e#{bookNumber}\u003c/common-bold\u003e in the\n series: \u003ccommon-bold\u003e{seriesTitle}\u003c/common-bold\u003e\n ","kdp-series-management-modal-edit-relationship-success-button-done":"Done","kdp-series-management-modal-create-or-select-select-existing-header":"Existing series","kdp-series-management-items-row-labels-show":"Show Details","kdp-series-management-modal-select-related-content-other-header":"Other","kdp-series-management-publish-main-content-success-message-header":"Your changes have been saved","kdp-series-management-publish-main-content-success-confirmation-button-label":"Done","kdp-series-management-publish-related-content-success-header":"Your changes have been saved","kdp-series-management-modal-picker-header-books":"Select a book","kdp-series-management-modal-delete-confirm-buttons-delete":"Delete series","kdp-series-management-items-row-status-live-publishing-header":"Live - Updates Publishing","kdp-series-management-modal-changes-submitted-description-detail":"Your updates have been submitted. It can take up to 72 hours for your titles and series to update on Amazon.","kdp-series-management-items-row-status-live-blocked-header":"LIVE_BLOCKED","kdp-series-management-modal-confirm-main-content-unordered-description":"This title, \u003cbold\u003e{bookTitle}\u003c/bold\u003e, is in the series: \u003cbold\u003e{seriesTitle}\u003c/bold\u003e","kdp-series-management-modal-select-related-content-shortstory-header":"Short story","kdp-series-management-items-tab-content-edit-order":"Edit book order","kdp-series-management-items-row-status-live-blocked-description":"LIVE_BLOCKED","kdp-series-management-modal-picker-next-button":"Next","kdp-series-management-modal-select-related-content-novella-description":"A short novel (or long short story), related to the main titles in the series.","kdp-series-management-publish-related-content-success-message-header":"Your changes have been saved","kdp-series-management-items-row-buttons-digital-remove":"Remove eBook from series","kdp-series-management-info-actions-publish-disabled":"No new changes to publish","kdp-series-management-modal-confirm-remove-button-cancel":"Cancel","kdp-series-management-notification-draft-details":"Your series is currently saved as a draft. Review your changes below and publish your series when you are satisfied with the changes. \u003clink\u003e{Help}\u003c/link\u003e","kdp-series-management-items-row-status-live-header":"Live","kdp-series-management-modal-edit-relationship-success-detail":"It can take up to 72 hours for your series and titles to update on Amazon.","kdp-series-management-modal-select-related-content-novella-header":"Novella","kdp-series-management-info-order-description":"Display reading order: \u003cbold\u003e{YesOrNo}\u003c/bold\u003e","kdp-series-management-modal-select-related-content-other-description":"Content that does not meet the other selections, but is related to the series.","kdp-series-management-info-breadcrumb-manager":"Manage Series","kdp-series-management-items-row-state-last-modified":"Last modified on","kdp-series-management-add-related-content-success-confirmation-button-label":"Close","kdp-series-management-edit-main-content-success-confirmation-button-label":"Done","kdp-series-management-edit-main-content-success-message":"Your updates have been submitted. It can take up to 72 hours for your titles and series to update on Amazon.","kdp-series-management-items-row-labels-status-publishing":"Publishing","kdp-series-management-modal-to-series-setup-description":"Next step: Enter series details","kdp-series-management-modal-confirm-main-content-edit-order-button":"Edit","kdp-series-management-remove-title-success-message":"It can take up to 72 hours for your series and titles to update on Amazon.","kdp-series-management-modal-select-related-content-prequel-description":"A story featuring events preceding the main titles in the series.","kdp-series-management-items-reorder-buttons-cancel":"Cancel","kdp-series-management-modal-confirm-related-content-back-button":"Back","kdp-restricted-series-alert-title":"You cannot edit this series on KDP","kdp-restricted-series-alert-details":"This series has titles from multiple publishers. Changes to series with multiple publishers are not supported from your KDP account. Please \u003clink\u003econtact us\u003c/link\u003e to request updates.","kdp-series-management-items-row-labels-status-trashed":"Trashed","kdp-series-management-items-row-state-last-submitted":"Last submitted on","kdp-series-management-modal-create-or-select-select-existing-description":"Add this title to an existing series.","kdp-common-mutation-failed-message":"A problem occurred. Please try again\n","kdp-series-management-items-row-buttons-action-reorder":"Edit book order","kdp-series-management-modal-picker-header":"Add title to series","kdp-series-management-modal-create-new-title-paperback":"Make your title available in print.","kdp-series-management-modal-create-new-title-paperback-name":"Paperback","kdp-series-management-modal-main-or-related-related-button":"Related content","kdp-series-management-items-row-buttons-digital-promote":"Promote \u0026 advertise","kdp-series-management-modal-remove-success-button-done":"Done","kdp-series-management-modal-edit-relationship-success-message":"The title and series has been updated.","kdp-series-management-remove-title-success-header":"Your changes have been saved","kdp-series-management-modal-picker-error":"Error loading titles.","kdp-series-management-save-main-content-success-message-header":"Your changes have been saved","kdp-series-management-modal-remove-success-header":"Series updates saved","kdp-series-management-items-row-status-draft-review-header":"In Review","kdp-series-management-modal-picker-no-results":"No results","kdp-series-management-items-reorder-header":"Edit display order","kdp-series-management-info-actions-create-title":"Create new title","kdp-series-management-items-row-status-draft-publishing-description":"Your series is being published. It can take up to 72 hours for the product image, search keywords, and product description to display or become functional on the site.","kdp-series-management-items-row-labels-formats":"Formats","kdp-series-management-notification-draft-title":"Publish your series","kdp-series-management-modal-picker-header-series":"Add title to series","kdp-series-management-modal-picker-no-results-description-series":"Don’t see your series listed? Check your spelling or use different search terms. You can only add a title to a series that is associated with your account and is not already part of another series.","kdp-series-management-items-row-buttons-action-reorder-cancel":"Cancel","kdp-series-management-remove-title-success-confirmation-button-label":"Done","kdp-series-management-modal-create-or-select-create-description":"Add this title to a new series.","kdp-series-management-modal-confirm-related-content-publish-header":"The title information is correct","kdp-series-management-items-row-buttons-print-edit":"Edit paperback details","kdp-series-management-modal-confirm-remove-button-remove":"Remove from series","kdp-series-management-info-order-no":"No","kdp-series-management-modal-delete-warning-text":"To delete this series you must first remove all titles from the series from the \"Series action\"\n menu options. After you have removed all the titles the series will automatically be removed from Amazon and\n you can use this button to delete the series from KDP.\n ","kdp-series-management-items-row-buttons-actions":"Series actions","kdp-series-management-modal-picker-header-inner-books":"Select one of your books:","kdp-series-management-items-row-labels-status-blocked":"Blocked","kdp-series-management-modal-picker-results-count":"Showing \u003cbold\u003e{first}-{last} of {total}\u003c/bold\u003e","kdp-series-management-modal-create-or-select-header":"Add title to a series","kdp-series-management-items-row-status-live-unpublished-name":"DRAFT Unpublished","kdp-series-management-modal-select-related-type-header":"What type of related content is this title?","kdp-series-management-modal-select-related-type-header-inner":"Select the type of content this title best matches","kdp-series-management-items-row-type-prequel":"Prequel","kdp-restricted-series-mutation-failed-header":"Restricted Series Error","kdp-series-management-modal-remove-success-detail-additional":"You may need to edit the display order of other titles for a numbered series. Removing this title does not\n change the number order of other titles.\n ","kdp-series-management-modal-confirm-related-content-cta":"Confirm this information","kdp-series-management-items-row-status-live-unpublished-description":"This series has been unpublished and is not available for sale.","kdp-series-management-info-by-author":"By: {firstName} {lastName}","kdp-series-management-items-error-message":"There was an issue retrieving your series. Please try again later or contact support.","kdp-series-management-items-row-status-draft-blocked-header":"DRAFT_BLOCKED","kdp-series-management-items-row-buttons-action-reorder-update":"Update","kdp-series-management-modal-edit-relationship-success-header":"Series updates saved","kdp-series-management-modal-to-title-setup-description-detail":"You’ll be taken to a new page to create the title. Linked formats will be automatically added to the series once title setup is complete.","kdp-series-management-info-error":"error","kdp-series-management-modal-to-series-setup-header":"Create series","kdp-series-management-items-row-status-draft-review-name":"IN REVIEW","kdp-series-management-modal-create-or-select-create-header":"New series","kdp-common-mutation-failed-header":"error","kdp-series-management-modal-edit-series-description":"You will be taken to a different page to manage your series.","kdp-series-management-modal-create-new-title-kindle":"Make your title available digitally on Kindle and other hand-held devices.","kdp-series-management-publish-main-content-success-header":"Your changes have been saved","kdp-series-management-items-row-error-message":"There was an issue retrieving this item in the series. Please try again later or contact support.","kdp-series-management-modal-confirm-main-content-publish-button":"Confirm and continue","kdp-series-management-modal-delete-confirm-buttons-cancel":"Cancel","kdp-series-management-items-tab-content-no-episodes":"You don\u0027t have any episodes yet!","kdp-series-management-items-row-status-draft-blocked-description":"DRAFT_BLOCKED","kdp-series-management-items-buttons-create":"Create new title","kdp-series-management-modal-picker-by":"By {author}","kdp-series-management-items-row-buttons-action-edit-relationship":"Edit series relationship","kdp-common-mutation-loading-header":"Saving...","kdp-series-management-modal-confirm-main-content-edit-order-description":"Select \u003ccommon-bold\u003eEdit book order\u003c/common-bold\u003e to make changes or to review your series.","kdp-series-management-info-retry":"retry","kdp-series-management-add-related-content-success-message-header":"Your changes have been saved","kdp-series-management-modal-create-or-select-create-button":"Create series","kdp-series-management-items-row-status-live-changes-header":"Live - Updates In Progress","kdp-series-management-items-row-type-primary":"Primary","kdp-series-management-info-actions-delete":"Delete series","kdp-series-management-modal-confirm-related-content-description":"This title, \u003cbold\u003e{bookTitle}\u003c/bold\u003e, is related to the series: \u003cbold\u003e{seriesTitle}\u003c/bold\u003e","kdp-series-management-items-row-status-deleted-name":"DELETING","kdp-series-management-save-main-content-success-message":"The title and series has been updated.","kdp-series-management-items-row-status-draft-blocked-name":"DRAFT_BLOCKED","kdp-series-management-modal-confirm-related-content-header":"Confirm Information","kdp-series-management-modal-to-title-setup-button-go":"Go to title setup","kdp-series-management-items-row-status-draft-name":"DRAFT","kdp-series-management-info-actions-label":"Manage series","kdp-series-management-items-row-view-on-amazon":"View on Amazon","kdp-series-management-modal-to-title-setup-header":"Create title","kdp-series-management-modal-confirm-main-content-publish-description":"Confirm and publish changes to the title and the series. Any previously saved changes on your series will also be published. A title may only be part of one series at a time.","kdp-series-management-items-row-status-live-publishing-name":"LIVE Updates publishing","kdp-series-management-items-row-status-live-changes-name":"LIVE With unpublished changes","kdp-series-management-notification-error-details":"Publish Series failed, please retry","kdp-common-mutation-failed-confirmation-button-label":"Close","kdp-series-management-modal-main-or-related-main-header":"Main content","kdp-series-management-items-row-error-retry":"Retry","kdp-series-management-edit-main-content-success-message-header":"Your series updates have been submitted","kdp-series-management-items-row-status-live-review-header":"Live - Updates In Review","kdp-series-management-modal-main-or-related-related-description":"This book is supplemental content for the series (i.e. prequel, short story, etc.). Related content is not yet supported on series detail pages. Providing accurate information for your series now will help ensure the best reader experience as additional features become available.","kdp-series-management-items-row-labels-status-pending":"Pending Approval","kdp-series-management-publish-main-content-success-message":"Your updates have been submitted. It can take up to 72 hours for your titles and series to update on Amazon.","kdp-series-management-items-error-retry":"Retry","kdp-series-management-notification-error-title":"Publish Series failed","kdp-series-management-items-row-status-live-blocked-name":"LIVE_BLOCKED","kdp-series-management-modal-main-or-related-related-supported-description":"This book is supplemental content for the series (i.e. prequel, short story, etc.).","kdp-series-management-modal-confirm-main-content-back-button":"Back","kdp-restricted-series-mutation-failed-message":"This title is already part of a series that has contributions from multiple publishers. Changes to series with multiple publishers are not supported from your KDP account. To make changes, please \u003clink\u003econtact us\u003c/link\u003e.","kdp-series-management-status-view-on-amazon-locale":"US","kdp-series-management-modal-main-or-related-inner-header":"How is this title related to the series?","kdp-series-management-modal-picker-button-back":"Back","kdp-series-management-add-related-content-success-message":"\u003ccommon-paragraph\u003eYour updates have been submitted. It can take up to 72 hours for your titles and series to update on Amazon.\u003c/common-paragraph\u003e\u003ccommon-paragraph\u003eRelated content is not yet supported on series detail pages. Providing accurate information for your series now will help ensure the best reader experience as additional features become available.\u003c/common-paragraph\u003e","kdp-series-management-modal-confirm-remove-header":"Remove title from series","kdp-series-management-modal-delete-warning-buttons-close":"Close","kdp-series-management-info-actions-publish":"Publish series","kdp-series-management-status-reorder-warning":"Your series has changes that have not been published. Remember to publish the series after you have completed your edits","kdp-series-management-items-row-status-live-changes-description":"Information has been entered for your series, but the \"Publish Series button has not been selected. A previous version of your series is live on Amazon and is available for purchase. Please click \u003cbold\u003ePublish Series\u003c/bold\u003e on the Series Manager Page to publish your changes.","kdp-series-management-notification-success-details":"It can take up to 72 hours to see your updates on Amazon.","kdp-series-management-items-reorder-buttons-save-as-draft":"Save as draft","kdp-series-management-info-breadcrumb-bookshelf":"Bookshelf","kdp-series-management-modal-to-title-setup-button-back":"Back","kdp-series-management-modal-confirm-main-content-edit-order-header":"The title information is incorrect","kdp-series-management-modal-confirm-main-content-publish-header":"The title information is correct","kdp-common-mutation-failed-message-header":"error","kdp-series-management-modal-main-or-related-main-description":"This book is one of the primary titles in the series.","kdp-series-management-info-order-yes":"Yes","kdp-series-management-modal-picker-search-button":"Search","kdp-series-management-modal-create-new-title-header":"What would you like to create?","kdp-series-management-items-row-buttons-digital-manage":"Manage eBook","kdp-series-management-items-tab-header-main":"Main content","kdp-series-management-modal-to-series-setup-button-go":"Go to series setup","kdp-series-management-items-reorder-details":"To change the display order for a title, select \u003ccommon-bold\u003eEdit\u003c/common-bold\u003e under the book number. When you’re done making changes, click \u003ccommon-bold\u003ePublish series\u003c/common-bold\u003e. Updates can take up to 72 hours to be displayed on Amazon.","kdp-series-management-items-reorder-buttons-save-and-publish":"Save and publish order","kdp-series-management-modal-select-related-type-back-button":"Back","kdp-series-management-items-row-type-boxset":"Boxset","kdp-series-management-modal-edit-series-header":"Edit series","kdp-series-management-modal-select-related-content-shortstory-description":"A single short story or a collection of short stories related to the main titles in the series.","kdp-series-management-items-row-labels-formats-digital":"Kindle eBook","kdp-series-management-modal-delete-confirm-header":"Delete series","kdp-series-management-modal-to-title-setup-description":"Next step: Enter title details","kdp-series-management-items-row-status-deleted-header":"Deleting","kdp-series-management-notification-empty-details":"The series will be published after at one title in the series has been published. \u003clink\u003e{Help}\u003c/link\u003e","kdp-series-management-modal-confirm-remove-warning":"You\u0027re about to remove \u003cbold\u003e{bookTitle}\u003c/bold\u003e from the series. If you remove the title,\n all linked formats and editions will also be removed from the series. The title will remain in your catalog\n and on Amazon, and the series data will be removed from the title.\n ","kdp-series-management-items-row-status-live-review-name":"LIVE Updates in review","kdp-series-management-edit-main-content-success-header":"Your changes have been saved","kdp-series-management-modal-select-related-content-boxsets-description":"This is a set of items bundled together, containing content related to the series.","kdp-series-management-items-row-type-shortstory":"Short story","kdp-series-management-items-row-status-live-name":"LIVE","kdp-series-management-modal-edit-series-button-cancel":"Cancel","kdp-series-management-modal-remove-success-message":"The title has been removed from the series.","kdp-series-management-modal-delete-warning-header":"Delete series","kdp-common-mutation-loading-message":"Saving...","kdp-series-management-items-row-labels-book-number":"Book","kdp-series-management-modal-picker-previous-button":"Previous","kdp-series-management-info-actions-edit":"Edit series details","kdp-series-management-modal-picker-live-titles-count":"{liveBooksInSeries} live title(s)","kdp-series-management-modal-unsaved-changes-save-and-continue":"Save and Continue","kdp-series-management-modal-main-or-related-existing-series-title":"Series Title","kdp-series-management-modal-main-or-related-main-button":"Main content","kdp-series-management-modal-confirm-related-content-publish-button":"Confirm and continue","kdp-series-management-modal-main-or-related-related-header":"Related content","kdp-series-management-add-related-content-success-header":"Your changes have been saved","kdp-series-management-items-row-status-live-unpublished-header":"Draft Unpublished","kdp-series-management-modal-edit-relationship-success-detail-additional":"You may need to edit the display order of other titles for a numbered series. Removing this title does not\n change the number order of other titles.\n ","kdp-series-management-items-row-labels-status-draft":"Draft","kdp-series-management-items-row-labels-formats-print":"Paperback","kdp-series-management-items-row-status-draft-publishing-name":"PUBLISHING","kdp-series-management-items-row-labels-status-live":"Live","kdp-series-management-modal-main-or-related-existing-header":"Update Your Series","kdp-series-management-modal-unsaved-changes-continue":"Continue without Saving","kdp-series-management-modal-edit-series-button-go":"Go to series manager","kdp-series-management-modal-remove-success-detail":"It can take up to 72 hours for your series and titles to update on Amazon.","kdp-series-management-items-row-status-live-review-description":"Your recent changes are currently under review. Series are typically reviewed and published within 72 hours. Review times vary and may take longer if publishing rights need to be verified. Meanwhile, the previous version of your series is live on Amazon and is available for purchase.","kdp-series-management-items-row-status-draft-header":"Draft","kdp-series-management-notification-empty-title":"Series is saved as draft","kdp-series-management-modal-confirm-main-content-cta":"Confirm or edit this information","kdp-series-management-modal-changes-submitted-description":"Changes submitted","kdp-series-management-modal-changes-submitted-header":"Your changes have been saved","kdp-series-management-modal-unsaved-changes-cancel":"Cancel","kdp-series-management-items-row-status-deleted-description":"We are in the process of deleting this series.","kdp-series-management-modal-create-new-title-kindle-create":"Create new eBook","kdp-series-management-modal-select-related-content-boxsets-header":"Box set or collection","kdp-series-management-modal-main-or-related-back-button":"Back","kdp-series-management-modal-create-new-title-kindle-name":"Kindle eBook","kdp-series-management-modal-to-series-setup-description-detail":"You’ll be taken to a new page to create the series. Your title changes will be saved as draft. Linked formats will be automatically added to the series once title setup is complete."},"csrfToken":"gmxyyIVfIumRHh1a0IDpI+0uAC7jCDi3pFgb1IEAAAABAAAAAGh3VNJyYXcAAAAA+obfoYNBPie4v1Ep9rqj","locale":"en-US"}"></div> | |
| <div id="edit_series_description" style="display:none;"> | |
| <span> | |
| </span> | |
| <span> | |
| This title is part of a series. You can edit details or remove the title from the series. (Optional) <a href="/en_US/help/topic/GMFKBUS43QQ5AJ5A" target="_blank" rel="noopener noreferrer">Learn more</a> | |
| </span> | |
| </div> | |
| <div id="add_series_description" style=""> | |
| <div class="a-row a-spacing-base"> | |
| <span> | |
| If your book is part of a series (or will eventually be), you can add it now. Alternatively, you can add it later using the options on the Bookshelf. <a href="/en_US/help/topic/GMFKBUS43QQ5AJ5A" target="_blank" rel="noopener noreferrer">Learn how to start a series</a> | |
| </span> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <span> | |
| If you create a series, it’ll build a product detail page on Amazon, showcasing all books in the series. Linked formats of your books will be automatically added to the series. | |
| </span> | |
| </div> | |
| </div> | |
| <div id="series_success_alert" style="display:none;"> | |
| <div class="a-row a-spacing-top-base"> | |
| <div class="a-box a-alert a-alert-success" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span class="a-size-medium"> | |
| Series information updated | |
| </span> | |
| <br> | |
| <span> | |
| Your series information has been updated. All linked formats and editions to this title will automatically be added to the series. | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| <br> | |
| <div id="series_info" style="display:none;"> | |
| <span> | |
| Series Title | |
| </span> | |
| <span class="a-size-base a-text-bold"> | |
| <div id="series_title"> | |
| </div> | |
| </span> | |
| <br> | |
| <div id="series_number_container" style="display:none;"> | |
| <span> | |
| Book number | |
| </span> | |
| <span class="a-size-base a-text-bold"> | |
| <div id="series_number"> | |
| </div> | |
| </span> | |
| <br> | |
| </div> | |
| <div id="series_relationship_type_container" style="display:none;"> | |
| <span> | |
| Relationship Type | |
| </span> | |
| <span class="a-size-base a-text-bold"> | |
| <div class="series_relationship_type" id="series_relationship_type_boxsets" style="display:none;"> | |
| Box set or Collection | |
| </div> | |
| <div class="series_relationship_type" id="series_relationship_type_novella" style="display:none;"> | |
| Novella | |
| </div> | |
| <div class="series_relationship_type" id="series_relationship_type_prequel" style="display:none;"> | |
| Prequel | |
| </div> | |
| <div class="series_relationship_type" id="series_relationship_type_short_story" style="display:none;"> | |
| Short Story | |
| </div> | |
| <div class="series_relationship_type" id="series_relationship_type_shortstory" style="display:none;"> | |
| Short Story | |
| </div> | |
| <div class="series_relationship_type" id="series_relationship_type_other" style="display:none;"> | |
| Other | |
| </div> | |
| </span> | |
| <br> | |
| </div> | |
| </div> | |
| <div style="display:none;"> | |
| <div id="series_id"> | |
| </div> | |
| <div id="series_relationship_type"> | |
| </div> | |
| </div> | |
| <div id="edit_series_buttons" style="display:none;"> | |
| <div style="float: left; padding-right: 20px;"> | |
| <span class="a-declarative" data-action="edit-series" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-edit-series" data-edit-series="{}"> | |
| <span class="a-button a-button-base" id="a-autoid-0"><span class="a-button-inner"><button data-test-id="edit-series-details-button" class="a-button-text" type="button" id="a-autoid-0-announce"> | |
| Edit series details | |
| </button></span></span> | |
| </span> | |
| </div> | |
| <span class="a-declarative" data-action="remove-title-from-series" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-remove-title-from-series" data-remove-title-from-series="{}"> | |
| <span class="a-button a-button-base" id="a-autoid-1"><span class="a-button-inner"><button data-test-id="remove-from-series-button" class="a-button-text" type="button" id="a-autoid-1-announce"> | |
| Remove from series | |
| </button></span></span> | |
| </span> | |
| </div> | |
| <div id="add_series_button" style=""> | |
| <span class="a-declarative" data-action="add-title-to-series" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-add-title-to-series" data-add-title-to-series="{}"> | |
| <span class="a-button a-button-base" id="a-autoid-2"><span class="a-button-inner"><button data-test-id="add-series-details-button" class="a-button-text" type="button" id="a-autoid-2-announce"> | |
| Add to series | |
| </button></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="series-title-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Edition Number | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-medium a-spacing-top-micro"> | |
| <span data-path=""> | |
| The edition number tells readers whether the book is an original or updated version. Note: This cannot be changed after the book is published. | |
| </span> | |
| <span class="a-declarative" data-action="a-popover" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-a-popover" data-a-popover="{"position":"triggerBottom","header":"","content":"\u003cdiv role=\"alert\"\u003eEach time you make significant changes to your book (for ex. updating the author name, cover, title, ISBN, trim size, and ink and paper type), it is considered a new edition. Small changes such as typos or capitalization fixes do not require a new edition number.\u003c/div\u003e","width":450,"closeButton":false}" id="edition-desc"> | |
| <a id="edition-desc" aria-label="" href="javascript:void(0)" role="button" class="a-popover-trigger a-declarative whats-this-link"><span>What counts as a new edition?</span><i class="a-icon a-icon-popover"></i></a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Edition Number | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div id="edition-number-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[edition_number]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" id="data-edition-number" autocomplete="off" name="data[edition_number]" class="a-input-text a-form-normal a-span6 lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="edition-number-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Author | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-top-micro"> | |
| <span data-path=""> | |
| Enter the primary author or contributor. Pen names are allowed. To include a middle name or prefix, add it to the first name field. Suffixes should be added to the last name. <a href="/en_US/help/topic/G2BWJN2BY98T5PV2" target="_blank" rel="noopener noreferrer">Author guidelines</a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini a-spacing-top-small"> | |
| <span data-path="" class="a-text-bold"> | |
| Primary Author or Contributor | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-disable-hover="You can not change your primary contributor after having published" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="data-primary-author-last-name-jp-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[primary_author][last_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-print-book-primary-author-last-name-jp" autocomplete="off" placeholder="Full name" name="data[primary_author][last_name]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="value" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="data-primary-author-last-name-jp-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div class="jele-directive" data-jele-directive="{"hide":"data[is_japanese]","nonrelevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="primary-author-first-name-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[primary_author][first_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-primary-author-first-name" autocomplete="off" placeholder="First name" name="data[primary_author][first_name]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="primary-author-first-name-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span6 potter-directive-column a-span-last"> | |
| <div class="jele-directive" data-jele-directive="{"hide":"data[is_japanese]","nonrelevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="primary-author-last-name-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[primary_author][last_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-primary-author-last-name" autocomplete="off" placeholder="Last name" name="data[primary_author][last_name]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="primary-author-last-name-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="primary-author-pronunciation-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[primary_author][pronunciation]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-primary-author-pronunciation" autocomplete="off" placeholder="Pronunciation" name="data[primary_author][pronunciation]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="primary-author-pronunciation-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="primary-author-name-romanized-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[primary_author][name_romanized]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-primary-author-name-romanized" autocomplete="off" placeholder="Romanized Name" name="data[primary_author][name_romanized]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="primary-author-name-romanized-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Contributors | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path=""> | |
| Add up to 9 contributors. They’ll display on Amazon using the order you enter below. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-small a-spacing-top-micro"> | |
| <span class="a-text-bold"> | |
| Contributors | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div id="contributors-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div id="contributors-list" class="list-collection-container jele-collection " data-error-path="data[contributors]" data-list-path="data[contributors]" data-always-one="true" data-max-elements="9"> | |
| <div class="hidden-template" id="hidden-template-contributors-list"> | |
| <div data-index="" class="a-column a-span12 jele-list-element jele-directive-list-element"> | |
| <div class="a-column a-span10"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span4 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="default[contributors-role-field]" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="default[data[contributors][role]]" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"default[data.contributors.role]"}"> | |
| <span class="a-dropdown-container"><select name="default[data.contributors.role]" autocomplete="off" data-a-native-class=" lock-needs-hidden" id="default[data-contributors-role]-native" tabindex="0" data-action="a-dropdown-select" class="a-native-dropdown a-declarative lock-needs-hidden"> | |
| <option value="author">Author</option> | |
| <option value="editor">Editor</option> | |
| <option value="foreword">Foreword</option> | |
| <option value="illustrator">Illustrator</option> | |
| <option value="introduction">Introduction</option> | |
| <option value="narrator">Narrator</option> | |
| <option value="photographer">Photographer</option> | |
| <option value="preface">Preface</option> | |
| <option value="translator">Translator</option> | |
| </select><span tabindex="-1" id="default[data-contributors-role]" data-a-class="a-declarative " class="a-button a-button-dropdown a-declarative" aria-hidden="true" style="min-width: 0%;"><span class="a-button-inner"><span class="a-button-text a-declarative" data-csa-c-func-deps="aui-da-a-dropdown-button" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-dropdown-button" aria-hidden="true"><span class="a-dropdown-prompt">Author</span></span><i class="a-icon a-icon-dropdown"></i></span></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="default[contributors-role-field]-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span8 potter-directive-column a-span-last"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"hide":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"nonrelevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="default[contributors-first-name-field]" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="default[data[contributors][first_name]]" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"default[data.contributors.first_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="default[data-contributors-first-name]" autocomplete="off" placeholder="First name" name="default[data.contributors.first_name]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="default[contributors-first-name-field]-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span6 potter-directive-column a-span-last"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"nonrelevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="default[contributors-last-name-field]" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="default[data[contributors][last_name]]" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"default[data.contributors.last_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="default[data-contributors-last-name]" autocomplete="off" placeholder="Last name" name="default[data.contributors.last_name]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="default[contributors-last-name-field]-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"relevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="default[contributors-last-name-jp-field]" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="default[data[contributors][last_name]]" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"default[data.contributors.last_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="default[data-contributors-last-name-jp]" autocomplete="off" placeholder="Full name" name="default[data.contributors.last_name]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="value" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="default[contributors-last-name-jp-field]-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="default[contributors-pronunciation-field]" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="default[data[contributors][pronunciation]]" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"default[data.contributors.pronunciation]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="default[data-contributors-pronunciation]" autocomplete="off" placeholder="Pronunciation" name="default[data.contributors.pronunciation]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="default[contributors-pronunciation-field]-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="default[contributors-name-romanized-field]" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="default[data[contributors][name_romanized]]" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"default[data.contributors.name_romanized]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="default[data-contributors-name-romanized]" autocomplete="off" placeholder="Romanized Name" name="default[data.contributors.name_romanized]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="default[contributors-name-romanized-field]-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span2 jele-list-element-buttons a-span-last"> | |
| <span class="a-declarative" data-action="remove-from-list" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-remove-from-list" data-remove-from-list="{"alwaysOne":true,"maxElements":9,"path":"data[contributors]","idPrefix":"contributors"}"> | |
| <span class="a-button a-button-base button-fill" id="a-autoid-3"><span class="a-button-inner"><button class="a-button-text" type="button" id="a-autoid-3-announce">Remove</button></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="contributors-list-data" class="jele-list "> | |
| <div class="a-box-group"> | |
| <div id="collection-add-to-contributors-list" class="collection-add-to"> | |
| <div data-index="0" class="a-column a-span12 jele-list-element jele-directive-list-element"> | |
| <div class="a-column a-span10"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span4 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="contributors-0-role-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[contributors][0][role]"}"> | |
| <span class="a-dropdown-container"><select name="data[contributors][0][role]" autocomplete="off" data-a-native-class=" lock-needs-hidden" id="data-contributors-0-role-native" tabindex="0" data-action="a-dropdown-select" class="a-native-dropdown a-declarative lock-needs-hidden"> | |
| <option value="author">Author</option> | |
| <option value="editor">Editor</option> | |
| <option value="foreword">Foreword</option> | |
| <option value="illustrator">Illustrator</option> | |
| <option value="introduction">Introduction</option> | |
| <option value="narrator">Narrator</option> | |
| <option value="photographer">Photographer</option> | |
| <option value="preface">Preface</option> | |
| <option value="translator">Translator</option> | |
| </select><span tabindex="-1" id="data-contributors-0-role" data-a-class="a-declarative " class="a-button a-button-dropdown a-declarative" aria-hidden="true" style="min-width: 0%;"><span class="a-button-inner"><span class="a-button-text a-declarative" data-csa-c-func-deps="aui-da-a-dropdown-button" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-dropdown-button" aria-hidden="true"><span class="a-dropdown-prompt">Author</span></span><i class="a-icon a-icon-dropdown"></i></span></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="contributors-0-role-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span8 potter-directive-column a-span-last"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"hide":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"nonrelevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="contributors-0-first-name-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[contributors][0][first_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-contributors-0-first-name" autocomplete="off" placeholder="First name" name="data[contributors][0][first_name]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="contributors-0-first-name-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span6 potter-directive-column a-span-last"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"nonrelevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="contributors-0-last-name-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[contributors][0][last_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-contributors-0-last-name" autocomplete="off" placeholder="Last name" name="data[contributors][0][last_name]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="contributors-0-last-name-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="a-section"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive" data-jele-directive="{"relevant":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="contributors-0-last-name-jp-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[contributors][0][last_name]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-contributors-0-last-name-jp" autocomplete="off" placeholder="Full name" name="data[contributors][0][last_name]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="value" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="contributors-0-last-name-jp-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="contributors-0-pronunciation-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[contributors][0][pronunciation]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-contributors-0-pronunciation" autocomplete="off" placeholder="Pronunciation" name="data[contributors][0][pronunciation]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="contributors-0-pronunciation-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div data-path="" class="collection-helper"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"relevant":"data[is_japanese]","show":"data[is_japanese]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div data-path="" class="collection-helper"> | |
| <div id="contributors-0-name-romanized-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div data-path="" class="collection-helper"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[contributors][0][name_romanized]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="128" id="data-contributors-0-name-romanized" autocomplete="off" placeholder="Romanized Name" name="data[contributors][0][name_romanized]" class="a-input-text a-form-normal lock-needs-hidden form-submit-blacklist form-incr-validate-blacklist" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="contributors-0-name-romanized-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span2 jele-list-element-buttons a-span-last"> | |
| <span class="a-declarative" data-action="remove-from-list" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-remove-from-list" data-remove-from-list="{"alwaysOne":true,"maxElements":9,"path":"data[contributors]","idPrefix":"contributors"}"> | |
| <span class="a-button a-button-base button-fill" id="a-autoid-4"><span class="a-button-inner"><button class="a-button-text" type="button" id="a-autoid-4-announce">Remove</button></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div style="clear:both"></div> | |
| <div class="a-row"> | |
| <div class="a-column a-span10"> | |
| <div class="a-row"> | |
| <div class="a-column a-span3"> | |
| <div class="jele-add-div "> | |
| <span class="a-declarative" data-action="add-to-list" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-add-to-list" data-add-to-list="{"alwaysOne":true,"maxElements":9,"path":"data[contributors]","idPrefix":"contributors"}"> | |
| <span id="contributors-list-add-button" class="a-button a-button-base button-fill"><span class="a-button-inner"><button id="contributors-list-add-button-announce" class="a-button-text" type="button">Add Another</button></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="contributors-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Description | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-medium a-spacing-top-micro"> | |
| <span data-path=""> | |
| Summarize your book. This will be your product description on Amazon, so customers can learn more about your book. | |
| </span> | |
| <span class="a-declarative" data-action="a-popover" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-a-popover" data-a-popover="{"position":"triggerBottom","header":"","content":"\u003cdiv role=\"alert\"\u003eYou can use the text editor or basic HTML to format your description. You can bold, italicize, or create new paragraphs. For details on how to do this, \u003ca href=\"/en_US/help/topic/A377RPHW6ZG4D8\" target=\"_blank\" rel=\"noopener noreferrer\"\u003evisit our Book Description guide\u003c/a\u003e.\u003c/div\u003e","width":450,"closeButton":false}" id="description"> | |
| <a id="description" aria-label="" href="javascript:void(0)" role="button" class="a-popover-trigger a-declarative whats-this-link"><span>How do I format the description?</span><i class="a-icon a-icon-popover"></i></a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="editor" data-path=""data[description]"" data-config="{"data":{"descriptionCharacterLimit":4000,"descriptionSDLPath":"data[description]","locale":"en"},"strings":{"charactersRemaining":"remaining characters","charactersOver":"characters over"}}" data-constraints="{"maxLength":4000}"><div><span><span></span><div style="border-color: transparent; border-width: medium; border-style: solid;"><div style="visibility: hidden; display: none;"></div><div id="cke_editor1" class="cke_1 cke cke_reset cke_chrome cke_editor_editor1 cke_ltr cke_browser_webkit" dir="ltr" lang="en" role="application" aria-labelledby="cke_editor1_arialbl"><span id="cke_editor1_arialbl" class="cke_voice_label">Rich Text Editor, editor1</span><div class="cke_inner cke_reset" role="presentation"><span id="cke_1_top" class="cke_top cke_reset_all" role="presentation" style="height: auto; user-select: none;"><span id="cke_7" class="cke_voice_label">Editor toolbars</span><span id="cke_1_toolbox" class="cke_toolbox" role="group" aria-labelledby="cke_7" onmousedown="return false;"><span id="cke_9" class="cke_toolbar" aria-labelledby="cke_9_label" role="toolbar"><span id="cke_9_label" class="cke_voice_label">Basic Styles</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_10" class="cke_button cke_button__bold cke_button_off" href="javascript:void('Bold')" title="Bold (Ctrl+B)" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_10_label" aria-describedby="cke_10_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(2,event);" onfocus="return CKEDITOR.tools.callFunction(3,event);" onclick="CKEDITOR.tools.callFunction(4,this);return false;"><span class="cke_button_icon cke_button__bold_icon" style="background-image:url('https://d2tiav2roa8xq.cloudfront.net/ckeditor-4.14.1/plugins/icons.png?t=K5H9');background-position:0 -24px;background-size:auto;"> </span><span id="cke_10_label" class="cke_button_label cke_button__bold_label" aria-hidden="false">Bold</span><span id="cke_10_description" class="cke_button_label" aria-hidden="false">Keyboard shortcut Ctrl+B</span></a><a id="cke_11" class="cke_button cke_button__italic cke_button_off" href="javascript:void('Italic')" title="Italic (Ctrl+I)" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_11_label" aria-describedby="cke_11_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(5,event);" onfocus="return CKEDITOR.tools.callFunction(6,event);" onclick="CKEDITOR.tools.callFunction(7,this);return false;"><span class="cke_button_icon cke_button__italic_icon" style="background-image:url('https://d2tiav2roa8xq.cloudfront.net/ckeditor-4.14.1/plugins/icons.png?t=K5H9');background-position:0 -48px;background-size:auto;"> </span><span id="cke_11_label" class="cke_button_label cke_button__italic_label" aria-hidden="false">Italic</span><span id="cke_11_description" class="cke_button_label" aria-hidden="false">Keyboard shortcut Ctrl+I</span></a><a id="cke_12" class="cke_button cke_button__underline cke_button_off" href="javascript:void('Underline')" title="Underline (Ctrl+U)" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_12_label" aria-describedby="cke_12_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(8,event);" onfocus="return CKEDITOR.tools.callFunction(9,event);" onclick="CKEDITOR.tools.callFunction(10,this);return false;"><span class="cke_button_icon cke_button__underline_icon" style="background-image:url('https://d2tiav2roa8xq.cloudfront.net/ckeditor-4.14.1/plugins/icons.png?t=K5H9');background-position:0 -144px;background-size:auto;"> </span><span id="cke_12_label" class="cke_button_label cke_button__underline_label" aria-hidden="false">Underline</span><span id="cke_12_description" class="cke_button_label" aria-hidden="false">Keyboard shortcut Ctrl+U</span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_13" class="cke_toolbar" aria-labelledby="cke_13_label" role="toolbar"><span id="cke_13_label" class="cke_voice_label">Paragraph</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_14" class="cke_button cke_button__numberedlist cke_button_off" href="javascript:void('Insert/Remove Numbered List')" title="Insert/Remove Numbered List" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_14_label" aria-describedby="cke_14_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(11,event);" onfocus="return CKEDITOR.tools.callFunction(12,event);" onclick="CKEDITOR.tools.callFunction(13,this);return false;"><span class="cke_button_icon cke_button__numberedlist_icon" style="background-image:url('https://d2tiav2roa8xq.cloudfront.net/ckeditor-4.14.1/plugins/icons.png?t=K5H9');background-position:0 -648px;background-size:auto;"> </span><span id="cke_14_label" class="cke_button_label cke_button__numberedlist_label" aria-hidden="false">Insert/Remove Numbered List</span><span id="cke_14_description" class="cke_button_label" aria-hidden="false"></span></a><a id="cke_15" class="cke_button cke_button__bulletedlist cke_button_off" href="javascript:void('Insert/Remove Bulleted List')" title="Insert/Remove Bulleted List" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_15_label" aria-describedby="cke_15_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(14,event);" onfocus="return CKEDITOR.tools.callFunction(15,event);" onclick="CKEDITOR.tools.callFunction(16,this);return false;"><span class="cke_button_icon cke_button__bulletedlist_icon" style="background-image:url('https://d2tiav2roa8xq.cloudfront.net/ckeditor-4.14.1/plugins/icons.png?t=K5H9');background-position:0 -600px;background-size:auto;"> </span><span id="cke_15_label" class="cke_button_label cke_button__bulletedlist_label" aria-hidden="false">Insert/Remove Bulleted List</span><span id="cke_15_description" class="cke_button_label" aria-hidden="false"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_16" class="cke_toolbar" aria-labelledby="cke_16_label" role="toolbar"><span id="cke_16_label" class="cke_voice_label">Styles</span><span class="cke_toolbar_start"></span><span id="cke_8" class="cke_combo cke_combo__format cke_combo_off" role="presentation"><span id="cke_8_label" class="cke_combo_label">Format</span><a class="cke_combo_button" title="Paragraph Format" tabindex="-1" href="javascript:void('Paragraph Format')" hidefocus="true" role="button" aria-labelledby="cke_8_label" aria-haspopup="listbox" onkeydown="return CKEDITOR.tools.callFunction(18,event,this);" onfocus="return CKEDITOR.tools.callFunction(19,event);" onclick="CKEDITOR.tools.callFunction(17,this);return false;"><span id="cke_8_text" class="cke_combo_text cke_combo_inlinelabel">Format</span><span class="cke_combo_open"><span class="cke_combo_arrow"></span></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_17" class="cke_toolbar cke_toolbar_last" aria-labelledby="cke_17_label" role="toolbar"><span id="cke_17_label" class="cke_voice_label">Document</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_18" class="cke_button cke_button__source cke_button_off" href="javascript:void('Source')" title="Source" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_18_label" aria-describedby="cke_18_description" aria-haspopup="false" aria-disabled="false" onkeydown="return CKEDITOR.tools.callFunction(20,event);" onfocus="return CKEDITOR.tools.callFunction(21,event);" onclick="CKEDITOR.tools.callFunction(22,this);return false;"><span class="cke_button_icon cke_button__source_icon" style="background-image:url('https://d2tiav2roa8xq.cloudfront.net/ckeditor-4.14.1/plugins/icons.png?t=K5H9');background-position:0 -840px;background-size:auto;"> </span><span id="cke_18_label" class="cke_button_label cke_button__source_label" aria-hidden="false">Source</span><span id="cke_18_description" class="cke_button_label" aria-hidden="false"></span></a></span><span class="cke_toolbar_end"></span></span></span></span><div id="cke_1_contents" class="cke_contents cke_reset" role="presentation" style="height: 200px;"><span id="cke_22" class="cke_voice_label">Press ALT 0 for help</span><iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" title="Rich Text Editor, editor1" aria-describedby="cke_22" tabindex="0" allowtransparency="true" style="width: 100%; height: 100%;"></iframe></div><span id="cke_1_bottom" class="cke_bottom cke_reset_all" role="presentation" style="user-select: none;"><span id="cke_1_resizer" class="cke_resizer cke_resizer_vertical cke_resizer_ltr" title="Resize" onmousedown="CKEDITOR.tools.callFunction(0, event)">◢</span><span id="cke_1_path_label" class="cke_voice_label">Elements path</span><span id="cke_1_path" class="cke_path" role="group" aria-labelledby="cke_1_path_label"><span class="cke_path_empty"> </span></span></span></div></div></div><div style="display: grid;"><div style="grid-area: 1 / 1;"><span></span></div><div style="grid-area: 1 / 2;"><div style="text-align: right;"><h4 style="color: black;">4000</h4><text style="color: black;">remaining characters</text></div></div></div><div><input class="jele-binding-disabled jele-validation-disabled data-poller-disabled" type="hidden" name="data[description]" value=""></div></span></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Publishing Rights | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive" data-jele-directive="{"locked":"data[lock_publishing_rights_preorder]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="is-public-domain-field" data-incr-validate-options="false" class="a-section a-spacing-mini a-spacing-top-micro form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div id="publishing-rights-section" class="a-section a-spacing-none"> | |
| <input type="hidden" name="data[is_public_domain]" id="data-is-public-domain" data-jele-binding-strategy="value-boolean"> | |
| <span class="a-declarative" data-action="choose-publishing-rights" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-choose-publishing-rights" data-choose-publishing-rights="{"publicDomainFieldId":"data-is-public-domain","kdpSelectEnrolled":"data-is-select","preorderEnabled":"data-preorder-enabled","publicDomainOption":"public-domain"}"> | |
| <fieldset> | |
| <div class="a-section a-spacing-none publishing-rights-override-input-width-radio"> | |
| <div data-a-input-name="data-is-public-domain" class="a-radio a-spacing-small"><label for="non-public-domain"><input id="non-public-domain" type="radio" name="data-is-public-domain" value="false"><i class="a-icon a-icon-radio"></i><span class="a-label a-radio-label"> | |
| I own the copyright and I hold the necessary publishing rights. | |
| <span class="a-declarative" data-action="a-popover" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-a-popover" data-a-popover="{"position":"triggerBottom","header":"","content":"\u003cdiv role=\"alert\"\u003eChoose this option if your book is under copyright and you hold the necessary rights for the content being published.\u003c/div\u003e","width":450,"closeButton":false}" id=""> | |
| <a aria-label="" href="javascript:void(0)" role="button" class="a-popover-trigger a-declarative whats-this-link"><span>What are publishing rights?</span><i class="a-icon a-icon-popover"></i></a> | |
| </span> | |
| </span></label></div> | |
| </div> | |
| <div class="a-section a-spacing-none publishing-rights-override-input-width-radio"> | |
| <div data-a-input-name="data-is-public-domain" class="a-radio"><label for="public-domain"><input id="public-domain" type="radio" name="data-is-public-domain" value="true"><i class="a-icon a-icon-radio"></i><span class="a-label a-radio-label"> | |
| This is a public domain work. | |
| <span class="a-declarative" data-action="a-popover" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-a-popover" data-a-popover="{"position":"triggerBottom","header":"","content":"\u003cdiv role=\"alert\"\u003eSelect this option if you are publishing a public domain book. Keep in mind that the duration of copyright varies between countries/regions. So, if your book is in the public domain in one country/region but not another, you must identify your territory rights accordingly. \u003ca href=\"/en_US/help/topic/A2OHLJURFVK57Q?ref_=_pd\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eLearn more about publishing public domain content on KDP\u003c/a\u003e.\u003c/div\u003e","width":450,"closeButton":false}" id=""> | |
| <a aria-label="" href="javascript:void(0)" role="button" class="a-popover-trigger a-declarative whats-this-link"><span>What is a public domain work?</span><i class="a-icon a-icon-popover"></i></a> | |
| </span> | |
| </span></label></div> | |
| </div> | |
| </fieldset> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="is-public-domain-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Primary Audience | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini"> | |
| <span data-path="" class="a-text-bold"> | |
| Sexually Explicit Images or Title | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-medium"> | |
| <span data-path=""> | |
| Does the book’s cover or interior contain sexually explicit images, or does the book's title contain sexually explicit language? <a href="/en_US/help/topic/G201097560" target="_blank" rel="noopener noreferrer">Learn more</a>. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div id="is-adult-content-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="jele-radio-options-wrapper"> | |
| <span class="a-declarative" data-action="jele-form-radio-options-radio" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-jele-form-radio-options-radio" data-jele-form-radio-options-radio="{}"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[is_adult_content]-radio"}"> | |
| <div id="data-is-adult-content" class="a-section a-spacing-none radio-options-section jele-binding-disabled-wrapper"> | |
| <div class="a-row"> | |
| <div class="a-column a-span12"> | |
| <fieldset> | |
| <div class="a-row jele-override-input-width-radio"> | |
| <div data-a-input-name="data[is_adult_content]-radio" class="a-radio form-submit-blacklisted form-incr-validate-blacklist jele-binding-disabled unsaved-changes-ignore a-spacing-small"><label><input type="radio" name="data[is_adult_content]-radio" value="true"><i class="a-icon a-icon-radio"></i><span class="a-label a-radio-label"> | |
| Yes | |
| </span></label></div> | |
| </div> | |
| <div class="a-row jele-override-input-width-radio"> | |
| <div data-a-input-name="data[is_adult_content]-radio" class="a-radio form-submit-blacklisted form-incr-validate-blacklist jele-binding-disabled unsaved-changes-ignore a-spacing-none"><label><input type="radio" name="data[is_adult_content]-radio" value="false"><i class="a-icon a-icon-radio"></i><span class="a-label a-radio-label"> | |
| No | |
| </span></label></div> | |
| </div> | |
| </fieldset> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-none clearer"></div> | |
| </span> | |
| </span> | |
| <span class="a-declarative" data-action="jele-form-radio-options-hidden-input" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-jele-form-radio-options-hidden-input" data-jele-form-radio-options-hidden-input="{}"> | |
| <input type="hidden" name="data[is_adult_content]" id="data-is-adult-content-hidden" class="jele-radio-options-hidden" data-jele-binding-strategy="value-boolean"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="is-adult-content-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Reading age | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive" data-jele-directive="{"locked":"data[primary_audience_age_range_locked]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-data="{"field_id":"data-reading-interest-age","use_events":true}" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="reading-interest-age-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div class="a-section"> | |
| <span> | |
| Choose the youngest and oldest ages at which a person could enjoy this book. | |
| </span> | |
| </div> | |
| <div id="data-reading-interest-age" class="a-row a-spacing-none z-select-range"> | |
| <div class="a-column a-span6 a-text-left"> | |
| <div id="data-reading-interest-age-start" class="a-section a-spacing-mini form-field minimal-field dependency-section"> | |
| <div class="a-section a-spacing-mini"> | |
| <p class="a-spacing-micro a-spacing-top-mini"> | |
| <span id="zme-indie-title-setup-reading-interest-age-start-label"> | |
| Minimum | |
| </span> | |
| </p> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[reading_interest_age][min]"}"> | |
| <span class="a-dropdown-container"><select name="data[reading_interest_age][min]" autocomplete="off" data-a-native-class=" select-prompt lock-needs-hidden" id="data-reading-interest-age-start-input-native" tabindex="0" data-action="a-dropdown-select" class="a-native-dropdown a-declarative select-prompt lock-needs-hidden"><option class="" value="">Select</option> | |
| <option value="0">Baby</option> | |
| <option value="1">1</option> | |
| <option value="2">2</option> | |
| <option value="3">3</option> | |
| <option value="4">4</option> | |
| <option value="5">5</option> | |
| <option value="6">6</option> | |
| <option value="7">7</option> | |
| <option value="8">8</option> | |
| <option value="9">9</option> | |
| <option value="10">10</option> | |
| <option value="11">11</option> | |
| <option value="12">12</option> | |
| <option value="13">13</option> | |
| <option value="14">14</option> | |
| <option value="15">15</option> | |
| <option value="16">16</option> | |
| <option value="17">17</option> | |
| <option value="18">18+</option> | |
| </select><span tabindex="-1" id="data-reading-interest-age-start-input" data-a-class="a-declarative z-select-range-start" class="a-button a-button-dropdown a-declarative z-select-range-start" aria-hidden="true" style="min-width: 0%;"><span class="a-button-inner"><span class="a-button-text a-declarative" data-csa-c-func-deps="aui-da-a-dropdown-button" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-dropdown-button" aria-hidden="true"><span class="a-dropdown-prompt">Select</span></span><i class="a-icon a-icon-dropdown"></i></span></span></span> | |
| </span> | |
| </div> | |
| <div class="a-section a-lt-ie9-last-child"> | |
| <div id="data-reading-interest-age-start-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span6 a-text-left a-span-last"> | |
| <div id="data-reading-interest-age-end" class="a-section a-spacing-mini form-field minimal-field dependency-section"> | |
| <div class="a-section a-spacing-mini"> | |
| <p class="a-spacing-micro a-spacing-top-mini"> | |
| <span id="zme-indie-title-setup-reading-interest-age-end-label"> | |
| Maximum | |
| </span> | |
| </p> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[reading_interest_age][max]"}"> | |
| <span class="a-dropdown-container"><select name="data[reading_interest_age][max]" autocomplete="off" data-a-native-class=" select-prompt lock-needs-hidden" id="data-reading-interest-age-end-input-native" tabindex="0" data-action="a-dropdown-select" class="a-native-dropdown a-declarative select-prompt lock-needs-hidden"><option class="" value="">Select</option> | |
| <option value="0">Baby</option> | |
| <option value="1">1</option> | |
| <option value="2">2</option> | |
| <option value="3">3</option> | |
| <option value="4">4</option> | |
| <option value="5">5</option> | |
| <option value="6">6</option> | |
| <option value="7">7</option> | |
| <option value="8">8</option> | |
| <option value="9">9</option> | |
| <option value="10">10</option> | |
| <option value="11">11</option> | |
| <option value="12">12</option> | |
| <option value="13">13</option> | |
| <option value="14">14</option> | |
| <option value="15">15</option> | |
| <option value="16">16</option> | |
| <option value="17">17</option> | |
| <option value="18">18+</option> | |
| </select><span tabindex="-1" id="data-reading-interest-age-end-input" data-a-class="a-declarative z-select-range-start" class="a-button a-button-dropdown a-declarative z-select-range-start" aria-hidden="true" style="min-width: 0%;"><span class="a-button-inner"><span class="a-button-text a-declarative" data-csa-c-func-deps="aui-da-a-dropdown-button" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-dropdown-button" aria-hidden="true"><span class="a-dropdown-prompt">Select</span></span><i class="a-icon a-icon-dropdown"></i></span></span></span> | |
| </span> | |
| </div> | |
| <div class="a-section a-lt-ie9-last-child"> | |
| <div id="data-reading-interest-age-end-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="reading-interest-age-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Primary marketplace | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-small"> | |
| <span data-path=""> | |
| Choose the location where you expect the majority of your book sales. Changing your primary marketplace may impact your list price. Please confirm your list price before publishing your book. | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div id="data-digital-home-marketplace" class="a-section"> | |
| <div class="a-row"> | |
| <div class="a-column a-span4"> | |
| <span class="a-declarative" data-action="choose-home-marketplace" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-choose-home-marketplace" data-choose-home-marketplace="{}"> | |
| <span class="a-dropdown-container"><select name="data[digital][home_marketplace]" autocomplete="off" tabindex="0" data-action="a-dropdown-select" aria-label="primary-marketplace-selection" class="a-native-dropdown a-declarative"> | |
| <option value="US" id="US" selected=""> | |
| Amazon.com | |
| </option> | |
| <option value="IN" id="IN"> | |
| Amazon.in | |
| </option> | |
| <option value="UK" id="UK"> | |
| Amazon.co.uk | |
| </option> | |
| <option value="DE" id="DE"> | |
| Amazon.de | |
| </option> | |
| <option value="FR" id="FR"> | |
| Amazon.fr | |
| </option> | |
| <option value="ES" id="ES"> | |
| Amazon.es | |
| </option> | |
| <option value="IT" id="IT"> | |
| Amazon.it | |
| </option> | |
| <option value="NL" id="NL"> | |
| Amazon.nl | |
| </option> | |
| <option value="JP" id="JP"> | |
| Amazon.co.jp | |
| </option> | |
| <option value="BR" id="BR"> | |
| Amazon.com.br | |
| </option> | |
| <option value="CA" id="CA"> | |
| Amazon.ca | |
| </option> | |
| <option value="MX" id="MX"> | |
| Amazon.com.mx | |
| </option> | |
| <option value="AU" id="AU"> | |
| Amazon.com.au | |
| </option> | |
| </select><span tabindex="-1" id="data-digital-home-marketplace-home" class="a-button a-button-dropdown" aria-hidden="true" style="min-width: 0%;"><span class="a-button-inner"><span class="a-button-text a-declarative" data-csa-c-func-deps="aui-da-a-dropdown-button" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-dropdown-button" aria-hidden="true"><span class="a-dropdown-prompt"> | |
| Amazon.com | |
| </span></span><i class="a-icon a-icon-dropdown"></i></span></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[show_marketplace_changed_warning]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-box a-alert a-alert-warning a-spacing-top-small" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| <strong>Primary Marketplace Changed</strong><div style="margin-top:4px">You have changed your primary marketplace which can impact your list price. Please confirm your list prices for all marketplaces on the <strong>Pricing, royalty, and distribution</strong> section before republishing.</div> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Categories | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="react-categories" data-path=""data[selected_browse_nodes]"" data-config="{"data":{"selectedBrowseNodesSDLPath":"data[selected_browse_nodes]","homeMarketplace":"US","homeMarketplaceSDLPath":"data[digital][home_marketplace]","isAdultContentSDLPath":"data[is_adult_content]","readingInterestAgeSDLPath":"data[reading_interest_age]","keywordsSDLPath":"data[keywords]","categoriesHelpLink":"/help/topic/G200652170","browseNodeLinkPrefix":"https://amazon.com/b?node=","configKey":"digital","titleId":"new"},"strings":{"categoriesCardSelectedCategoriesInvalidMessage":"Your title was removed from one or more categories. Edit your categories, or proceed with the remaining placements listed below.","categoriesModalPickerPlacement":"Placement","categoriesModalBisacWarningMessage":"By continuing, you will remove all existing categories for this title. This action cannot be undone. Your new categories will not go into effect until you submit and publish your book.","categoriesModalBisacWarningCancel":"Cancel","categoriesButtonDisabledInfo":"Answer the Adult-only question before choosing a category.","categoriesCardSelectedCategories":"Your title's current categories","categoriesModalPickerDeleteButton":"Delete","chooseCategoriesButton":"Choose categories","categoriesModalRemoveSelection":"Remove","categoriesBisacCodesWarningMessage":"You can now choose three categories that match Amazon store categories. If you make changes, all your existing categories will be removed and this action cannot be undone. Your new categories will not go into effect until you submit and publish your book.","categoriesModalInstructionTip":"Tips for choosing categories","categoriesNonClassifiable":"Non-Classifiable","categoriesBisacCodesSelected":"Your title's current categories","categoriesModalSave":"Save categories","categoriesModalPickerSelectPrompt":"Select one","whatAreCategories":"What are categories?","categoriesModalPickerResetButton":"Reset","categoriesModalBisacWarningContinue":"Continue","categoriesModalCancel":"Cancel","categoriesBisacCodesWarningHeader":"Categories update","categoriesCardDataError":"Failed to load data. Please exit and try again later.","editCategoriesButton":"Edit categories","categoriesModalInstruction":"Select categories and subcategories in the drop-down menus below to find up to 3 category placements that most accurately describe your book's subject matter. Your book will appear in these locations in the Amazon Store.","chooseCategoriesInstruction":"Choose up to three categories that describe your book. Note: You must select your primary marketplace and audience first.","categoriesModalPickerSubcategory":"Subcategory","categoriesModalHeader":"Categories","categoriesRoot":"Kindle Books","categoriesModalOutOfCategoriesSelected":"out of 3 category placements selected","categoriesModalAddPicker":"Add another category","categoriesModalBisacWarningHeader":"Remove existing categories?","whatAreCategoriesContent":"Categories are where your book appears in the Amazon store. They're made up of a category, subcategory, and placement. For example, History > US History > 19th Century","categoriesModalPickerCategory":"Category","categoriesModalPickerPlacementMessage":"Choose a subcategory to find a placement for your book."}}" data-constraints="{"minLength":0,"maxLength":3,"element":{"fields":{"id":{"path":null,"constraints":{}}}}}"><div><div name="data[selected_browse_nodes]"></div><div class="a-row"><span>Choose up to three categories that describe your book. Note: You must select your primary marketplace and audience first.</span><br><span class="a-declarative"><a role="button" href="javascript:void(0)" class="a-popover-trigger a-declarative">What are categories?<i class="a-icon a-icon-popover"></i></a></span></div><input type="hidden" name="data[selected_browse_nodes][0][id]" value=""><div class="a-row a-spacing-top-large"><span class="a-button a-button-disabled"><span class="a-button-inner"><button id="categories-modal-button" disabled="" class="a-button-text" type="button">Choose categories</button></span></span></div><div class="a-box a-alert a-alert-error a-spacing-top-small" aria-live="assertive" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content">Answer the Adult-only question before choosing a category.</div></div></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Keywords | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-medium a-spacing-top-micro"> | |
| <span data-path=""> | |
| Choose up to 7 keywords highlighting your book’s unique traits. Keywords are typically short phrases, up to 50 characters, that customers use to narrow their book search on Amazon. Example: medieval fantasy books. <b>To enter the <a href="https://www.amazon.co.uk/b?node=12061299031" target="_blank">Kindle Storyteller</a> contest, you need to add the keyword <i>StorytellerUK2025</i></b> | |
| </span> | |
| <span class="a-declarative" data-action="a-popover" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-a-popover" data-a-popover="{"position":"triggerBottom","header":"","content":"\u003cdiv role=\"alert\"\u003eKeywords are search terms customers would use to find a specific type of book. They can be broad or specific, depending on the audience you’re marketing to. Think about how a reader would describe your book and turn those into keywords. All keywords must relate to your book and should \u003ca href=\"/en_US/help/topic/A2EZES9JAJ6H02?ref_=_key\" target=\"_blank\" rel=\"noopener noreferrer\"\u003efollow our guidelines\u003c/a\u003e.\u003c/div\u003e","width":450,"closeButton":false}" id="keywords-desc"> | |
| <a id="keywords-desc" aria-label="" href="javascript:void(0)" role="button" class="a-popover-trigger a-declarative whats-this-link"><span>How do I choose keywords?</span><i class="a-icon a-icon-popover"></i></a> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Your Keywords | |
| </span> | |
| <span class="a-size-small a-color-secondary"> | |
| (Optional) | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div id="keywords-0-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[keywords][0]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="50" id="data-keywords-0" autocomplete="off" name="data[keywords][0]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="keywords-0-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span6 potter-directive-column a-span-last"> | |
| <div id="keywords-1-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[keywords][1]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="50" id="data-keywords-1" autocomplete="off" name="data[keywords][1]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="keywords-1-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div id="keywords-2-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[keywords][2]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="50" id="data-keywords-2" autocomplete="off" name="data[keywords][2]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="keywords-2-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span6 potter-directive-column a-span-last"> | |
| <div id="keywords-3-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[keywords][3]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="50" id="data-keywords-3" autocomplete="off" name="data[keywords][3]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="keywords-3-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div id="keywords-4-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[keywords][4]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="50" id="data-keywords-4" autocomplete="off" name="data[keywords][4]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="keywords-4-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span6 potter-directive-column a-span-last"> | |
| <div id="keywords-5-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[keywords][5]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="50" id="data-keywords-5" autocomplete="off" name="data[keywords][5]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="keywords-5-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span6 potter-directive-column"> | |
| <div id="keywords-6-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[keywords][6]"}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" maxlength="50" id="data-keywords-6" autocomplete="off" name="data[keywords][6]" class="a-input-text a-form-normal lock-needs-hidden" data-adjust-shared="" data-jele-binding-strategy="" data-remaining-threshold="" data-shared-max-length-field="" dir="auto"> | |
| </span> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="keywords-6-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .section-card-base { | |
| position: relative; | |
| } | |
| .section-card-banner-wrapper { | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| height: 100%; /* explicitly set height fill height of containing card, so child elements cannot stretch past card */ | |
| overflow: hidden; | |
| } | |
| .section-card-banner { | |
| position: absolute; | |
| z-index: 100; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .section-card-banner-text-wrapper { | |
| position: relative; | |
| z-index: 101; | |
| transform-origin: 0 50%; /* rotate only y-axis, so beginning of text is always pinned to same position in top left of container, regardless of size */ | |
| transform: translate(25%, -25%) rotate(45deg); | |
| padding: 0 5px 5px 5px; | |
| min-width: 50px; /* do not allow text container to shrink below fixed size, otherwise banner will be too small */ | |
| max-width: 150px; /* do not allow text container to grow above width of banner image, otherwise text will be misaligned */ | |
| max-height: 50px; /* do not allow text container grow above height of banner image, otherwise text will be misaligned */ | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| .section-card-banner-text { | |
| color: white; | |
| font-family: "Amazon Ember Heavy", Arial; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| } | |
| .section-card-header-text { | |
| color: #A34129; | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| .section-card-content-text { | |
| font-family: 'Amazon Ember'; | |
| font-style: normal; | |
| font-weight: 500; | |
| font-size: 13px; | |
| line-height: 60px; | |
| } | |
| </style> | |
| <div data-section="{}" class="a-section a-spacing-none a-spacing-top-small a-padding-extra-large kdp-card"> | |
| <div class="a-row"> | |
| <div class="a-column a-span2"> | |
| <h4 class="a-color-secondary a-text-bold"> | |
| Pre-order | |
| </h4> | |
| </div> | |
| <div class="a-column a-span10 a-span-last"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[preorder_account_blacklisted]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-box a-alert a-alert-info a-spacing-mini" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">Not eligible</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| You are not currently eligible to enable pre-orders of your books due to past pre-order performance. <a href="/en_US/help/topic/AGSSZQVFKECO5?ref_=_phl" target="_blank" rel="noopener noreferrer">Learn more</a> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[preorder_not_eligible_public_domain]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="preorder-not-eligible-public-domain-message" class="a-box a-alert a-alert-info a-spacing-mini" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">Not eligible</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| Public domain titles cannot be pre-ordered. <a href="/en_US/help/topic/AGSSZQVFKECO5?ref_=_phl" target="_blank" rel="noopener noreferrer">Learn more</a> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[preorder][cancelled]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-box a-alert a-alert-warning a-spacing-small" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">This title's preorder was cancelled on</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive a-hidden" data-jele-directive="{"show":"data[preorder_title_released]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div class="a-box a-alert a-alert-info a-spacing-mini" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">This book was released on .</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span12 potter-directive-column"> | |
| <div class="jele-directive" data-jele-directive="{"show":"data[preorder_eligible]","locked":"data[release_option_locked]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-data="{"locked_field":"does-not-exist"}" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="preorder-enabled-field" data-incr-validate-options="false" class="a-section a-spacing-mini form-field minimal-field"> | |
| <div class="a-section a-spacing-mini"> | |
| <div class="jele-directive" data-jele-directive="{"locked":"data[preorder_enabled_lock]"}"> | |
| <input type="hidden" name="data[preorder][enabled]" value="false" id="data-preorder-enabled" data-jele-binding-strategy="value-boolean"> | |
| </div> | |
| <div id="data-preorder-enabled-accordion" data-a-accordion-name="data-preorder-enabled-accordion" class="a-box-group a-accordion jele-locked-ignore-tertiary" role=""> | |
| <div class="a-box a-accordion-active" data-a-accordion-row-name="off"><div class="a-box-inner a-accordion-row-container"> | |
| <div class="a-accordion-row-a11y" role="button" aria-checked="true" aria-expanded="true"><a data-csa-c-func-deps="aui-da-a-accordion" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-accordion" class="a-accordion-row a-declarative" href="#" aria-label=""><i class="a-icon a-accordion-radio a-icon-radio-active"></i><h5> | |
| I am ready to release my book now | |
| </h5></a></div> | |
| <div class="a-accordion-inner"> | |
| <div class="a-section"> | |
| <span data-path=""> | |
| After you submit for publication, it can take up to 72 hours to go live. During this time, edits cannot be made to your book. <a href="/en_US/help/topic/G202173620" target="_blank" rel="noopener noreferrer">Learn more about release timelines</a> | |
| </span> | |
| </div> | |
| </div> | |
| </div></div> | |
| <div class="a-box a-last" data-a-accordion-row-name="on"><div class="a-box-inner a-accordion-row-container"> | |
| <div class="a-accordion-row-a11y" role="button" aria-checked="false" aria-expanded="false"><a data-csa-c-func-deps="aui-da-a-accordion" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-accordion" class="a-accordion-row a-declarative" href="#" aria-label=""><i class="a-icon a-accordion-radio a-icon-radio-inactive"></i><h5> | |
| Make my Kindle eBook available for Pre-order. | |
| <span class="a-declarative" data-action="a-popover" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-a-popover" data-a-popover="{"position":"triggerBottom","header":"","content":"\u003cdiv role=\"alert\"\u003ePre-order lets you offer customers the option to pre-order your book as much as one year before the release date. On your book's release date, customers who pre-ordered your book will automatically have it delivered to their Kindle. Customers may also be able to read a sample from your uploaded manuscript before your release date. \u003ca href=\"/en_US/help/topic/AGSSZQVFKECO5?ref_=_phl\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRead more details\u003c/a\u003e\u003c/div\u003e","width":450,"closeButton":false}" id=""> | |
| <span aria-label="" class="whats-this-link"> | |
| Is KDP Pre-order right for me? | |
| <i class="a-icon a-icon-popover" role="presentation"></i> | |
| </span> | |
| </span> | |
| </h5></a></div> | |
| <div class="a-accordion-inner"> | |
| <div class="a-section a-spacing-small"> | |
| <span data-path=""> | |
| Enter the date you would like your book to be available to readers. Amazon will allow customers to pre-order your book. Before this date, Amazon may make a sample of your uploaded manuscript available to customers. | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-none"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span4 potter-directive-column"> | |
| <div class="jele-directive" data-jele-directive="{"disable":"data[title_has_been_released]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div id="preorder-release-date-field" data-incr-validate-options="false" class="a-section a-spacing-none form-field minimal-field"> | |
| <div class="a-section a-spacing-none"> | |
| <div class="a-section a-spacing-mini"> | |
| <span class="a-text-bold"> | |
| Set Release Date (GMT) | |
| </span> | |
| </div> | |
| <span class="jele-datepicker"> | |
| <span class="a-declarative" data-action="form-item-action" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-item-action" data-form-item-action="{"path":"data[preorder][release_date]"}"> | |
| <span class="a-declarative" data-action="data-preorder-release-date-date-change" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-data-preorder-release-date-date-change" data-data-preorder-release-date-date-change="{}"> | |
| <span class="a-declarative" data-action="text-trim" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-text-trim" data-text-trim="{}"> | |
| <input type="text" id="data-preorder-release-date-input" autocomplete="off" placeholder="Release date (GMT)" class="a-input-text a-form-normal jele-datepicker-date-input jele-locked-disable-exclude hasDatepicker" data-configs="{"max_date":"07\/16\/2026","show_other_months":true,"time_zone":"GMT","min_date":"07\/20\/2025","select_other_months":true}" data-jele-binding-strategy="" dir="auto" readonly=""> | |
| <input type="hidden" name="data[preorder][release_date]" id="data-preorder-release-date" class="jele-datepicker-value jele-locked-disable-exclude" data-jele-binding-strategy="value" value=""> | |
| </span> | |
| </span> | |
| </span> | |
| <i id="data-preorder-release-date-calendar" class="a-icon jele-datepicker-calendar-icon jele-hide-on-locked jele-hide-on-locked-exclude" role="presentation"></i> | |
| <div style="visibility: hidden" class="jele-datepicker-clear"> | |
| <a class="a-link-normal jele-hide-on-locked" href="#">Clear Date</a> | |
| </div> | |
| </span> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="preorder-release-date-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="preorder-scheduling-info" class="a-box a-alert a-alert-info a-spacing-mini aok-hidden" aria-live="polite" aria-atomic="true"><div class="a-box-inner a-alert-container"><h4 class="a-alert-heading">You must submit the final version of your pre-order title before lock_down_date_placeholder 11:59 PM GMT.</h4><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> | |
| <span> | |
| </span> | |
| </div></div></div> | |
| </div> | |
| </div></div> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-mini a-lt-ie9-last-child minimal-field-error"> | |
| <div id="preorder-enabled-field-error" class="a-box a-alert-inline a-alert-inline-error jele-invisible" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"></div></div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-section a-spacing-none a-spacing-top-medium"> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span3 a-push6 potter-directive-column"> | |
| <div class="jele-directive" data-jele-directive="{"disable":"data[save_button_disable]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div> | |
| <div class="a-column a-span12"> | |
| <div class="a-row"> | |
| <span class="a-declarative" data-action="jele" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-jele" data-jele="{"formId":"form-main-1","scripter":{"_nested_scripter":[{"lookup":["A"],"actions":[{"args":["Potter:action","form-main-1","/en_US/title-setup/kindle/new/details/action/save","save",false,{}],"invokee":"trigger"}]}]},"events":"click touchstart"}"> | |
| <span id="save" class="a-button a-button-base scripter-button button-fill"><span class="a-button-inner"><button id="save-announce" data-disabled-hover="" data-enabled-hover="" data-hover-location="top" class="a-button-text" type="button"> | |
| Save as Draft | |
| </button></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-column a-span3 potter-directive-column a-span-last"> | |
| <div class="jele-directive" data-jele-directive="{"disable":"data[save_button_disable]"}" data-jele-directive-state-path="form-main-1" data-jele-directive-hover-location="triggerVertical"> | |
| <div> | |
| <div class="a-column a-span12"> | |
| <div class="a-row"> | |
| <span class="a-declarative" data-action="jele" data-csa-c-type="widget" data-csa-c-func-deps="aui-da-jele" data-jele="{"formId":"form-main-1","scripter":{"_nested_scripter":[{"lookup":["A"],"actions":[{"args":["Potter:action","form-main-1","/en_US/title-setup/kindle/new/details/action/save-and-continue","save-and-continue",false,{}],"invokee":"trigger"}]}]},"events":"click touchstart"}"> | |
| <span id="save-and-continue" class="a-button a-button-primary scripter-button button-fill"><span class="a-button-inner"><button id="save-and-continue-announce" data-disabled-hover="" data-enabled-hover="" data-hover-location="top" class="a-button-text" type="button"> | |
| Save and Continue | |
| </button></span></span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="a-row a-spacing-none"> | |
| <div class="a-column a-span3 a-push9 potter-directive-column"> | |
| <div class="a-section a-spacing-top-small a-text-center"> | |
| <span data-path="" class="a-color-tertiary"> | |
| Next step: Content | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <input type="hidden" name="data[internalDerivationType]" value="data" id="data[internalDerivationType]"> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment