From 1422acecb2f81ccedb8ce5c32502e3f5f8c8d8c5 Mon Sep 17 00:00:00 2001
From: Richard Rutter <rich@clearleft.com>
Date: Fri, 28 Feb 2014 09:58:09 +0000
Subject: [PATCH] added utf-8 charset, changed three full stops to ellipsis

---
 includes/headlinks.inc.php | 1 +
 item.php                   | 1 +
 items/2.3.2.html           | 2 +-
 items/3.1.1.html           | 2 +-
 items/3.2.1.html           | 4 ++--
 5 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/includes/headlinks.inc.php b/includes/headlinks.inc.php
index a6fd154..1e54636 100644
--- a/includes/headlinks.inc.php
+++ b/includes/headlinks.inc.php
@@ -1,3 +1,4 @@
+<meta charset="utf-8">
 <link rel="stylesheet" type="text/css" href="/css/screen.css" />
 <!--[if lte IE 7]>
 <link rel="stylesheet" type="text/css" href="/css/ie-lte-7.css" />
diff --git a/item.php b/item.php
index 123777a..ad5ad10 100644
--- a/item.php
+++ b/item.php
@@ -34,6 +34,7 @@ if (isset($keys[array_search($item_num, $keys)-1])) {
 ?>
 <!DOCTYPE html>
 <html lang="en-gb">
+<head>
 <title><?php echo $title ?> | The Elements of Typographic Style Applied to the Web</title>
 <?php include($dr . "headlinks.inc.php") ?>
 </head>
diff --git a/items/2.3.2.html b/items/2.3.2.html
index d1832e7..18659d0 100644
--- a/items/2.3.2.html
+++ b/items/2.3.2.html
@@ -1,4 +1,4 @@
-<blockquote class='quote-from-book'>	<p><span class='ic'>&#8220;</span>Ornaments <span class='bracket'>[</span>...<span class='bracket'>]</span> drop lines <span class='bracket'>[</span>...<span class='bracket'>]</span> outdented paragraphs <span class='bracket'>[</span>...<span class='bracket'>]</span> and others, have their uses but the plainest, most unmistakable yet unobtrusive way of marking paragraphs is the simple indent.&#8221;</p>
+<blockquote class='quote-from-book'>	<p><span class='ic'>&#8220;</span>Ornaments <span class='bracket'>[</span>…<span class='bracket'>]</span> drop lines <span class='bracket'>[</span>…<span class='bracket'>]</span> outdented paragraphs <span class='bracket'>[</span>…<span class='bracket'>]</span> and others, have their uses but the plainest, most unmistakable yet unobtrusive way of marking paragraphs is the simple indent.&#8221;</p>
  </blockquote>
 	<p>Indenting the first line of a paragraph, or any block element is achieved in <abbr title="Cascading Style Sheets">CSS</abbr> using the text-indent&nbsp;property:</p>
 
diff --git a/items/3.1.1.html b/items/3.1.1.html
index a9d30d5..ba47d84 100644
--- a/items/3.1.1.html
+++ b/items/3.1.1.html
@@ -1,5 +1,5 @@
 
-<blockquote class='quote-from-book'>	<p><span class='ic'>&#8220;</span>In the sixteenth century, a series of common sizes developed among European typographers, and the series survived with little change and few additions for 400&nbsp;years. <span class='bracket'>[</span>...<span class='bracket'>]</span> Use the old familiar scale, or use new scales of your own devising, but limit yourself, at first, to a modest set of distinct and related intervals.&#8221;</p>
+<blockquote class='quote-from-book'>	<p><span class='ic'>&#8220;</span>In the sixteenth century, a series of common sizes developed among European typographers, and the series survived with little change and few additions for 400&nbsp;years. <span class='bracket'>[</span>…<span class='bracket'>]</span> Use the old familiar scale, or use new scales of your own devising, but limit yourself, at first, to a modest set of distinct and related intervals.&#8221;</p>
  </blockquote>
 	<p>Sizing text in <abbr title="Cascading Style Sheets">CSS</abbr> is achieved using the <code>font-size</code> property. In print, font sizes are specified absolutely, for example setting text at 12&nbsp;points implies a particular physical height for the printed text. On the web, font sizes can be set absolutely or relatively, and in a number of different units. What&#8217;s more, most web browsers enable the reader to resize the text to suit their own reading environment and&nbsp;requirements.</p>
 
diff --git a/items/3.2.1.html b/items/3.2.1.html
index a6d110d..e4378a4 100644
--- a/items/3.2.1.html
+++ b/items/3.2.1.html
@@ -1,7 +1,7 @@
 
 <blockquote class='quote-from-book'>	<p><span class='ic'>&#8220;</span>When arabic numerals joined the roman alphabet, they too were given both lowercase and uppercase forms. Typographers call the former <cite>text figures</cite>, <cite>hanging figures</cite>, <cite>lowercase figures</cite>, or <cite>old-style figures</cite> <span class='bracket'>(</span>OSF for short<span class='bracket'>)</span> and make a point of using them whenever the surrounding text is set in lowercase letters or small caps. The alternative forms are called <cite>titling figures</cite>, <cite>ranging figures</cite> or <cite>lining figures</cite>, because they range or align with the upper&nbsp;case.<br />
-<span class='bracket'>[</span>...<span class='bracket'>]</span><br />
-<span class='bracket'>[</span>Text figures<span class='bracket'>]</span> are basic parts of typographic speech, and they are a sign that dollars are not really twice as important as ideas, and numbers are not afraid to consort on an equal footing with words. <span class='bracket'>[</span>...<span class='bracket'>]</span> However common it may be, the use of titling figures in running text is illiterate: it spurns the truth of letters.&#8221;</p>
+<span class='bracket'>[</span>…<span class='bracket'>]</span><br />
+<span class='bracket'>[</span>Text figures<span class='bracket'>]</span> are basic parts of typographic speech, and they are a sign that dollars are not really twice as important as ideas, and numbers are not afraid to consort on an equal footing with words. <span class='bracket'>[</span>…<span class='bracket'>]</span> However common it may be, the use of titling figures in running text is illiterate: it spurns the truth of letters.&#8221;</p>
  </blockquote>
 	<p>Many core web fonts <span class='bracket'>(</span>indeed most digital fonts<span class='bracket'>)</span> ship with only one case of figures: Arial, Comic Sans, Helvetica, Tahoma, Times, Times New Roman, Trebuchet and Verdana all ship with titling figures only. Georgia is the sole holder of text figures <span class='bracket'>(</span>but lacks titling&nbsp;figures<span class='bracket'>)</span>.</p>
 
