deploy: d8dca73

savageinternet · Jan 30, 2024 · d789e26 · d789e26
1 parent d8a23f1
commit d789e26
Show file tree

Hide file tree

Showing 19 changed files with 116 additions and 51 deletions.
diff --git a/affectron-1-0.html b/affectron-1-0.html
@@ -49,9 +49,9 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/affectron/v1-box.jpg" />
           <img src="/img/affectron/v0.jpg" />
           <img src="/img/affectron/Screen Shot 2020-10-26 at 08.35.36.png" />
+          <img src="/img/affectron/v1-box.jpg" />
           <img src="/img/affectron/Screen Shot 2020-10-26 at 08.35.13.png" />
       </section>
     </div>

diff --git a/bardy-mcbardface.html b/bardy-mcbardface.html
@@ -47,9 +47,9 @@
         </div>
       </section>
       <section id="project-images">
+          <img src="/img/bardy/poetry.png" />
           <img src="/img/bardy/battle.png" />
           <img src="/img/bardy/hero_verse.png" />
-          <img src="/img/bardy/poetry.png" />
       </section>
     </div>
   </div>

diff --git a/critical-practices.html b/critical-practices.html
@@ -50,15 +50,15 @@
       </section>
       <section id="project-images">
           <img src="/img/critical/stencil-physical.jpg" />
-          <img src="/img/critical/hairclipped.jpg" />
+          <img src="/img/critical/bearnecc.jpg" />
+          <img src="/img/critical/documentation.jpg" />
+          <img src="/img/critical/median.png" />
           <img src="/img/critical/laser.jpg" />
-          <img src="/img/critical/chzbrd.jpg" />
           <img src="/img/critical/hairtoday.jpg" />
+          <img src="/img/critical/chzbrd.jpg" />
           <img src="/img/critical/bearneccposter.jpeg" />
-          <img src="/img/critical/median.png" />
+          <img src="/img/critical/hairclipped.jpg" />
           <img src="/img/critical/cheeseboard-median-historical-society.png" />
-          <img src="/img/critical/documentation.jpg" />
-          <img src="/img/critical/bearnecc.jpg" />
           <img src="/img/critical/stencil-render.png" />
       </section>
     </div>

diff --git a/h2o-iq.html b/h2o-iq.html
@@ -50,11 +50,11 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/h2oiq/beauty.jpg" />
-          <img src="/img/h2oiq/device.jpg" />
-          <img src="/img/h2oiq/poster.png" />
           <img src="/img/h2oiq/body.png" />
+          <img src="/img/h2oiq/device.jpg" />
           <img src="/img/h2oiq/slides.png" />
+          <img src="/img/h2oiq/poster.png" />
+          <img src="/img/h2oiq/beauty.jpg" />
       </section>
     </div>
   </div>

diff --git a/hello-velo.html b/hello-velo.html
@@ -51,12 +51,12 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/heve/device.jpg" />
-          <img src="/img/heve/front.jpg" />
           <img src="/img/heve/header.jpg" />
+          <img src="/img/heve/front.jpg" />
+          <img src="/img/heve/device.jpg" />
           <img src="/img/heve/aonbike.jpg" />
-          <img src="/img/heve/zmaterials.jpg" />
           <img src="/img/heve/zcomponents.jpg" />
+          <img src="/img/heve/zmaterials.jpg" />
       </section>
     </div>
   </div>

