You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
5 years ago
|
<div class="ml-3 mt-4 footer">
|
||
|
|
<!-- Trigger/Open The Modal -->
|
||
|
|
<button id="colophonBtn">Colophon</button>
|
||
|
|
|
||
|
|
<!-- The Modal -->
|
||
|
|
<div id="colophonModal" class="modal">
|
||
|
|
|
||
|
|
<!-- Modal content -->
|
||
|
|
<div class="modal-content">
|
||
|
|
<span class="close3">×</span>
|
||
|
|
<p>
|
||
|
|
This work has been produced in the context of the graduation research of Artemis Gryllaki from the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.<br><br>
|
||
|
|
|
||
|
|
XPUB is a two year Master of Arts in Fine Art and Design that focuses on the intents, means and consequences of making things public and creating publics in the age of post-digital networks.<br><br>
|
||
|
|
|
||
|
|
<a id="xpublink" href="https://xpub.nl">https://xpub.nl</a><br><br>
|
||
|
|
|
||
|
|
The graduation project Syster Papyri Magicae, developed under the supervision of Michael Murtaugh and Amy Suo Wu.</p><br>
|
||
|
|
.•°*”˜˜
|
||
|
|
<p>
|
||
|
|
<i>Syster Papyri Magicae</i> (2020) is published under the terms of the Peer Production License.<br>The Peer Production License is an example of CopyFair licensing, in which only other commoners, collectives and nonprofits can share and re-use the material in question.</p>.•°*”˜˜
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// Get the modal
|
||
|
|
var modal3 = document.getElementById("colophonModal");
|
||
|
|
|
||
|
|
// Get the button that opens the modal
|
||
|
|
var btn3 = document.getElementById("colophonBtn");
|
||
|
|
|
||
|
|
// Get the <span> element that closes the modal
|
||
|
|
var span3 = document.getElementsByClassName("close3")[0];
|
||
|
|
|
||
|
|
// When the user clicks the button, open the modal
|
||
|
|
btn3.onclick = function() {
|
||
|
|
modal3.style.display = "block";
|
||
|
|
}
|
||
|
|
|
||
|
|
// When the user clicks on <span> (x), close the modal
|
||
|
|
span3.onclick = function() {
|
||
|
|
modal3.style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
// When the user clicks anywhere outside of the modal, close it
|
||
|
|
window.onclick = function(event) {
|
||
|
|
if (event.target == modal3) {
|
||
|
|
modal3.style.display = "none";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|