Add promises quilt

atorresen · Jun 4, 2024 · a104c8c · a104c8c
1 parent 13ab3b6
commit a104c8c
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 3 deletions.
diff --git a/images/promisesQuilt_1.jpg b/images/promisesQuilt_1.jpg
diff --git a/images/promisesQuilt_2.jpg b/images/promisesQuilt_2.jpg
diff --git a/images/promisesQuilt_3.jpg b/images/promisesQuilt_3.jpg
diff --git a/index.html b/index.html
@@ -26,11 +26,11 @@ <h1>AnneMarie Torresen</h1>
 
   <h2>Some projects:</h2>
 
-  <p><a href="promisesQuilt.html">Promises quilt</a></p>
-
   <p><a href="https://atorresen.github.io/screenbasedimages/" target="_blank" rel="noopener noreferrer">
       Screen-based images</a> teacher: Leah Beeferman</p>
 
+  <p><a href="promisesQuilt.html">Promises quilt</a></p>
+
   <p><a href="https://atorresen.github.io/clopen/" target="_blank" rel="noopener noreferrer">
       Clopen - a digital math zine</a> teacher: Mariela Yeregui</p>
 

diff --git a/promisesQuilt.html b/promisesQuilt.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <title>AnneMarie Torresen -- Kolakoski walks</title>
+
+  <!-- bootstrap -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
+  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+
+
+  <link rel="stylesheet" href="styles.css">
+  <link rel="icon" href="images/icon.ico">
+</head>
+
+<body style="background: white">
+
+  <div class="banner">
+    <a href="index.html" style="color: white">ᐊ Back</a> This website is a work in progress :)
+  </div>
+
+  <h2 style="margin-top: 20px">Promises quilt</h2>
+
+  <table style="width: 70%; margin: 0 auto;">
+    <tr>
+      <td colspan="2"><img src="images/promisesQuilt_1.jpg" alt="promisesQuilt_1"/></td>
+    </tr>
+    <tr>
+      <td><img src="images/promisesQuilt_2.jpg" alt="promisesQuilt_2"/></td>
+      <td><img src="images/promisesQuilt_3.jpg" alt="promisesQuilt_3"/></td>
+    </tr>
+  </table>
+
+  <br>
+
+  <div class="accordion-toggle collapsed" data-toggle="collapse" href="#explanation">
+    <h3 id="explain" onclick="toggleArrow('explain')">Explanation (if you want it) ▽</h3>
+  </div>
+  <div class="row collapse in p-3" id="explanation">
+
+    <h4>Promises to children are sacred</h4>
+
+    <p>
+      This is a quilt of unkept promises on three scales: global, local, and personal.
+    </p>
+    <p>
+      The quilt is made of found materials (used bed sheets, old embroidery thread) and vegetable dye.
+      The numbers and shapes of the quilt are a cipher of the three promises.
+      The quilt was displayed at the 2024 RISD Digital+Media biennial exhibition "They Keep Changing the Key" alongside a projector that displays hints to decoding the cipher.
+      Shout out to my Aunt Nancy who spent a few hours decoding the entire thing :)
+    </p>
+
+
+
+    <script src="collapse.js" type="text/javascript"></script>
+
+</body>
+
+</html>
diff --git a/styles.css b/styles.css
@@ -41,7 +41,7 @@ hr {
   background: linear-gradient(to right, transparent 50%, #fefefe 50%), linear-gradient(to right, #000, #fefefe);
   background-size: 1.5rem, 100%;
   transform: rotate(-0.33deg);
-  transform-origin: 50% 0%;
+  transform-origin: 50% 0;
 }
 
 img {