up si13

index.html

@@ -23,6 +23,47 @@
 	<!-- min. width of image is 590px -->
 
 	<section>
+
+		<div id="special-issue-15" class="issue">
+			<a href="15/index.html">
+				<div class="issue-nr">Special<br> Issue 15</div>
+				<div class="issue-date">soon</div>
+				<div class="issue-img-13"><img src="img/none.png" style='max-width: 100%;'></div>
+				<div class="issue-title">soon</div>
+              <div class="issue-text">
+                <p>//</p>
+                <p>//</p>
+              </div>
+                </a>
+		</div>
+
+		<div id="special-issue-14" class="issue">
+			<a href="15/index.html">
+				<div class="issue-nr">Special<br> Issue 14</div>
+				<div class="issue-date">soon</div>
+				<div class="issue-img-13"><img src="img/none.png" style='max-width: 100%;'></div>
+				<div class="issue-title">soon</div>
+              <div class="issue-text">
+                <p>//</p>
+                <p>//</p>
+              </div>
+                </a>
+		</div>
+
+		<div id="special-issue-13" class="issue">
+			<a href="13/index.html">
+				<div class="issue-nr">Special<br> Issue 13</div>
+				<div class="issue-date">September/December 2020</div>
+				<div class="issue-img-13"><img src="img/special-issue-13.png" style='max-width: 100%;'></div>
+				<div class="issue-title" style="font-family: 'special-issue-13-t';">WOR(<span style="font-family: special-issue-13-custom; font-size: 25px;">L</span>)DS FOR THE FUTURE</div>
+              <div class="issue-text">
+                <p style="font-size: 20px; line-height: 24px; letter-spacing: .6px;"> Words have the power to shape reality. Wor(l)ds for the Future is a set of map making tools to re-imagine and collect wor(l)ds, and to re-publish an everchanging atlas. We invite you to delve into the materials and traverse the texts in any way you desire: by cutting and pasting the printed matter, or by unravelling the texts online. The choice is yours. You can reconstruct images and reinterpret words to create Wor(l)ds for the Future.</p>
+                <p style='font-size: 20px; line-height: 24px; letter-spacing: .6px;'>Kendal Beynon, Martin Foucaut, Camilo García A., Clara Gradel, Nami Kim, Euna Lee, Jacopo Lega, Federico Poni, Louisa Teichmann and Floor van Meeuwen</p>
+              </div>
+                </a>
+		</div>
+
+
 		<!-- Special Issue 10 + 11 + 12 -->
 		<div id="special-issue-12" class="issue">
 			<a href="12/index.html">

stylesheet.css

@@ -119,6 +119,14 @@ header{
 	letter-spacing: -0.1em;
 }
 
+.issue#special-issue-13{
+	font-family: 'special-issue-13-t';
+}
+.issue#special-issue-13 .issue-text{
+	font-family: 'special-issue-13';
+	letter-spacing: -0.1em;
+}
+
 /* rules for the general structural elements */
 section{
 	display: flex;
@@ -184,6 +192,10 @@ a img:hover{
 	-webkit-filter:grayscale(0%);
 }
 
+.issue-img-13 img:hover{
+	-webkit-filter:invert(100%);
+}
+
 /* responsive rules for mobile */
 @media (max-width: 500px) {
 	body{
@@ -308,4 +320,20 @@ a img:hover{
 	font-style: normal;
 }
 
+@font-face {
+	font-family: 'special-issue-13-t';
+	src: url('fonts/Roboto-Regular.ttf');
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'special-issue-13';
+	src: url('fonts/EBGaramond-Regular.ttf');
+	font-style: normal;
+}
 
+@font-face {
+	font-family: 'special-issue-13-custom';
+	src: url('fonts/WFTF_custom-Regular.otf');
+	font-style: normal;
+}