Closed vr8hub closed 2 years ago
The only salutation that I can find in chapter 7 is "My Dear Haberden" (p. 172 in the scans, chapter-6.xhtml after renaming), and is not in small caps in the scans nor in the ebook. The only other salutation in the book is "My dear Miss Lally" (p.102) is set in caps in both the scans and the ebook. Should I set the first salutation in small caps?
I've fixed the styling for the parts you mentioned and it looks similar to the scans now. This is the first time I'm writing any CSS code, so it is probably quite hacky, but the builds look OK.
Also, I forgot to add an editorial tag to a commit message, so had to rebase at some point. Sorry about that!
Yes, we’re consistent with our letter formatting (see the standard CSS), so both should be small-capped.
On Aug 24, 2022, at 8:26 AM, villeporte @.***> wrote:
The only salutation that I can find in chapter 7 is "My Dear Haberden" (p. 172 in the scans, chapter-6.xhtml after renaming), and is not in small caps in the scans nor in the ebook. The only other salutation in the book is "My dear Miss Lally" (p.102) is set in caps in both the scans and the ebook. Should I set the first salutation in small caps?
— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.
It's quite clever, actually, so good job! :) But, ereaders in general aren't all that current on their HTML/CSS support. Using id's allow us to reduce the complexity of the selectors.
In the case of chapter 3, that blockquote is the only one with a header, and that header only has one paragraph, so the selector can be simpler.
/* Applies to William Gregg header */
#chapter-3 blockquote > header{
font-style: italic;
margin-bottom: 1em;
}
Same for chapter-2; it's the only blockquote, full stop. We want a margin between the header and the text, so we can apply CSS to the header to cover both lines, and then just make the first paragraph (line) slightly larger.
/* The two blocks below apply to the headlines in blockquote */
#chapter-2 blockquote > header{
font-variant: all-small-caps;
margin-bottom: 1em;
}
#chapter-2 blockquote > header > p:first-of-type{
font-size: 1.25em;
}
I will note that Alex is particular about CSS, so he's likely to change whatever we come up with. :)
Don't forget to run lint and handle whatever it has, if anything, and then run clean when you're finished.
Sorry, I just noticed that the "Gold Tiberius" blockquote in chapter-7 still has the <b>
on the paragraph rather than the CSS. You can do the same there as with the others above; this time, since there are two blockquotes, a first-of-type
is needed on the selector.
#chapter-7 blockquote:first-of-type{
font-variant: small-caps;
}
OK, will make all these changes. I'll have access to my machine again on Friday, so I will wrap it up (styling discussed here and the long description) then and you can give me your final comments. I want to thank you for your patience, I am basically learning how CSS works at the same time as I'm writing the code.
Hah, no worries, I didn't know anything about CSS when I started producing for SE, and I'm still at an elementary level, I think.
In what is now chapter 3 (…Missing Brother), the letter sounds are all marked with "phoneme," even when it's just a single letter. There is a different tag for a single letter vs multiple letters. See SEMoS 8.2.8.
I think I've fixed everything raised in this issue. I made a small change for the chap.7 code styling that you suggested
#chapter-7 > blockquote:first-of-type{
font-variant: small-caps;
text-align: center;
}
Without the >
combinator, it was also selecting the other blockquote and I centered it to match the scans. I've also changed the tags from phoneme to grapheme when it is just a single letter.
Excellent! Everything looks good.
Thanks!
In general, when an entire element is formatted the same way, then the formatting should be done in CSS. For example, formatting a sentence with a single italiced word: This is a sentence with one italic word. That would use
<em>
as per normal. But, if the entire paragraph needed to be italicized, then that would normally be done in CSS instead.<i>
or<strong>
tags on the paragraph. See, e.g., "The Statement of William Gregg…", etc.<hr/>
; see SEMoS 4.1.1.2.7. You will need to scan the entire book for others. Note that blockquotes already include vertical margin, so no break is needed for them.<i>
). We use them very rarely, so please review SEMoS 8.2 and add the appropriate semantics. The limestone inscription is the one exception.