diff --git a/hybrid-crochet.html b/hybrid-crochet.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>Hybrid Crochet: Exploring Integrating Digitally-Fabricated and Electronic Materials with Crochet - Valkyrie Savage&#x27;s Research</title>
+  <meta name="description" content="Valkyrie Savage, PhD, works in physical, digital, visual, gameful, and educational research, prototyping, and design." />
+  <meta name="robots" content="index, follow">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" type="text/css" href="/css/style.css" />
+</head>
+<link rel="stylesheet" type="text/css" href="/css/researchPage.css" />
+<body>
+<div id="root">
+  <div id="header">
+    <ul id="nav">
+      <li><a href="/#about">About</a></li>
+      <li><a href="/#research">Research</a></li>
+      <li><a href="/#portfolio">Portfolio</a></li>
+      <li><a href="/#contact">Contact</a></li>
+    </ul>
+    <div id="logo">
+      <a href="/"><img src="/img/logo.svg" /></a>
+      <div id="topbar-text"><a href="/">Valkyrie A. Savage, PhD</a></div>
+    </div>
+  </div>
+  <div id="body">
+    <div id="main">
+      <section id="project-info">
+        <div id="project-thumbnail">
+          <img class="project-image" src="/img/research/crochet-300.png" />
+        </div>
+        <div id="project-text">
+          <div id="title">Hybrid Crochet: Exploring Integrating Digitally-Fabricated and Electronic Materials with Crochet</div>
+          <div id="authors">Kaja Seraphina Elisa Hano, Valkyrie Savage</div>
+          <div id="venue">TEI WIP 2024</div>
+          <div id="links">
+              <a href="https://doi.org/10.1145/3623509.3635257">ACM Digital Library</a><br/>
+              <a href="papers/crochet.pdf">Paper</a><br/>
+          </div>
+        </div>
+      </section>
+      <section id="project-description" class="dark-bg">
+        <p class="bodytext">
+          Human-computer interaction research with yarn-based crafts has concentrated on those that can be done by machine, like knitting and weaving. Crochet, on the other hand, has received little attention in HCI, because it cannot be automated. We explore integrating both electronics and digitally-fabricated materials---like 3D prints---into handcrafted crochet objects. We use 3D printed structures to guide crochet stitches by constraining stitch sizes and placement, and infill patterns to change the works&#x27; form, stiffness, and appearance. We also explore printed ring structures that bridge soft crochet and hard electronics, and whether different conductors can be crocheted. We demonstrate combining these primitives to build crocheted input devices like buttons and an interactive octopus. Our techniques can help crafters design and create interactive crochet objects.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/img/research/crochet-300.png b/img/research/crochet-300.png
diff --git a/index.html b/index.html
@@ -39,7 +39,7 @@ <h2>ABOUT</h2>
           Methodologically, I focus on systems research, where the output of a project is a functional novel system that users can interact with: many of the contributions of this work come from the algorithms required to make these prototypes work, though particularly for sensing research there is a large component of controlled user testing experiments to ensure portability across users and functionality.
           <br/>
           <br/>
-          If you are a master's or bachelor's student at KU, or a student at KU or elsewhere looking for a PhD position, and you would like to work with me, please <a href="#contact">reach out</a>! It will help if you can include context about who you are, what you do, and why you would like to work together (see my colleague <a href="https://web.archive.org/web/20210411035857/http://danielashbrook.com/prospective_students.html">Dan Ashbrook's page on prospective students</a>, I'm still writing my own). I also keep a braindump of <a href="https://valkyriesavage.notion.site/Master-s-and-Bachelor-s-Project-Ideas-743d4e996371487fb74ca5bcf709e283">potentially-interesting master's and bachelor's projects</a> that you are welcome to take a look at.
+          If you are a master's or bachelor's student at KU, or a student at KU or elsewhere looking for a PhD position, and you would like to work with me, please <a href="#contact">reach out</a>! It will help if you can include context about who you are, what you do, and why you would like to work together (see my <a href="https://valkyriesavage.notion.site/Resources-for-Students-3a49a78e3f584281b4c596ec3875515b">page on doing research with me</a>). I also keep a braindump of <a href="https://valkyriesavage.notion.site/Master-s-and-Bachelor-s-Project-Ideas-743d4e996371487fb74ca5bcf709e283">potentially-interesting master's and bachelor's projects</a> that you are welcome to take a look at.
         </div>
         <div class="lr">
           <div class="right">Current Work: Assistant Professor at <a href="https://di.ku.dk/english/research/human-centred-computing/">The University of Copenhagen</a></div>
@@ -62,12 +62,25 @@ <h2>RESEARCH</h2>
           Here at <a href="https://di.ku.dk">DIKU</a>, I'm happy to supervise bachelor and master projects in my area of expertise. I also maintain a list of <a href="https://valkyriesavage.notion.site/Master-s-and-Bachelor-s-Project-Ideas-743d4e996371487fb74ca5bcf709e283">project ideas</a> that you're welcome to look at; feel free to <a href="#contact">reach out</a> to discuss these ideas or related ones.
         </div>
         <div id="research-projects">
+            <a href="/hybrid-crochet.html">
+            <div class="project">
+              <div class="project-wrapper" style="background-image:url(/img/research/crochet-300.png);"></div>
+              <div class="project-text">
+                <div class="project-title"><i>Hybrid Crochet: Exploring Integrating Digitally-Fabricated and Electronic Materials with Crochet</i><br/>Kaja Seraphina Elisa Hano, Valkyrie Savage<br/><b>TEI WIP 2024</b></div>
+                <div class="project-links">
+                    [<a href="https://doi.org/10.1145/3623509.3635257">ACM Digital Library</a>]
+                    [<a href="papers/crochet.pdf">Paper</a>]
+                </div>
+              </div>
+            </div>
+            </a>
             <a href="/objectify.html">
             <div class="project">
               <div class="project-wrapper" style="background-image:url(/img/research/objectify-300.png);"></div>
               <div class="project-text">
                 <div class="project-title"><i>Objectify: Better Living Through Anticipatory, Just-For-You 3D Printing!</i><br/>Valkyrie Savage, Sarah Homewood, Irina Shklovski<br/><b>alt.CHI 2023</b></div>
                 <div class="project-links">
