a simple landing page

2023-03-21 12:41:29 -06:00 · 2023-03-21 12:41:29 -06:00 · a5e3f3975c
commit a5e3f3975c
parent 02ab463de0
15 changed files with 172 additions and 0 deletions
--- a/img/computer-friends-2.png
+++ b/img/computer-friends-2.png
--- a/img/computer-friends.png
+++ b/img/computer-friends.png
--- a/img/pdf-crop-text.png
+++ b/img/pdf-crop-text.png
--- a/img/pdf-crop.png
+++ b/img/pdf-crop.png
--- a/img/pdf-print-text.png
+++ b/img/pdf-print-text.png
--- a/img/pdf-print.png
+++ b/img/pdf-print.png
--- a/img/pdf-view-text.png
+++ b/img/pdf-view-text.png
--- a/img/pdf-view.png
+++ b/img/pdf-view.png
--- a/img/repreater.jpg
+++ b/img/repreater.jpg
--- a/img/spread-cover.jpg
+++ b/img/spread-cover.jpg
--- a/index.html
+++ b/index.html
@ -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>
--- a/pdfs/sacred-stack-the-art-of-cyborg-community-PRINT.pdf
+++ b/pdfs/sacred-stack-the-art-of-cyborg-community-PRINT.pdf
--- a/pdfs/sacred-stack-the-art-of-cyborg-community-cropmarks-PRINT-cover.pdf
+++ b/pdfs/sacred-stack-the-art-of-cyborg-community-cropmarks-PRINT-cover.pdf
--- a/pdfs/sacred-stack-the-art-of-cyborg-community-cropmarks-PRINT.pdf
+++ b/pdfs/sacred-stack-the-art-of-cyborg-community-cropmarks-PRINT.pdf
--- a/pdfs/sacred-stack-the-art-of-cyborg-community.pdf
+++ b/pdfs/sacred-stack-the-art-of-cyborg-community.pdf