standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-07 07:10:29 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add full-width class for images

Browse source
This commit is contained in:
Alex Cabal 2021-06-06 15:42:22 -05:00
parent 6203433a36
commit 206db2d1ea
2 changed files with 10 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

18
www/contribute/how-tos/goodreads.php
View file

@ -2,7 +2,7 @@
require_once('Core.php'); require_once('Core.php');
?><?= Template::Header(['title' => 'How to Add a Standard Ebooks book to Goodreads', 'manual' => true, 'highlight' => 'contribute', 'description' => 'A guide to add a Standard Ebook edition of a book to the Goodreads website.']) ?> ?><?= Template::Header(['title' => 'How to Add a Standard Ebooks book to Goodreads', 'manual' => true, 'highlight' => 'contribute', 'description' => 'A guide to add a Standard Ebook edition of a book to the Goodreads website.']) ?>
<main class="manual"> <main class="manual">
<article class="goodreads"> <article class="step-by-step-guide">
<h1>How to Add a Standard Ebooks Ebook to Goodreads</h1> <h1>How to Add a Standard Ebooks Ebook to Goodreads</h1>
<p>The Goodreads website (owned by Amazon) is a crowd-sourced repository of information about books. It’s useful to have our publications listed there so that our editions can be selected by members to add to their reading lists.</p> <p>The Goodreads website (owned by Amazon) is a crowd-sourced repository of information about books. It’s useful to have our publications listed there so that our editions can be selected by members to add to their reading lists.</p>
<p>In almost all cases, the book will already be in the Goodreads database; we are interested in adding our productions as new <em>editions</em> of those books.</p> <p>In almost all cases, the book will already be in the Goodreads database; we are interested in adding our productions as new <em>editions</em> of those books.</p>
@ -15,7 +15,7 @@ require_once('Core.php');
<h2>Step 2</h2> <h2>Step 2</h2>
<p>Search for the book you are adding. Try to find the closest match.</p> <p>Search for the book you are adding. Try to find the closest match.</p>
<p>As an example, we’ll add out production of <i><a href="/ebooks/thomas-paine/the-rights-of-man">The Rights of Man</a></i> by <a href="/ebooks/thomas-paine">Thomas Paine</a>. See the screenshot below.</p> <p>As an example, we’ll add out production of <i><a href="/ebooks/thomas-paine/the-rights-of-man">The Rights of Man</a></i> by <a href="/ebooks/thomas-paine">Thomas Paine</a>. See the screenshot below.</p>
<figure> <figure class="full-width">
<img src="/images/goodreads-1.svg"/> <img src="/images/goodreads-1.svg"/>
</figure> </figure>
</li> </li>
@ -24,40 +24,40 @@ require_once('Core.php');
<p> It’s important to add your production as a new <strong>edition</strong>, not a new book.</p> <p> It’s important to add your production as a new <strong>edition</strong>, not a new book.</p>
<p>Unfortunately, Goodread has a new U.I. which makes it harder to locate the list of editions for a work. Follow the screenshots below to get to that list.</p> <p>Unfortunately, Goodread has a new U.I. which makes it harder to locate the list of editions for a work. Follow the screenshots below to get to that list.</p>
<p>Click on “More details.”</p> <p>Click on “More details.”</p>
<figure><img src="/images/goodreads-2.svg"/></figure> <figure class="full-width"><img src="/images/goodreads-2.svg"/></figure>
</li> </li>
<li> <li>
<h2>Step 4</h2> <h2>Step 4</h2>
<p>Now click on “See all editions.”</p> <p>Now click on “See all editions.”</p>
<figure><img src="/images/goodreads-3.svg"/></figure> <figure class="full-width"><img src="/images/goodreads-3.svg"/></figure>
</li> </li>
<li> <li>
<h2>Step 5</h2> <h2>Step 5</h2>
<p>Click on “Add a new edition.”</p> <p>Click on “Add a new edition.”</p>
<figure><img src="/images/goodreads-4.svg"/></figure> <figure class="full-width"><img src="/images/goodreads-4.svg"/></figure>
</li> </li>
<li> <li>
<h2>Step 6</h2> <h2>Step 6</h2>
<p>You’ll see all of the data which has been put in for the particular edition you found in your original search. We’re going to overwrite most of this.</p> <p>You’ll see all of the data which has been put in for the particular edition you found in your original search. We’re going to overwrite most of this.</p>
<figure><img src="/images/goodreads-5.svg"/></figure> <figure class="full-width"><img src="/images/goodreads-5.svg"/></figure>
</li> </li>
<li> <li>
<h2>Step 7</h2> <h2>Step 7</h2>
<p>Fill in the details of the Standard Ebooks edition.</p> <p>Fill in the details of the Standard Ebooks edition.</p>
<p>This <a href="https://github.com/drgrigg/SE_metadata_exporter.git">quick-and-dirty Python utility</a> will help export the required metadata either as a JSON file (which some tools like Keyboard Maestro can consume and use to automate the filling in of the form), or as a tab-delimited file.</p> <p>This <a href="https://github.com/drgrigg/SE_metadata_exporter.git">quick-and-dirty Python utility</a> will help export the required metadata either as a JSON file (which some tools like Keyboard Maestro can consume and use to automate the filling in of the form), or as a tab-delimited file.</p>
<p>You can paste raw HTML into the description field.</p> <p>You can paste raw HTML into the description field.</p>
<figure><img src="/images/goodreads-6.svg"/></figure> <figure class="full-width"><img src="/images/goodreads-6.svg"/></figure>
</li> </li>
<li> <li>
<h2>Step 8</h2> <h2>Step 8</h2>
<p><strong>Don’t forget</strong> to select the cover image, which needs to have been downloaded onto your system. Covers can be found at the ebook’s downloads folder, for example: <a href="/ebooks/thomas-paine/the-rights-of-man/downloads/cover.jpg">https://standardebooks.org/ebooks/thomas-paine/the-rights-of-man/downloads/cover.jpg</a>.</p> <p><strong>Don’t forget</strong> to select the cover image, which needs to have been downloaded onto your system. Covers can be found at the ebook’s downloads folder, for example: <a href="/ebooks/thomas-paine/the-rights-of-man/downloads/cover.jpg">https://standardebooks.org/ebooks/thomas-paine/the-rights-of-man/downloads/cover.jpg</a>.</p>
<figure><img src="/images/goodreads-7.svg"/></figure> <figure class="full-width"><img src="/images/goodreads-7.svg"/></figure>
</li> </li>
<li> <li>
<h2>Step 9</h2> <h2>Step 9</h2>
<p>Click on “Create Book.” Shortly afterwards you’ll be taken to the Review page for this book. You can then click on the book title to see the new entry in the Goodreads system.</p> <p>Click on “Create Book.” Shortly afterwards you’ll be taken to the Review page for this book. You can then click on the book title to see the new entry in the Goodreads system.</p>
<p>Voila! Your edition is now in Goodreads.</p> <p>Voila! Your edition is now in Goodreads.</p>
<figure><img src="/images/goodreads-8.svg"/></figure> <figure class="full-width"><img src="/images/goodreads-8.svg"/></figure>
</li> </li>
</ol> </ol>
</article> </article>

7
www/css/core.css
View file

@ -2053,12 +2053,7 @@ article.step-by-step-guide ol ol{
margin-left: 0; margin-left: 0;
} }
.goodreads ol li{ .full-width img{
list-style: none;
margin-top: 4rem;
}
.goodreads figure img{
width: 100%; width: 100%;
} }