+                    [<a href="https://dl.acm.org/doi/10.1145/3544549.3582748">ACM Digital Library</a>]
                     [<a href="https://github.com/valkyriesavage/objectify">Github repo</a>]
                     [<a href="papers/objectify.pdf">Paper</a>]
                     [<a href="https://www.youtube.com/watch?v=myohsVRPUk8">Video</a>]

diff --git a/joynews.html b/joynews.html
@@ -50,11 +50,11 @@
       </section>
       <section id="project-images">
           <img src="/img/joynews/emotions.png" />
+          <img src="/img/joynews/happy.jpg" />
+          <img src="/img/joynews/interface.png" />
           <img src="/img/joynews/logo.png" />
           <img src="/img/joynews/evan.jpg" />
-          <img src="/img/joynews/interface.png" />
           <img src="/img/joynews/product.jpg" />
-          <img src="/img/joynews/happy.jpg" />
       </section>
     </div>
   </div>

diff --git a/jugger.html b/jugger.html
@@ -50,18 +50,18 @@
       </section>
       <section id="project-images">
           <img src="/img/jugger/cutters.jpg" />
+          <img src="/img/jugger/jersey-design.png" />
+          <img src="/img/jugger/meese-coat-of-arms.png" />
+          <img src="/img/jugger/buttock.jpg" />
+          <img src="/img/jugger/front.jpg" />
           <img src="/img/jugger/riot-logo-large.png" />
           <img src="/img/jugger/meese_in_action.jpg" />
-          <img src="/img/jugger/front.jpg" />
           <img src="/img/jugger/skullcookie.jpg" />
-          <img src="/img/jugger/legging.jpg" />
+          <img src="/img/jugger/bloodofheroes.jpg" />
           <img src="/img/jugger/first_jersey_renders.jpg" />
           <img src="/img/jugger/beers.jpg" />
-          <img src="/img/jugger/meese-coat-of-arms.png" />
-          <img src="/img/jugger/bloodofheroes.jpg" />
+          <img src="/img/jugger/legging.jpg" />
           <img src="/img/jugger/uniforms.jpg" />
-          <img src="/img/jugger/buttock.jpg" />
-          <img src="/img/jugger/jersey-design.png" />
       </section>
     </div>
   </div>

diff --git a/kinoma-create-hoedown.html b/kinoma-create-hoedown.html
@@ -48,10 +48,10 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/hoedown/strength.png" />
-          <img src="/img/hoedown/collage.jpg" />
           <img src="/img/hoedown/head.png" />
+          <img src="/img/hoedown/collage.jpg" />
           <img src="/img/hoedown/prototype.png" />
+          <img src="/img/hoedown/strength.png" />
       </section>
     </div>
   </div>

diff --git a/locatrix.html b/locatrix.html
@@ -48,21 +48,21 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/locatrix/3citylevel.png" />
-          <img src="/img/locatrix/Locatrix_link_share.png" />
-          <img src="/img/locatrix/Locatrix_widget_narrow.png" />
+          <img src="/img/locatrix/6main.png" />
+          <img src="/img/locatrix/homepage_widgetpeek.png" />
           <img src="/img/locatrix/2digital.png" />
           <img src="/img/locatrix/Locatrix_widget_short.png" />
-          <img src="/img/locatrix/Locatrix_link_share-02.png" />
-          <img src="/img/locatrix/homepage_widgetpeek.png" />
-          <img src="/img/locatrix/1trip.png" />
-          <img src="/img/locatrix/0intro.png" />
+          <img src="/img/locatrix/Locatrix_widget_narrow.png" />
           <img src="/img/locatrix/Locatrix_widget_banner.png" />
-          <img src="/img/locatrix/5battery.png" />
           <img src="/img/locatrix/0a-logo.png" />
-          <img src="/img/locatrix/6main.png" />
-          <img src="/img/locatrix/Locatrix_widget_regular.png" />
+          <img src="/img/locatrix/0intro.png" />
+          <img src="/img/locatrix/1trip.png" />
+          <img src="/img/locatrix/Locatrix_link_share-02.png" />
+          <img src="/img/locatrix/Locatrix_link_share.png" />
           <img src="/img/locatrix/4tracks.png" />
