Los Indios por Antonio Batres Jáuregui

by clayshannon

HTML

<h1 class="smallcaps">Los Indios, su Historia y su Civilización / History and Civilization of the Indians</h1>
<h2>por <span >Antonio Batres Jáuregui (1893)</span></h2>
<h3>(An Account of the Historical Treatment of the Indigenous People of Central America, containing a consecutive comparison of machine and human translation)</h3>

<p>En <span>Español</span><span class="consolas"> y </span><span class="englishnomargin"><strong>Inglés</strong></span> / <em><span class="consolas">In </span><span>Spanish</span><span class="consolas"> and </span><span class="englishnomargin"><strong>English</strong></span></em></p>

<p class="smallfont">Traducida por/Translated by Google Translate and B. Clay Shannon (shown consecutively, for comparison of machine and human translation)</p>

<hr/>
<section>
    <pre>                    ADVERTENCIA / WARNING</pre>
<p>El carácter severo de la historia me ha obligado, al escribir este
libro, á procurar que las noticias que contiene, vayan apoyadas por
la autoridad de escritores notables, que he leído con detenimiento,
y que cito á cada paso, no por hacer alarde vano de erudición, sino
para justificar las aseveraciones que modestamente presento al
público, aunque con la plena confianza de haber tenido á la vista, al
formularlas, una gran parte de las obras que arrojan luz sobre los
tiempos pasados de la raza indígena de América.</p>
<p class="googtrans">The severe nature of the story has forced me to write this
book, to ensure that the news containing, go supported by
the authority of notable writers, I read carefully,
and I quote at every step, not make vain display of erudition, but
to justify the assertions presented to modestly
public, but with the full confidence of having to sight,
formulate, much of the works that shed light on the
past the Indian race in America.</p>
<p class="english"><strong>The severe nature of the story has forced me to write this
book, to ensure that the news containing, go supported by
the authority of...

CSS

body {
    font-family:"Segoe UI", "Palatino Linotype", "Bookman Old Style", "Candara", "Calibri", "Consolas", serif;
    font-size: 1.2em;
}
section, aside, header, footer, nav, article, time {
    display: block;
}
h1 {
    font-family: "Lucida Sans", "Courier";
    text-shadow: -4px 4px 3px #999999;
    font-size: 3em;
}
h2 {
    font-family:"Segoe UI Light", "Consolas", sans-serif;    
}
h3 {
    font-family:"Lucida Sans", "Consolas", "Baskerville", "Palatino Linotype", sans-serif;    
}
.chapter {
    font-size: 2em;
    font-family:"Consolas";
    background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.smallcaps {
    font-variant: small-caps;
}
.smallfont {
    font-size: 0.6em;
}aside {
    color: cornsilk;
    font-family:'Bookman Old School', Candara, Calibri, serif;
}
aside p:last-child {
    margin-bottom:0;
}
span:hover {
    position:relative;
    cursor:pointer;
}
span[title]:hover:after {
    content: attr(title);
    background:yellow;
    padding: 4px 8px;
    color: #000;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 20;
    white-space: nowrap;
}
.marginalize {
    margin-left: 5em;
    margin-right: 5em;
    color: navy;
}
.tightvert {
    line-height: .5;
}
.spanish {
    font-family:"Segoe UI";
}
.googtrans {
    font-family: Courier;
    margin-left: 1em;
    margin-right: 1em;
}
.english {
    font-family: Candara, "Bookman Old School";
    margin-left: 1em;
    margin-right: 1em;
}
.englishnomargin {
    font-family: Candara, "Bookman Old School";
}
.consolas {
    font-family:"Consolas";
}

JavaScript

clay