master
poni 4 years ago
parent 3713f0249c
commit 3abd77596b

@ -107,4 +107,9 @@
font-family: 'special-issue-13-custom'; font-family: 'special-issue-13-custom';
src: url('fonts/WFTF_custom-Regular.otf') format('truetype'); src: url('fonts/WFTF_custom-Regular.otf') format('truetype');
font-style: normal; font-style: normal;
}
@font-face {
font-family: 'special-issue-14';
src: url('fonts/ApfelGrotezk-Regular.ttf') format('truetype');
font-style: normal;
} }

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 867 KiB

@ -35,13 +35,16 @@
<div class="issue-text"></div> <div class="issue-text"></div>
</a> </a>
</div> </div>
<div id="special-issue-14" class="issue future" data-cycle="2"> <div id="special-issue-14" class="issue" data-cycle="2">
<a href="14/index.html"> <a href="14/index.html">
<div class="issue-nr">Special<br> Issue 14</div> <div class="issue-nr">Special<br> Issue 14</div>
<div class="issue-date">April 2021</div> <div class="issue-date">January/April 2021</div>
<div class="issue-img"><img src="img/unknown.svg"></div> <div class="issue-img"><img src="img/special-issue-14.gif"></div>
<div class="issue-title"></div> <div class="issue-title">I Don't Know Where We're Going, But...</div>
<div class="issue-text"></div> <div class="issue-text">
<p>Another lockdown; shops closed, museums closed, bars closed, cafés closed, restaurants closed. You turn to escapist media, in another attempt to climb the inner walls of a deflating castle. All that is left is the city in its rawest form and the people inhabiting its shut down structures. Where can you go if everything is closed? What could you encounter along the way? Locked within the walls of a comatose town, you are missing direction. If the city is your new playground, who are the players and what is the objective?</p>
<p>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> </a>
</div> </div>
<div id="special-issue-13" class="issue" data-cycle="3"> <div id="special-issue-13" class="issue" data-cycle="3">

@ -115,12 +115,16 @@ section#issues{
.issue#special-issue-13{ .issue#special-issue-13{
font-family: 'special-issue-13-t'; font-family: 'special-issue-13-t';
} }
.issue#special-issue-13 .issue-date, /* .issue#special-issue-13 .issue-date,
.issue#special-issue-13 .issue-text{ .issue#special-issue-13 .issue-text{
font-family: 'special-issue-13'; font-family: 'special-issue-13';
font-size: 20px; font-size: 20px;
line-height: 26px; line-height: 26px;
letter-spacing: .6px; letter-spacing: .6px;
} */
.issue#special-issue-14{
font-family: 'special-issue-14';
} }
/* SECTIONS: INTRO + INFO */ /* SECTIONS: INTRO + INFO */
@ -264,3 +268,12 @@ a img{
a img:hover{ a img:hover{
-webkit-filter: grayscale(0%); -webkit-filter: grayscale(0%);
} }
#special-issue-13 img:hover{
-webkit-filter: invert();
}
#special-issue-14 img:hover{
-webkit-filter: invert();
}

Loading…
Cancel
Save