|
@@ -0,0 +1,172 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Sacred Stacks: The Art of Cyborg Community</title>
|
|
|
+ <style>
|
|
|
+ * {
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ a:link {
|
|
|
+ color: #f754a5;
|
|
|
+ text-decoration: wavy;
|
|
|
+ }
|
|
|
+ a:visited {
|
|
|
+ color: #d784fd;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ max-width: 100%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+ body {
|
|
|
+ margin: 0;
|
|
|
+ background:#222;
|
|
|
+ color: #efebed;
|
|
|
+ height: 4000px;
|
|
|
+ font-family: 'Courier New', Courier, monospace;
|
|
|
+ }
|
|
|
+ .section {
|
|
|
+ width: 100vw;
|
|
|
+ max-width: 700px;
|
|
|
+ /* margin: 0 auto; */
|
|
|
+ }
|
|
|
+ .cover {
|
|
|
+ background:url(img/spread-cover.jpg) no-repeat center top / 100%;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+ .cover img {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ object-fit: contain;
|
|
|
+ }
|
|
|
+ .repeater {
|
|
|
+ background:url(img/repreater.jpg) no-repeat repeat center top / 100%;
|
|
|
+ width: auto;
|
|
|
+ min-height: 4000px;
|
|
|
+ }
|
|
|
+ .flex {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .pdf {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: 1fr 3fr;
|
|
|
+ align-items: center;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ .pdf .icon {
|
|
|
+ flex: 0 1 auto;
|
|
|
+ }
|
|
|
+ .invocation, .credits {
|
|
|
+ max-width: 65ch;
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 600px) {
|
|
|
+ .copy {
|
|
|
+ background: #222;
|
|
|
+ border: #efebed 1px solid;
|
|
|
+ position: absolute;
|
|
|
+ padding: 20px;
|
|
|
+ top: 90vh;
|
|
|
+ left: 20vw;
|
|
|
+ width: 80vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div class="flex">
|
|
|
+ <div class="stack">
|
|
|
+ <section class="cover section">
|
|
|
+ <img src="/img/spread-cover.jpg" alt="Sacred Stacks: The Art of Cyborg Community">
|
|
|
+ </section>
|
|
|
+ <section class="repeater section">
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ <div class="copy">
|
|
|
+ <div class="download">
|
|
|
+ Download:
|
|
|
+ <a href="pdfs/sacred-stack-the-art-of-cyborg-community.pdf" class="pdf" target="_blank">
|
|
|
+ <span class="icon"><img src="img/pdf-view.png" alt=""></span>
|
|
|
+ <img src="img/pdf-view-text.png" alt="View PDF Online">
|
|
|
+ </a>
|
|
|
+ <a href="pdfs/sacred-stack-the-art-of-cyborg-community-PRINT.pdf" class="pdf" target="_blank">
|
|
|
+ <span class="icon"><img src="img/pdf-print.png" alt=""></span>
|
|
|
+ <img src="img/pdf-print-text.png" alt="Print at home PDF">
|
|
|
+ </a>
|
|
|
+ <a href="pdfs/sacred-stack-the-art-of-cyborg-community-cropmarks-PRINT.pdf" class="pdf" target="_blank">
|
|
|
+ <span class="icon"><img src="img/pdf-crop.png" alt=""></span>
|
|
|
+ <img src="img/pdf-crop-text.png" alt="PDF with crop marks">
|
|
|
+ </a>
|
|
|
+ <a href="pdfs/sacred-stack-the-art-of-cyborg-community-cropmarks-PRINT-cover.pdf" target="_blank">PDF Cover with crop marks</a>
|
|
|
+ </div>
|
|
|
+ <div class="credits">
|
|
|
+ <h1>Sacred Stacks: The Art of Cyborg Community</h1>
|
|
|
+ <br>
|
|
|
+ composed_and_compiled:<br>
|
|
|
+ - Andi Argast<br>
|
|
|
+ - James Brennan<br>
|
|
|
+ - Nabil Echchaibi<br>
|
|
|
+ - Drew Hornbein<br>
|
|
|
+ - Shamika Klassen<br>
|
|
|
+ - Samira Rajabi<br>
|
|
|
+ - Nathan Schneider<br>
|
|
|
+ <br>
|
|
|
+ design:<br>
|
|
|
+ <a href="https://ritualpoint.studio/" target="_blank">Ritual Point Art & Divination</a><br>
|
|
|
+ <br>
|
|
|
+ publication:<br>
|
|
|
+ <a href="https://medlab.metalabel.xyz" target="_blank">Metalabel</a><br>
|
|
|
+ <br>
|
|
|
+ a_project_of:<br>
|
|
|
+ the Media Economies Design Lab and the Center for Media, Religion, and Culture at the University of Colorado
|
|
|
+ Boulder<br>
|
|
|
+ <br>
|
|
|
+ with_support_from:<br>
|
|
|
+ - Henry Luce Foundation<br>
|
|
|
+ - Filecoin Foundation for the Decentralized Web<br>
|
|
|
+ - Starling Lab for Data Integrity<br>
|
|
|
+ <br>
|
|
|
+ copyright:<br>
|
|
|
+ 2023 by the authors<br>
|
|
|
+ <br>
|
|
|
+ license:<br>
|
|
|
+ Creative Commons Attribution International license (CC-BY)
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="invocation">
|
|
|
+ <h2>Invocation 🙏</h2>
|
|
|
+
|
|
|
+ <p>
|
|
|
+ angels of __<br>
|
|
|
+ bodhisattvas of __<br>
|
|
|
+ jinn of __<br>
|
|
|
+ spirits of __<br>
|
|
|
+ ghosts of __<br>
|
|
|
+ cyborgs of __<br>
|
|
|
+ <br>
|
|
|
+ …be with us and fill our stacks with the stuff of life.<br>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <p>
|
|
|
+ This collaboration is housed on the territories of many nations, in many places across the Earth. Some of us live on
|
|
|
+ unceded lands long shared among the Arapahoe, Cheyenne, and Ute peoples; others are guests on the traditional territory
|
|
|
+ of the Huron-Wendat, Haudenosaunee, and Anishinaabe peoples, including the Mississaugas of the Credit First Nation. Some
|
|
|
+ of our ancestors were brought to the lands where we live against our will; others have seen our lands colonized by
|
|
|
+ outsiders. We hold these legacies and their tensions together.
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <p>
|
|
|
+ We have found ourselves traveling through servers and networks that do not disclose their materiality, that claim to be
|
|
|
+ untethered from the land. Yet, in our work here, we seek to honor ancient connections between people and place, to be
|
|
|
+ grounded and humble. We are not in the cloud; we are rooted in the ground.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <img src="img/computer-friends.png" alt="">
|
|
|
+ <img src="img/computer-friends-2.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|