+          <img src="/img/locatrix/Locatrix_widget_regular.png" />
+          <img src="/img/locatrix/5battery.png" />
+          <img src="/img/locatrix/3citylevel.png" />
       </section>
     </div>
   </div>

diff --git a/objectify.html b/objectify.html
@@ -34,6 +34,7 @@
           <div id="authors">Valkyrie Savage, Sarah Homewood, Irina Shklovski</div>
           <div id="venue">alt.CHI 2023</div>
           <div id="links">
+              <a href="https://dl.acm.org/doi/10.1145/3544549.3582748">ACM Digital Library</a><br/>
               <a href="https://github.com/valkyriesavage/objectify">Github repo</a><br/>
               <a href="papers/objectify.pdf">Paper</a><br/>
               <a href="https://www.youtube.com/watch?v=myohsVRPUk8">Video</a><br/>

diff --git a/papers/crochet.pdf b/papers/crochet.pdf
diff --git a/proximity-dress.html b/proximity-dress.html
@@ -46,9 +46,9 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/dress/components.jpg" />
           <img src="/img/dress/components2.png" />
           <img src="/img/dress/P40135576476475156680289681.jpg" />
+          <img src="/img/dress/components.jpg" />
       </section>
     </div>
   </div>

diff --git a/puzzling-madness-of-john-a-macdonald.html b/puzzling-madness-of-john-a-macdonald.html
@@ -47,14 +47,14 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/pm/booklet-cover.png" />
           <img src="/img/pm/emfront.jpg" />
-          <img src="/img/pm/Errol Manda Escape Room Divas Clarisse Agnes Macdonald Valkyrie Isabel Mackenzie Evan Michael Murphy Joshua George Brown Cole Henry Rose Tom Andrew Johnson signs ending crop.jpeg" />
           <img src="/img/pm/puzzling_madness_booklet_screencap.png" />
+          <img src="/img/pm/puzzle0.png" />
+          <img src="/img/pm/Errol Manda Escape Room Divas Clarisse Agnes Macdonald Valkyrie Isabel Mackenzie Evan Michael Murphy Joshua George Brown Cole Henry Rose Tom Andrew Johnson signs ending crop.jpeg" />
+          <img src="/img/pm/booklet-cover.png" />
+          <img src="/img/pm/playtest.jpg" />
           <img src="/img/pm/emchurch.jpg" />
           <img src="/img/pm/clarisse_videographers_indoor.jpg" />
-          <img src="/img/pm/playtest.jpg" />
-          <img src="/img/pm/puzzle0.png" />
       </section>
     </div>
   </div>

diff --git a/resist-shop.html b/resist-shop.html
@@ -46,10 +46,10 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/resist/pendants.jpg" />
-          <img src="/img/resist/wearing.jpg" />
           <img src="/img/resist/normalize.jpg" />
           <img src="/img/resist/cufflinks.jpg" />
+          <img src="/img/resist/wearing.jpg" />
+          <img src="/img/resist/pendants.jpg" />
       </section>
     </div>
   </div>

diff --git a/user-interface-design-course.html b/user-interface-design-course.html
@@ -46,10 +46,10 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/cs160/programming01.png" />
-          <img src="/img/cs160/prg01.png" />
-          <img src="/img/cs160/haggle.jpg" />
           <img src="/img/cs160/designcycle.png" />
+          <img src="/img/cs160/haggle.jpg" />
+          <img src="/img/cs160/prg01.png" />
+          <img src="/img/cs160/programming01.png" />
       </section>
     </div>
   </div>

diff --git a/zombie-rendezvous.html b/zombie-rendezvous.html
@@ -48,17 +48,17 @@
         </div>
       </section>
       <section id="project-images">
-          <img src="/img/zombie/zombie2.jpg" />
-          <img src="/img/zombie/activity2.png" />
           <img src="/img/zombie/activity3.png" />
-          <img src="/img/zombie/pathologist.jpg" />
-          <img src="/img/zombie/activity1.png" />
-          <img src="/img/zombie/researcher.jpg" />
           <img src="/img/zombie/booklet.jpg" />
-          <img src="/img/zombie/doctor.jpg" />
           <img src="/img/zombie/zombie.jpg" />
-          <img src="/img/zombie/activity0.png" />
+          <img src="/img/zombie/activity1.png" />
+          <img src="/img/zombie/doctor.jpg" />
+          <img src="/img/zombie/researcher.jpg" />
           <img src="/img/zombie/group.jpg" />
+          <img src="/img/zombie/zombie2.jpg" />
+          <img src="/img/zombie/pathologist.jpg" />
+          <img src="/img/zombie/activity0.png" />
+          <img src="/img/zombie/activity2.png" />
       </section>
     </div>
   </div>