master
poni 3 years ago
parent 24b91722be
commit bb314a41de

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

@ -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">

@ -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;
}

Loading…
Cancel
Save