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
2.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Testinggg</title>
<link rel="stylesheet" href="index.css" media="only screen" />
<!-- <link
rel="stylesheet"
media="only screen and (min-device-width : 1190px) and (max-device-width : 1440px)"
href="./laptop_big.css"
/> -->
</head>
<body>
<div class="container">
<h1>Chae and Nami</h1>
<!-- <div class="ani"><img src="./draw.jpg" /></div> -->
<h4>chatty, messy, sticky, tsss...</h4>
<div class="intro">
<p>
<b>Procedure (step-by-step):</b><br />
a: Relay book binding (chae nami also chose tools)<br />
a-1) introduce what we're going to do; part one relay book binding
(10-15m)<br /><br />
Start from our title and unpack the (background) story of the workshop
idea. Let participants know that the workshop will recorded as
soundscape and ask if they're okay with it. <br />
a-2) Play around with tools (15m)<br />
Before get into the binding session, participants have 15 minutes to
play around with the prepared tools. They can touch and use a few of
them and will have the sense of materiality. Participants sit around a
table and each of them has a specific role. (e.g. Person A cuts
papers, person B punches holes, person C tapes, person D folds, etc).
Through the relayed tasks, they will make collaborative
publication(s). During the session, they will share their t
</p>
</div>
<div class="row row1">
<div class="ani"><img src="./habitat_process.jpeg" /></div>
<div class="text"><p>TADAAAA</p></div>
</div>
<div class="row row2">
<div class="ani"><img src="./draw.jpg" /></div>
<div class="text"><p>TADAAAA</p></div>
</div>
</div>
</body>
</html>