Design Notes for Project Pages
(1) Basic principles for selection and transcription of articles
(2) Newspaper items: Design principles for individual pages (narrow-columns design)
(3) Translations of (literary) texts by Mark Twain (wide-columns design): Guidelines
(4) Design for Grenzboten pages (larger amount of text, two columns)
(5) Footnotes on Text Pages
(6) Letter spacing in single words
(7) CSS design for project pages
(1) Basic principles for selection and transcription of articles
- list all article that the search retrieved (unless the system turned up irrelevant hits due to incorrect OCR)
- supply titles for articles that have none (in square brackets)
- create individual pages for items that offer substantial information about Mark Twain; no pages are created for instances in which articles refer to Mark Twain only in passing (for example in this case: [add example])
The structure of the main text area can be (re-)created using the "source" mode of the text editor and copy/pasting the following HTML:
<hr />link<hr />image<table id="transtext"><tbody><tr><th><u>Transcription</u></th><th><u>English Translation</u></th></tr><tr><td>text</td><td>text</td></tr></tbody></table>
The individual pages consist of the following elements:
- Title: "title | DD Mon YYYY"
- Description: "newspaper article"
- Full citation of the article (copied from the corresponding Chronicling America page)
- screenshot of the original newspaper item (use icon for "Inline Scalar Media Link"; size: "small"; text wrap: "around text"; align: "left"; caption "title"):
- images are uploaded with the following metadata:
- title: "title | DD Mon YYYY";
- description: "image";
- dcterms:source: URL of Chronicling America page;
- dcterms:date: date of publication in the format "YYYY-MM-DD"
- dcterms:identifier: ID from survey list [e.g. "IA-001"]
- images are uploaded with the following metadata:
- transcription of the German text
- English translation of the item
- annotations for meaningful elements (personal names, place names, significant events, references to Mark Twain's writing, speeches etc):
- annotations are created as separate pages (description: "annotation main" / "annotation event" / "annotation person" / "annotation place")
- link to annotation pages with the "Insert Scalar Note" feature in the text editor using the following settings:
- show title: "yes"
- show description: "no"
- show content: "yes"
- explanatory notes, analysis and interpretations relating to the item featured on this page
- metadata for the page consists of the following:
- dcterms:source: name of the newspaper
- dcterms:date: date of publication in the format "YYYY-MM-DD"
- dcterms:dateSubmitted: date the page was created in the format "YYYY-MM-DD"
- dcterms:creator: initials of the person who created the page and content
- dcterms:identifier: corresponding ID from survey list [e.g. "IA-001"]
- [one metadata entry for specific text types discovered in the newspaper material:
- sketch
- chapter
- speech
- quote
- (biographical) anecdote (a text presented as such, regardless of whether it can be substantiated or not)
- [one metadata entry to mark items that have no basis in fact (freely invented stories about Twain; quotes that are attributed to MT without evidence]
The structure of the main text area can be (re-)created using the "source" mode of the text editor and copy/pasting the following HTML:
<hr />link<hr /><br /><span class="note" rev="scalar:has_note" resource="changes-in-translation" data-show-title="no" data-show-description="no" data-show-content="yes" data-type="undefined"> Key to annotations on German translations of Mark Twain's original texts </span><br />image<table id="transtext2"><tbody><tr><th><u>Transcription</u></th><th><u>English Translation / Original Text</u></th></tr><tr><td>text</td><td>text</td></tr></tbody></table>
- screenshot; translations (of excerpts) of Mark Twain's writings (or speeches) tend to run over several newspaper columns; screenshots will only show the introductory paragraph of the item; a link to the complete text on Chronicling America will be provided
- transcription of the German text
- English version of the item: instead of translating the German version back into English, the page will provide the original version of Twain's text, preferably taken from its original source or from an authoritative text collection; noteworthy deviations from the original text will be identified by way of color coding and textual explanations; a key to the editorial signs is added to the page (see above)
- text created by the newspaper editor (introduction, transitionary remarks, conclusion) will be translated into English
(4) Design for Grenzboten pages (larger amount of text, two columns)
<hr /><i>Die Grenzboten</i> 33 (1874) 2. Semester, 2. Band, 306-314. | Page 311 | [<a target="_blank" href="https://brema.suub.uni-bremen.de/periodical/pageview/132534">SUB Bremen</a>] [<a target="_blank" href="https://digitale-sammlungen.de/de/view/bsb11189558?page=318">MDZ</a>]<table id="transtext2"><tbody><tr><th><u>Transcription</u></th><th><u>English Translation</u></th></tr><tr><td>LEFT-COLUMN<br>[end page XXX]</td><td><a data-size="small" data-align="right" data-caption="none" data-annotations="" class="inline wrap" resource="FILENAME" name="FILENAME"></a>RIGHT-COLUMN</td></tr></tbody></table>(5) Footnotes on Text Pages
To create footnotes and a link back to the point of origin [sample page], use the following code:<a id="fn-1-ref" href="#fn-1">[1]</a> MAIN TEXT
Notes:
<p id="fn-1">[1] *** Explanatory text *** <a href="#fn-1-ref">↩</a>
</p>
(6) Letter spacing in single words
<span style="letter-spacing:2px;">Test word</span>(7) CSS design for project pages
(used in the general setup information)
/* Text content area to full width */
.body_copy {max-width:none;}
.body_copy {max-width:none;}
.heading_font { font-family: 'Lato', Arial, sans-serif !important; }
.heading_font { font-size: medium !important; }
.body_font { font-family: Georgia, Times, serif !important; }
.body_font { font-size: small !important; }
.page { background-color: #fff2e6; }
/* transtext refers to 3-column design: image-transcripton-translation*/
#transtext {
border-collapse: collapse;
width: 60%;
text-align: left;
}
#transtext td, #transtext th {
width: 29%;
border: 0px solid #ffffff;
padding: 5px;
}
#transtext th {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: black;
}
/* transtext2 refers to 2-column design: image above transcripton-translation*/
#transtext2 {
border-collapse: collapse;
width: 100%;
text-align: left;
}
#transtext2 td, #transtext2 th {
width: 49%;
border: 0px solid #ffffff;
padding: 5px;
}
#transtext2 th {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: black;
}
(used in the general setup information)
/* Text content area to full width */
.body_copy {max-width:none;}
.body_copy {max-width:none;}
.heading_font { font-family: 'Lato', Arial, sans-serif !important; }
.heading_font { font-size: medium !important; }
.body_font { font-family: Georgia, Times, serif !important; }
.body_font { font-size: small !important; }
.page { background-color: #fff2e6; }
/* transtext refers to 3-column design: image-transcripton-translation*/
#transtext {
border-collapse: collapse;
width: 60%;
text-align: left;
}
#transtext td, #transtext th {
width: 29%;
border: 0px solid #ffffff;
padding: 5px;
}
#transtext th {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: black;
}
/* transtext2 refers to 2-column design: image above transcripton-translation*/
#transtext2 {
border-collapse: collapse;
width: 100%;
text-align: left;
}
#transtext2 td, #transtext2 th {
width: 49%;
border: 0px solid #ffffff;
padding: 5px;
}
#transtext2 th {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
color: black;
}