Periodicals/Punch
London, weekly, illustrated. Pages per issue variable, gradually increasing over the decades. Wikipedia article
Blanket clearance for pre-1923 issues: 20050323112602various
GutCutter, part of the GutWrench suite of PPing software tools, offers special help for PPing issues of Punch.
Status
Regular Issues
Volume owners names are abbreviated. Some volumes have been scanned by the internet archive: completeness and quality of the images have not yet been checked. Status of each particular issue can be checked here.
Key: EH=EricHutton JI=Jon Ingram, JS=JulietS, LO=logista MF=Malcolm Farmer IA: page images at internet archive
Volume Year Status Who has a copy:
1 1841 All issues posted!
2 1842 Available for scanning LO
3 1842 Available for scanning LO
9 1845 available for scanning JS
10 1846 available for scanning JS
11 1846 available for scanning JS
12 1847 available for scanning LO
13 1847 available for scanning JS, LO
14 1848 available for scanning LO
15 1848 available for scanning LO
16 1849 available for scanning EH
17 1849 available for scanning EH
18 1850 available for scanning JS
19 1850 available for scanning JS
20 1851 available for scanning JS
21 1851 available for scanning JS
22 1852 available for scanning JS
23 1852 page images available IA
25 1853 All issues posted!
26 1854 All issues posted! JI
27 1854 being scanned JI
28 1855 available for scanning JI
29 1855 available for scanning MF, IA
30 1856 available for scanning LO
31 1856 available for scanning LO, IA
32 1857 available for scanning LO
33 1857 available for scanning LO, IA
34 1858 available for scanning EH
35 1858 available for scanning EH
36 1859 available for scanning JS
37 1859 available for scanning JS, IA
38 1860 available for scanning MF
40 1861 available for scanning MF
42 1862 available for scanning MF
43 1862 available for scanning MF
46 1864 available for scanning MF
49 1865 available for scanning MF
50 1866 available for scanning MF
51 1866 available for scanning MF
52 1867 available for scanning MF
53 1867 available for scanning EH, IA
54 1868 available for scanning EH, IA
55 1868 available for scanning EH, IA
56 1869 available for scanning EH, IA
57 1869 available for scanning EH, IA
58 1870 available for scanning EH
59 1870 available for scanning EH
60 1871 available for scanning EH
61 1871 page images available IA
62 1872 scanned, in progress MF, JS, IA
63 1872 available for scanning MF (last issue incomplete), IA
64 1873 page images available IA
66 1874 available for scanning JS
67 1874 available for scanning MF
68 1875 available for scanning MF
69 1875 page images available IA
71 1876 available for scanning JS, IA
72 1877 available for scanning MF, IA
73 1877 available for scanning JS, MF, IA
74 1878 available for scanning MF
76 1879 available for scanning JS
77 1879 page images available IA
78 1880 available for scanning JS
79 1880 available for scanning JS
80 1881 available for scanning EH
81 1881 available for scanning MF
82 1882 available for scanning EH
83 1882 available for scanning MF
84 1883 available for scanning JS, IA
85 1883 available for scanning JS, IA
86 1884 available for scanning JS
87 1884 available for scanning MF
88 1885 available for scanning JS, MF
89 1885 available for scanning JS
90 1886 available for scanning JS
93 1887 in or waiting for post-processing MF
94 1888 available for scanning MF (some individual issues missing), IA
95 1888 available for scanning MF (some individual issues missing), IA
96 1889 page images available IA
97 1889 page images available IA
98 1890 All issues posted!
99 1890 All issues posted!
100 1891 All issues posted!
101 1891 All issues posted!
102 1892 All issues posted!
103 1892 All issues posted!
104 1893 scanned, in progress JS
105 1893 being scanned JS, MF, IA
106 1894 available for scanning JS
107 1894 All issues posted!
108 1895 All issues posted! MF, IA
109 1895 in or waiting for post-processing MF (one issue missing), IA
110 1896 available for scanning JS, IA
111 1896 available for scanning JS, IA
112 1897 available for scanning MF, IA
113 1897 page images available IA
114 1898 available for scanning MF
118 1900 page images available MF (January-March only), IA (full volume)
119 1900 page images available IA
120 1901 available for scanning JI, IA
121 1902 page images available IA
124 1903 page images available IA
125 1903 page images available IA
126 1904 available for scanning JS, MF, IA
127 1904 available for scanning EH, IA
128 1905 page images available IA
129 1905 page images available IA
130 1906 available for scanning EH, IA
131 1906 available for scanning EH, IA
132 1907 available for scanning EH, IA
133 1907 available for scanning EH, JI (JI copy has some missing leaves), IA
134 1908 available for scanning EH, IA
135 1908 available for scanning EH, IA
136 1909 available for scanning EH, MF, IA
137 1909 available for scanning EH, MF, IA
138 1910 available for scanning EH, IA
139 1910 available for scanning EH, IA
140 1911 available for scanning EH, JS, IA
141 1911 available for scanning EH, IA
142 1912 available for scanning MF
143 1912 available for scanning MF
144 1913 available for scanning MF, IA
145 1913 available for scanning MF, IA
146 1914 All issues posted! but Almanack
147 1914 All issues posted!
148 1915 in progress MF, IA
149 1915 available for scanning MF, IA
150 1916 All issues posted! but Almanack
151 1916 available for scanning JI, IA
152 1917 All issues posted!
153 1917 All issues posted!
154 1918 available for scanning JI, IA
155 1918 available for scanning JI, IA
156 1919 All issues posted!
157 1919 available for scanning JI, IA
158 1920 All issues posted!
159 1920 All issues posted!
160 1921 available for scanning JI, MF
161 1921 available for scanning JI
162 1922 available for scanning MF, IA
Almanacks
1882 (MF has original, plus a 1982 reprint) 1886 MF 1887 MF
1890 Posted. PG#45710
1894 MF
1909 MF 1912 1914 in post processing 1916 in post processing 1917 Posted. PG#13954
Miscellaneous special issues
Punch Among the Planets (Christmas 1890) PG #13244
Proofing and Formatting Guidelines
In the following section you can learn about the formatting template of Punch.
- General remarks
- There should be NO Chapter or Section headings denoted by 4 or 2 blank lines. Always put only one blank line, except after the Title;
- Place the Title (see below) at the beginning of the first page only, followed by 4 blank lines;
- All articles should be divided by a <tb> mark. Leave one blank line around the <tb> mark;
- Format thought-breaks within Articles with a short line of asterisks, thus: * * *. This rule generally applies to the Charivaria, however;
- Treat self-standing illustration (within its own frame) as an article, divided from other articles by a <tb> mark. If an illustration corresponds to some article, make a [** note] about it;
- Avoid using bold markup! Format article and image titles as plain text (or italics if comes so);
- Markup of question (?), exlamation (!) etc. marks should match the scan. This is the deviation from the Standard Guidelines.
- Examples
Title
| No. | Image | Remarks |
| Correctly Formatted Text | ||
| 1. | 
|
The title of each issue consists of the Date and the Volume. The Date appears on the first page in the header and the Volume at the footer of the page (see image).
|
PUNCH, OR THE LONDON CHARIVARI. VOL. 107. <sc>October 20, 1894.</sc> | | four blank lines | | OUR BOOKING-OFFIC... |
<tb> Thought-break
| No. | Image | Remarks |
| Correctly Formatted Text | ||
| 1. | 
|
Articles are divided by <tb> marks. Place the <tb> in front of every article or self standing image; also at the beginning of the page.
Note the second line how colon : lies within italics markup to match the scan. Make a note of poetry markup. The lines were broken due to the lack of space. They are properly reconnected. If you inspect the beginning of the third article carefully, you can see that the word In is not in Small-Caps as it is the first word of the paragraph (by Standard Guidelines). Same with the word Ah in the beginning of the poem. |
<tb> "VESTED INTERESTS." <i>Lady in Possession loquitur:</i>-- /* Ah, well! They keeps a rouging up, these papers, or a trying to, But <i>I</i> don't think they'll oust us yet, as hobvious they're a-dying to. Their <sc>Rogeberries</sc>, and their <sc>Haskwidges</sc> and <sc>'Erbert Gladstings</sc> 'urry up, As per wire-pulling horders; and they tries to keep the flurry up, But somehow it's a fizzle, like a fire as keeps on smouldery, And the public, when they'd poke it up, looks chilly and cold-shouldery. */ <tb> <sc>From the Birmingham Festival.</sc>--An eminent musician sends us this note:--Nothing Brummagem about the Birmingham Festival. Dr. <sc>Parry's</sc> oratorio, <i>King Saul</i>, a big success. Of course this subject has been Handel'd before; but the composer of <i>King Saul</i>, <i>Junior</i>, (so to be termed for sake of distinction, and distinction it has certainly attained,) need fear no com-parry-songs. Perhaps another title might be, "<i>Le Roi Saul à la mode de Parry</i>." (<i>Private, to Ed.</i>--Shall be much pleased if you'll admit this as a Parry-graph.) <tb> In the course of conversation, the other evening, Mrs. R. remembered that "The Margarine" is a German title. "Isn't there," she asked, "a Margarine of Hesse?" <tb> <sc>Anti-fatness.</sc>--Excellent receipt for getting thin. Back horses, and you will lose many pounds in no time. (<i>Advice gratis by one who has tried it.</i>) |
Italics
| No. | Image | Remarks |
| Correctly Formatted Text | ||
| 1. | 
|
Mainly italics markup follow the Standard Guidelines, here we place some exampels to ease the formatting.
Mark the name and the comment separately. Note that the exclamation mark in nice! is within italics to match the scan. (following the Standard Guidelines the punctuation would go outside here as only part of the sentence is in italics). |
<i>Lady Lullington</i> (<i>absently</i>). A back view? How <i>nice!</i> |
Small-Caps
| No. | Image | Remarks |
| Correctly Formatted Text | ||
| 1. | 
|
There is tons of Small-Caps <sc> markup in Punch. Inspect normal and caps letters carefully.
|
<tb> <sc>New Novel by the Author of "The Manxman."</sc>--<i>The Minx-woman.</i> /# [<i>Not yet ready.</i> #/ | ||
| 2. | 
|
Often the articles start with a Small-Caps word. Following the Standard Guidelines this word does not get the <sc> markup tag. However, if this word is a name or surname, it usualy is in small-caps. One should check the text for that.
But Ah Sid is a name and therefore is in Small-Caps (as you can see also later in the poem). |
<tb>
LITTLE AH SID;[**illustration on the previous page]
<sc>Or the Chinee Boy and the Japanese
Butterfly Bumblebee.</sc>
<sc>Air</sc>--"<i>Little Ah Sid.</i>" (<i>With Apologies to
Mr. Louis Meyer.</i>)
/*
Little <sc>Ah Sid</sc>
Was a lemon-faced kid,
With a visage as old as an ape's;
Saffron son-of-a-gun,
He was fond of his fun,
And much given to frolics and japes.
Once in his way,
As <sc>Ah Sid</sc> was at play,
A big bumblebee flew in the spring.
"Jap butterfly!"
Cried he, winking his eye;
"Me catchee and pull off um wing!"
*/
| ||
| 3. | 
|
Include the contraction within the tag. |
of which there are few signs. It is surely one of the fallacies of a common philosophy of romance--a fallacy much too crude for Mr. <sc>Cannan's</sc> unusually careful method--that while this, that and the other relation, opening delightfully, becomes sordid or impossible some final | ||
| 4. | 
|
Include the name initials within the tag. |
avoidance of the <i>scène-à-faire</i>. Incidentally also it confirms me in my opinion of <sc>M. Hamilton</sc> as an author of origin-* | ||
| 5. | 
|
Include the name initials and the title within the tag. |
No. 94. By Sir <sc>Thomas Laurence, P.R.A.</sc> "<i>The bells are a ringing for Sarah.</i>" Curtain rises and <sc>Sarah</sc> steps forward to sing. No. 122. By <sc>Jacob Jordaens</sc>. Splendid. "Try our stout, <sc>Jane</sc>!" No. 126. By <sc>J.M.W. Turner, R.A.</sc> "<i>Snowstorm.</i>" Wonderful!! But where was the artist when he took it? |
Blockquote /# #/
| No. | Image | Remarks |
| Correctly Formatted Text | ||
| 1. | 
|
Blockquotes /# #/ mark the block of text that is somewhat different to the other text. It can differ in the size, font, etc. The text marked with blockquotes can be rewrapped; the lines in the final e-book can be of different length compared to the original lines.
In this case the writer's comments (marked by a single bracket [) are right aligned, as it is visible in the first instance, therefore they are surrounded by a pair of /# #/.
|
<i>Clerk.</i> Quite so. Our Mayor's our leading jeweller, you know. So, as you've put "Examined and Approved," shall we go in to lunch? For a "cold collation on the occasion of the audit" our Council always allows £10. It'll be rather a good feed. /# [<i>Exeunt into banqueting apartment.</i> #/ II.--<sc>The New Way.</sc> <i>Auditor.</i> Oh, what larks! /# [<i>Subsides into a chair, and takes two minutes to recover from his fit of merriment.</i> #/ <i>Clerk</i> (<i>surprised</i>). I really fail to see where the joke comes in. | ||
| 2. | 
|
To save space the printer often placed short comments into a gap between two paragraphs. Move this comment to a new line and enclose it with a pair of blockquotes /# #/. |
<i>The Bishop</i> (<i>to himself</i>). A crushing blow for the Countess; but not unsalutary. I am distinctly conscious of feeling more kindly disposed to that young man. Now why? /# [<i>He ponders.</i> #/ <i>Lady Lullington</i> (<i>to herself</i>). I thought this young man was going to read us some of his poetry; it's too tiresome of him to stop to tell us about his bull-dog. As if anybody cared <i>what</i> he called it! |
Poems
| No. | Image | Remarks |
| Correctly Formatted Text
| ||
| 1. | 
|
The main task of a formatter concerning poems is to form complete verses into single lines and to implement a proper indentation.
Verses Due to a lack of space, verses are often broken into two or more lines. You can recognise them by deeper indentation (in this scan indented by double indent, see poem; of November) Sometimes an end of a verse is printed in a space right above or below it, denoted by a square bracket [ (highlighted red in the scan). Join lines of one verse together and form one single line. A rhyme could give you a hint on the pattern. Indentation With indentation one should match the scan. Indent the lines by even number of spaces, usually 2, but beware of verses broken into several lines.
|
<tb> A "MAN IN ARMOUR" TO THE MULTITUDE. <i>On Lord Mayor's Day.</i> /* Remember, remember, the Ninth of November! A civic procession you've got! I know no reason why L. C. C. treason Should send the old custom to pot. There is a great glamour about men in armour, Will London turn out all a-pant At sound of the bugle to stare at <sc>Mcdougall</sc>, Or hear Mrs. <sc>Ormiston Chant</sc>? Though city crowds hurtle to welcome the turtle, And shout at the Mayor and the mace; What Council Committee will choke up the City With mobs and a smile on each face? The old "panorama"'s a popular drama. An alderman <i>may</i> be a glutton; But multitudes jog after <sc>Magog</sc> and <sc>Gog</sc> Who don't care a button for <sc>Hutton</sc>. So remember, remember, the Ninth of November! A holiday glorious you've got; But "unification" will rob the whole nation Of one good old spree--which is rot! */ |
Images
| No. | Image | Remarks |
| Correctly Formatted Text | ||
| 1. | 
|
Following the Standard Guidelines, the image comes before or after the paragraph. |
the future would be still further abbreviated. Here is a beautiful specimen of blank--or Anthony Hope-less--dialogue:-- THE NELLY NOVELETTES. "!" exclaimed Miss <sc>Nelly Eaton</sc>, suddenly, with her quivering nostril. "?" I asked with my right eyebrow, rousing myself from a fit of abstraction. She pointed at a young man who had just strolled past our seats in the Row without noticing her. He was dressed in the height of fashion, and was accompanied by a lady in very smart attire. "..." explained <sc>Nelly</sc>, with her mouth tightly shut. I looked at her, and gathered by a swift process of intuition that she had <i>made</i> that boy, and taught him to drink and smoke--of course, in moderation; had got his hair cut, and had rescued him from an adventuress. From her he had learnt not to go to Monday Pops, nor to carry things about in brown paper--in fact, he owed everything to her.... And now----! [Illustration: "Taught him to smoke."] "§" I visibly commented, not knowing for the moment how else | ||
| 2. | 
|
This is self standing illustration that has it's own frame.
Note that the title is not bold. Small-caps <sc> markups hold for the whole sentence, but quote marks " are left out of markup. Word Volapuk is in italics. If there would be an article about Volapuk somewhere, you may leave a note about it like: [** a Volapuk article on the previous page] as a help for Post-Processor to move this Illustration there. |
<tb> [Illustration: COMPREHENSIVE. "<sc>What's <i>Volapuk</i>, Doctor Schmitz?</sc>" "<sc>It is ze Unifersal Langvage!</sc>" "<sc>And who Speaks it?</sc>" "<sc>Nopotty!</sc>"] | ||
| 3. | 
|
This illustration covers the whole page.
The caption is in caps letters, not in small-caps <sc>. Note the comment about possible related article/poem. |
<tb> [Illustration: "VESTED INTERESTS." <sc>House of Lords Charwoman.</sc> "WELL! THEM ROGEBERRIES, AND 'ERBERT GLADSTINGS, AND HASKWIDGES, AND THE REST ON 'EM MAY TORK--AND THEY MAY TORK--BUT THEY H'AINT TURNED <i>HUS</i> OUT YET!!"] [**F2:there is a poem on Vested interest on previous page(s)] | ||
| 4. | 
|
Caption lines are often squeezed together to save some space. In this example dialogs of two characters form the last line.
You can split the text into several lines.
|
[Illustration: HOW OPINION IS FORMED. <tb> <i>He.</i> "<sc>Have you read that beastly Book <i>The Mauve Peony</i>, by Lady Middlesex?</sc>" <i>She.</i> "<sc>Yes. I rather liked it.</sc>" <i>He.</i> "<sc>So did I.</sc>"] |
Charivaria
Later issues of Punch (early 20th century) began with a page titled Charivaria: this consisted of multiple short notes, each one a humorous comment on some item of news, or a misprinted news story. These were separated by asterisms (a triangle of asterisks); The Proofing rounds should ignore them, concentrating on checking the text. The Formatting round should separate the Charivaria items with a short line of asterisks, thus: * * *
Below is a sample of an actual page from post-processing to show how the Charivaria section should look after the proofing and formatting rounds: (note also, that the Title, volume number and date on this first page of the issue have been left in the text. This can make things easier for the post-processor):
PUNCH, OR THE LONDON CHARIVARI.
VOL. 152.
<sc>June 20, 1917.</sc>
CHARIVARIA.
A man who purchased sandwiches at
a railway restaurant and afterwards
threw them into the road was fined five
shillings at Grimsby Police Court last
week. His explanation--that he did
not know they might injure the road--was
not accepted by the Court.
* * *
We cannot help thinking that too
much fuss has been made about trying
to stop Messrs. <sc>Ramsay Macdonald</sc>
and <sc>Jowett</sc> from leaving England.
So far as we can gather they did not
threaten to return to this country afterwards.
* * *
A North of England man, obviously
wishing to appear unusual,
still persists in the stupid
story that he did not hear
the Messines explosion.
* * *
We can think of no finer
example of the humility of
true greatness than <sc>King
Constantine's</sc> decision to
abdicate.
* * *
There were forty thousand
fewer paupers in 1916 than
in 1915, according to figures
recently published. The difference
is accounted for by
the number of revue-writers
who have resumed their agricultural
occupations.
* * *
In a small town in Australia,
says a news item, over
two tons of mice were killed
in two days. For some unknown
reason, which perhaps
the Censor can explain, the
name of the cat is withheld.
* * *
"Eliminate the middleman," demands
a contemporary. It might prove a simpler
affair, after all, than the present
system of suppressing the inner man.
* * *
Mr. <sc>Ginnell</sc>, M.P., is responsible
for the statement that "bringing an
action against the police in Ireland is
like bringing one against Satan in hell."
The chief obstacle in the latter case is
of course the total absence of learned
counsel in that locality.
* * *
The <sc>Kaiser</sc>, it appears, has lost no
time in commiserating with his troops
on their magnificent victory at Messines.
* * *
The title which Mr. <sc>John Hassall</sc>
wrote under one of his sketches suggested
the words for a song which has
now been written. It is only fair to
the artist to say that he was not aware
that his quite innocent title would lead
to this.
* * *
The National Service staff at St.
Ermin's Hotel, Westminster, has been
reduced by half. It is now expected
that the unemployed half will volunteer
for National Service.
* * *
Berlin announces that all through-lines
in Germany are running. The
case of the <sc>Hindenberg</sc> Line seems to
be infectious.
* * *
"No cheese," says <i>The Evening News</i>,
"has quite the bite of Cheddar." At
the same time, unless it wags its tail
to show that it is friendly, we feel that
every cheese with a bite like that would
be much safer if muzzled.
* * *
Triplets were born in Manchester
last week. The father is going on as
well as can be expected.
* * *
Complaint has been made by a
member of the Hounslow Burial Committee
of courting couples occupying
seats in the cemetery. The killjoy!
* * *
We can only suppose it was the hot
weather that tempted a newsagent
correspondent to ask whether Lord
<sc>Northcliffe</sc> had gone to America on
"sail or return."
* * *
Mr. <sc>Balfour</sc>, we are told, while staying
at Washington, visited eleven public
buildings and interviewed nine representative
Americans on one day. There
is some talk of his being elected an
honorary American.
* * *
We wish to deny the foolish rumour
that when he arrived in London from
his American tour and was asked if he
had had a good voyage, he remarked,
"Sure thing, sonny. All the little
Mister Congressmen gathered around,
and it suited your Uncle Dudley very
nicely and some more. Yep!"
* * *
An old lady was recently fined two
pounds for putting out crumbs for
birds. Had the bread-crumbs been put
outside, instead of inside, the birds, no
offence, it seems, would have been
committed.
* * *
Newspapers in Germany may now
be sold only to subscribers for one
month or more. A similar measure for
England is opposed on the
ground that it would be most
inadvisable to check the practice
at present in vogue among
patriotic supporters of the
Coalition Government of buying
<i>The Morning Post</i> and <i>The
Daily News</i> on alternate days.
* * *
Bobbing for eels is being
pursued with much enthusiasm
on the Norfolk Broads.
Two-bobbing for haddocks in
Kensington is sport enough
for most of us.
* * *
Large numbers of the German
prisoners taken at Messines
wore new boots and new
uniforms. Other improvements
included a less ragged
rendering of the well-known
recitation, "Kamerad!"
* * *
Asked what bait could be
used for coarse fish, the late
<sc>Food-Controller</sc> suggested one "made
from bran, with a limited quantity of
oatmeal." The correspondent has now
written to inquire whether the fish
have been officially informed of the
new diet.
* * *
Four shillings a hundredweight is
being paid for old omnibus tickets, but
there are still a few people who use
these vehicles for pleasure, without any
motive of gain.
<tb>
[Illustration: <i>Visitor.</i> "<sc>Yes, but what's the point of whitewashing
the tree trunks?</sc>"
<i>Amateur Gardener.</i> "<sc>I can't say for certain; but I <i>think</i>
the idea is to keep the bats from knocking their heads
in the dark.</sc>"]
<tb>
Suspended Animation.
/#
"<sc>Laundry.</sc>--Girl to hang up and make
herself useful."--<i>Liverpool Echo.</i>
#/
<tb>
/#
"For myself, I have very good reasons for
not being in khaki. I live on a farm near the
Grand Falls of the St. John River. These
falls are second to Niagara in size and splendour,
and attract visitors from all over the
country."--<i>Canadian Paper.</i>
#/
He must have told the recruiting-officer
that he was subject to cataract.
<tb>
Post-proofing Guidelines
- Create an HTML version as well as a text version of the text.
- Follow the templates laid down below for both versions.
- Use this thread to discuss issues of post-processing which are unclear.
Here is a posted issue of Punch. We will be using this as the template for future issues. The guidelines below are a little wordy, but the formatting is actually very simple, as you can see if you look at the example issue. Note that these guidelines are necessarily oriented toward the more modern Punch issues -- very early ones have stylistic differences, which we can discuss in more detail at a later date.
General guidelines
Move pictures which are unrelated to the surrounding text to a position immediately after the article in which they embedded. If pictures are related to the article (as in the Essence of Parliament and At The Play illustrations), they should be kept inside the article, at the beginning of the appropriate paragraph.
Text guidelines
Block quotes should be offset four spaces from both margins. Poetry should be indented two spaces. Long lines of poetry which need to be wrapped should have the wrapped component indented ten spaces. The poetry indentation should reflect the indentation in the original text, preferably using indents which are multiples of two spaces.
The five * horizontal rule should divide all articles (self-contained illustrations count as articles for the sake of these guidelines). Individual Charivaria should be divided by an "***" indented seven spaces (so as to line up with the first asterisk of the five-* break).
The text should start
PUNCH, OR THE LONDON CHARIVARI. VOL. <vol number>. <MONTH> <day>, <year>.
The date appears at the top of every page image, as well as the project title. The volume number is 153 for all current weekly issues -- in the future this information also will be included in the project comments.
Punch pages normally have one or more articles, then one or more small space-filler anecdotes, which quote various newspapers. An example space-filler entry looks like this:
From a constable's evidence:-- "In his attempt to arrest her she threw herself on the ground and tried to smack his face."--_Weekly Dispatch._ The long arm of the law resents such presumptuous rivalry.
HTML guidelines
HTML Document Header
Write XHTML 1.0 code. Use the following header:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The Project Gutenberg eBook of Punch, ***DATE***.</title>
<style type="text/css">
<!--
body {margin-left: 10%; margin-right: 10%;}
p {text-align: justify;}
p.author {margin-top: -1em; margin-right: 5%; text-align: right;}
p.indent {text-indent: 1.5em;}
blockquote {text-align: justify;}
h1,h2,h3,h4,h5,h6 {text-align: center;}
pre {font-size: 0.7em;}
hr {text-align: center; width: 50%;}
html>body hr {margin-right: 25%; margin-left: 25%; width: 50%;}
hr.full {width: 100%;}
html>body hr.full {margin-right: 0%; margin-left: 0%; width: 100%;}
hr.short {text-align: center; width: 20%;}
html>body hr.short {margin-right: 40%; margin-left: 40%; width: 20%;}
.note {margin-left: 10%; margin-right: 10%; font-size: 0.9em;}
span.pagenum {position: absolute; left: 1%; right: 91%; font-size: 8pt;}
.smcap {font-variant: small-caps; font-weight: normal;}
.poem {margin-left:10%; margin-right:10%; margin-bottom: 1em; text-align: left;}
.poem .stanza {margin: 1em 0em 1em 0em;}
.poem p {margin: 0; padding-left: 3em; text-indent: -3em;}
.poem p.i2 {margin-left: 1em;}
.figure {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em;
margin: 0px; padding-top: 1em; text-align: center;}
.figcenter {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em;
margin: 0px; padding-top: 1em; text-align: center;}
.figright {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em;
margin: 0px; padding-top: 1em; text-align: center;}
.figleft {padding-right: 1em; padding-left: 1em; font-size: 0.8em; padding-bottom: 1em;
margin: 0px; padding-top: 1em; text-align: center;}
.figure img {border-top-style: none; border-right-style: none; border-left-style: none;
border-bottom-style: none;}
.figcenter img {border-top-style: none; border-right-style: none; border-left-style: none;
border-bottom-style: none;}
.figright img {border-top-style: none; border-right-style: none; border-left-style: none;
border-bottom-style: none;}
.figleft img {border-top-style: none; border-right-style: none; border-left-style: none;
border-bottom-style: none;}
.figure p {margin: 0px; text-indent: 1em;}
.figcenter p {margin: 0px; text-indent: 1em;}
.figright p {margin: 0px; text-indent: 1em;}
.figleft p {margin: 0px; text-indent: 1em;}
.figure p.in {margin: 0px; text-indent: 8em;}
.figcenter p.in {margin: 0px; text-indent: 8em;}
.figright p.in {margin: 0px; text-indent: 8em;}
.figleft p.in {margin: 0px; text-indent: 8em;}
.figcenter {margin: auto;}
.figright {float: right;}
.figleft {float: left;}
-->
</style>
</head>
<body>
<h1>PUNCH,<br />
OR THE LONDON CHARIVARI.</h1>
<h2>Vol. ***VOLUME***.</h2>
<hr class="full" />
<h2>***DATE***.</h2>
<hr class="full" />
... the actual text ...
</body>
</html>
We use CSS to mark the text fairly semantically. We don't need to rearrange the text of the text version, just add markup around it. This means that it's probably easiest to generate the ASCII version, and then create the HTML version as a final step.
Page Breaks
In the HTML version we record all page breaks (except that we don't record purely blank pages). We use <span class="pagenum"><a name="pageNUM" id="pageNUM"></a>[pg NUM]</span>, where NUM is replaced with the page number. This is the page number, not the number of the page image, so the first page could easily be page 200. You'll need to check the page images to know the numbers to use. Example from the sample issue above:
... thing we could ill afford to do, for by this time <span class="pagenum"><a name="page21" id="page21"></a>[pg 21]</span> he had taken us under his wing spiritually and bodily. On Sundays he ... ... <span class="pagenum"><a name="page28" id="page28"></a>[pg 28]</span> <h2>GEMS FROM THE JUNIORS.</h2> ...
Headers
Article headers should be <h2>...</h2>.
Headers inside figure captions, and headers for filler material, should be <h3>...</h3>
Rules
The standard rule <hr /> should be used for everything except intra-article rules (such as those used to seperate Charivaria), where you should use <hr class="short" />
Blockquotes
Use <blockquote>...</blockquote>.
Smallcaps
Use <span class="smcap">...</span>.
Notes
The "note" class in the sample was used for a bracketed section of text where Punch explained the reasons for the article. This formats the text in a slightly smaller font than the surrounding material. Example:
<blockquote class="note">
[As indicated on another page, TINO'S actual opinion of his Imperial
brother-in-law is probably not too amiable; but it has to be disguised in
his letters, which are liable to be censored by his wife.]
</blockquote>
This will not be used very often.
Poems
In order to correctly style poetry, we have to use a fairly verbose markup. Here is an example of it in use:
<div class="poem">
<div class="stanza">
<p>Thank you, dear William, I am fairly well.</p>
<p class="i2">The climate suits me and the simple life—</p>
<p>No diplomats to spoil the scenery's spell,</p>
<p class="i2">And only faintest echoes of the strife;</p>
<p>The Alps are mirrored in a lake of blue;</p>
<p class="i2">Over my straw-crowned poll the blue skies laugh;</p>
<p>A waterfall (no charge) completes a view</p>
<p class="i2">Equal to any German oleograph.</p>
</div>
...
<div class="stanza">
<p>Were it not wise, dear WILLIAM, ere the day</p>
<p class="i2">When Revolution goes for crowns and things,</p>
<p>To cut your loss betimes and come this way</p>
<p class="i2">And start a coterie of Exiled Kings?</p>
<p>You might (the choice of safe retreats is poor)</p>
<p class="i2">Do worse than join me in this happy land,</p>
<p>And spend your last phase, careless, if obscure,</p>
<p class="i2">With your devoted TINO hand-in-hand.</p>
</div>
</div>
So, we mark poems and stanzas with divs, and individual lines of a stanza with
s. We don't use s for indentation... instead we use CSS classes. 'i2' here stands for 'indent two spaces'. The corresponding definition in the header is: .poem p.i2 {margin-left: 1em;} This will be sufficient for most normal poems in Punch, which only have one level of indentation. If you are marking up a poem which has other levels of indentation, you'll have to create extra indentation classes which have appropriate margins. For example, you might need to add: .poem p.i4 {margin-left: 2em;} .poem p.i8 {margin-left: 4em;} If you're not happy to do this yourself, ask in the forum, and we'll help you decide the CSS to use.
Illustrations
You need to crop all the illustrations from the page images. They should not be resized, but kept at the original resolution. Keep them as PNGs (not JPGs—there's no advantage to using JPG for Punch's black-and-white illustrations). When cropping them, remove the caption text, as you'll be adding that back in the HTML. All illustrations should be placed in an images folder, and should be named by their page numbers. See here for the way the images from the sample issue are named. If there is only one image on the page, name it "PAGENUMBER.png". If there are n images on the same page, name them "PAGENUMBER-1.png" ... "PAGENUMBER-n.png".
All illustrations which are articles by themselves (i.e., not associated with a surrounding article), should be marked as follows:
<div class="figcenter" style="width:***WIDTH***%;">
<a href="images/***.png"><img width="100%" src="images/***.png" alt="" /></a>
<p>***CAPTION***</p>
</div>
This creates an image scaled to the width of the browser window, which you can click to view the full-size image. Here's an example from the sample issue:
<div class="figcenter" style="width:60%;">
<a href="images/021.png"><img width="100%" src="images/021.png" alt="" /></a>
<p><i>Old Lady.</i> "And what regiment are you in?"</p>
<p><i>The Sub.</i> "7th Blankshires. But I'm attached to the 9th Wessex."</p>
<p><i>Old Lady.</i> "Really! Now <i>do</i> tell me why the officers get
so fond of regiments with aren't their own."</p>
</div>
The width of the div should be altered to reflect the width of the picture. Full-width images will be "width:100%", half page-width images will be "width:50%", etc.
Figures which should be flowed along with the surrounding article text should use the "figright" class instead of "figcenter", which will align the figure to the right, and allow the article text to flow around it. Example:
<div class="figright" style="width:40%">
<a href="images/026-1.png"><img width="100%" src="images/026-1.png" alt="" /></a>
<p>NO KILL-JOY. MR. BONAR LAW.</p>
</div>
("figleft" works similarly, of course.)
Summary
Using the simple rules and templates above will ensure a consistent look-and-feel to the Punch issues posted to PG. There are many more issues to come, so it's worth defining a standard style. The style we are using has been developed over several months. If you disagree with any aspect of it, then feel free to discuss these disagreements, but preferably not via this thread, which should be reserved for discussion by people who are actually post-processing Punch issues.
