Added Special Issue 5 to the SI Archive index. Added img, and custom fonts

index.html

@@ -89,7 +89,14 @@
 				<div class="issue-date">March 2018</div>
 				<div class="issue-img"><img src="img/special-issue-5.png"></div>
 				<div class="issue-title">OuNuPo</div>
-				
+				<div class="issue-text">
+					<p>Dear OuNuPian,</p>
+					<p>In the ouvroir de numerisation potentielle (the workshop of potential digitisation, or OuNuPo) the XPUB practitioners reflected on several topics: how culture is shaped by book scanning? Who has access and who is excluded from digital culture? How free software and open source hardware have bootstrapped a new culture of librarians? What happens to text when it becomes data that can be transformed, manipulated and analysed ad nauseam?
+
+To answer these questions, the XPUB practitioners have written software and assembled a unique printed reader.</p>
+					<p>Make ocr/output/publication.</p>
+					<p>Natasha Berting, Angeliki Diakrousi, Joca van der Horst, Alexander Roidl, Alice Strete and Zalán Szakács</p>
+				</div>
 			</a>
 		</div>
 		<div id="special-issue-6" class="issue future">

stylesheet.css

@@ -68,6 +68,13 @@ header{
 	font-family: 'special-issue-4';
 	font-size: 90%;
 }
+.issue#special-issue-5{
+	font-family: 'special-issue-5';
+	font-size: 100%;
+}
+.issue#special-issue-5 .issue-text {
+    font-family: 'special-issue-5-desc';
+}
 
 /* rules for the general structural elements */
 section{
@@ -211,6 +218,14 @@ a img:hover{
 	font-family: 'special-issue-4';
 	src: url('fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/LibreBaskerville-Regular.woff') format('woff'), url('fonts/LibreBaskerville-Regular.ttf') format('truetype'), url('fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg');
 }
+@font-face {
+	font-family: 'special-issue-5';
+	src: url('fonts/PinyonScript.eot?#iefix') format('embedded-opentype'),  url('fonts/PinyonScript.woff') format('woff'), url('fonts/PinyonScript.ttf') format('truetype'), url('fonts/PinyonScript.svg#PinyonScript') format('svg');
+}
+@font-face {
+	font-family: 'special-issue-5-desc';
+	src: url('fonts/NotCourierSans.eot?#iefix') format('embedded-opentype'),  url('fonts/NotCourierSans.woff') format('woff'), url('fonts/NotCourierSans.ttf') format('truetype'), url('fonts/NotCourierSans.svg#NotCourierSans') format('svg');
+}
 @font-face{
 	font-family:'default';
 	src:url('fonts/cmunvt.ttf') format('truetype');