Fix spacing of headers in step by step guide

This commit is contained in:
Alex Cabal 2020-05-22 11:29:29 -05:00
parent 6fa49d012a
commit 73e8383858
3 changed files with 17 additions and 9 deletions

View file

@ -2,13 +2,13 @@
require_once('Core.php'); require_once('Core.php');
?><?= Template::Header(['title' => 'Producing an Ebook, Step by Step', 'manual' => true, 'highlight' => 'contribute', 'description' => 'A detailed step-by-step description of the complete process of producing an ebook for the Standard Ebooks project, start to finish.']) ?> ?><?= Template::Header(['title' => 'Producing an Ebook, Step by Step', 'manual' => true, 'highlight' => 'contribute', 'description' => 'A detailed step-by-step description of the complete process of producing an ebook for the Standard Ebooks project, start to finish.']) ?>
<main class="manual"> <main class="manual">
<article id="producing-an-ebook"> <article class="step-by-step-guide">
<h1>Producing an Ebook, Step by Step</h1> <h1>Producing an Ebook, Step by Step</h1>
<p>This guide is meant to take you step-by-step through the creation of a complete Standard Ebook. While it might seem a little long, most of the text is a description of how to use various automated scripts. It can take just an hour or two for an experienced producer to produce a draft ebook for proofreading (depending on the complexity of the ebook, of course).</p> <p>This guide is meant to take you step-by-step through the creation of a complete Standard Ebook. While it might seem a little long, most of the text is a description of how to use various automated scripts. It can take just an hour or two for an experienced producer to produce a draft ebook for proofreading (depending on the complexity of the ebook, of course).</p>
<p>Our toolset is GNU/Linux-based, and producing an ebook from scratch currently requires working knowledge of the epub file format and of Unix-like systems like Mac or Linux.</p> <p>Our toolset is GNU/Linux-based, and producing an ebook from scratch currently requires working knowledge of the epub file format and of Unix-like systems like Mac or Linux.</p>
<p>Our toolset doesnt yet work natively on Windows, but there are <a href="https://www.howtogeek.com/170870/5-ways-to-run-linux-software-on-windows/">many ways to run Linux from within Windows</a>.</p> <p>Our toolset doesnt yet work natively on Windows, but there are <a href="https://www.howtogeek.com/170870/5-ways-to-run-linux-software-on-windows/">many ways to run Linux from within Windows</a>.</p>
<p>If you dont have this kind of technical expertise, you can still contribute! <a href="/contribute">Check out our contributors page for details.</a></p> <p>If you dont have this kind of technical expertise, you can still contribute! <a href="/contribute">Check out our contributors page for details.</a></p>
<ol class="full"> <ol>
<li> <li>
<h2>Set up the Standard Ebooks toolset and make sure its up-to-date</h2> <h2>Set up the Standard Ebooks toolset and make sure its up-to-date</h2>
<p>The Standard Ebooks project has a toolset that will help you produce an ebook. The toolset installs the <code class="bash"><b>se</b></code> command, which has various subcommands related to creating Standard Ebooks. You can <a href="/tools">read the complete installation instructions</a>, or if you already have <a href="https://pipxproject.github.io/pipx/installation/"><code class="bash"><b>pipx</b></code> installed</a>, run:</p> <p>The Standard Ebooks project has a toolset that will help you produce an ebook. The toolset installs the <code class="bash"><b>se</b></code> command, which has various subcommands related to creating Standard Ebooks. You can <a href="/tools">read the complete installation instructions</a>, or if you already have <a href="https://pipxproject.github.io/pipx/installation/"><code class="bash"><b>pipx</b></code> installed</a>, run:</p>

View file

@ -676,7 +676,6 @@ article.ebook > header > div{
margin: 2rem; /* for responsive */ margin: 2rem; /* for responsive */
} }
article.ebook > header > div > p{ article.ebook > header > div > p{
font-size: 1.4rem; font-size: 1.4rem;
font-family: 'League Spartan', sans-serif; font-family: 'League Spartan', sans-serif;

View file

@ -209,26 +209,35 @@ code.full .utf{
margin-top: 0; margin-top: 0;
} }
.step-by-step-guide ol li h2{
margin-top: 4rem;
margin-left: 0;
}
#producing-an-ebook > ol li::marker{ .step-by-step-guide ol li h3{
margin-top: 3rem;
}
.step-by-step-guide > ol li::marker{
font-weight: bold; font-weight: bold;
font-family: 'League Spartan', sans-serif; font-family: 'League Spartan', sans-serif;
} }
#producing-an-ebook > ol { .step-by-step-guide > ol {
counter-reset: item; counter-reset: item;
margin-left: 0; margin-left: 0;
padding-left: 0; padding-left: 0;
margin-top: 0;
list-style: none; list-style: none;
} }
#producing-an-ebook > ol > li::before { .step-by-step-guide > ol > li::before {
float: left; float: left;
content: counter(item) "."; content: counter(item) ".";
counter-increment: item; counter-increment: item;
width: 4rem; width: 4rem;
text-align: right; text-align: right;
margin-left: -5.5rem; margin-left: -4.5rem;
font-size: 1.2rem; font-size: 1.2rem;
font-family: 'League Spartan', sans-serif; font-family: 'League Spartan', sans-serif;
@ -237,11 +246,11 @@ code.full .utf{
text-transform: uppercase; text-transform: uppercase;
} }
.warning{ .alert p.warning{
font-size: 2rem; font-size: 2rem;
font-weight: bold; font-weight: bold;
text-align: center;
font-style: normal; font-style: normal;
text-align: center;
} }
figure p.wrong{ figure p.wrong{