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.

147 lines
5.6 KiB
HTML

2 years ago
<!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
2 years ago
rel="stylesheet"
media="only screen and (min-device-width : 1190px) and (max-device-width : 1440px)"
href="./laptop_s.css"
/>
2 years ago
</head>
<body>
<div class="container">
<h1>chatty, messy, sticky, <span id="tsss">tsss</span>...</h1>
2 years ago
<!-- <div class="ani"><img src="./draw.jpg" /></div> -->
<h4>In Habitat (Tredozio, IT)<br />Behind scenes and process</h4>
2 years ago
<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="cartoon">
<div class="row row1">
<div class="ani"><img src="./img/question.jpg" /></div>
<div class="text">
<p>
One munday evening, we were talking about random topics then ended
up asking <i>what publishing really is</i>?
</p>
</div>
</div>
<div class="row row2">
<div class="ani"><img src="./img/cliche2.png" /></div>
<div class="text">
<p>
If we think of the word <i>publishing</i>, we're prone to be stuck
with an idea of working on some documents in Adobe applications,
then print, then glue.
</p>
</div>
</div>
<div class="row row3">
<!-- <div class="ani"></div> -->
<div class="text">
<p>BUT it could be more than this..</p>
<p>The forms of actions should be various...</p>
<p>All-together!</p>
</div>
</div>
<div class="row row4">
<div class="ani"><img src="./img/pancake1.png" /></div>
<div class="text">
<p>
Hmmm indeed...we tend to 'bind' in the end of the book making.<br />One
publication is born when every single different page gets glued
together. <span id="question">Oh wait, glue?</span>
</p>
</div>
</div>
<div class="row row5">
<div class="ani">
<img src="./img/pancake2.jpg" id="illu" />
<img src="./img/buchimgae_l.png" id="photo" />
</div>
<div class="text">
<p>
Can <span id="Buchimgae">Buchimgae</span
><span id="Buchimgaepic">
<img src="./img/buchimgae_s.png" /></span
><span id="expl">Buchimage is Korean pancake.</span> be a
publication, involving with the glue? When making the pancake, all
the different ingredients gets mingled and binded through the
batter!
</p>
</div>
</div>
2 years ago
<div class="row row6">
<div class="ani"><img src="./img/sharing.jpg" /></div>
<div class="text">
<p>
Also in Korea, we share Buchimgae together! We don't usually have
one pancake per person. We tear the hot pancake together,using
chopsticks..! That's the unique beauty of Buchimgae.
</p>
</div>
</div>
<div class="row row7">
<div class="ani"><img src="./img/habitat_process.jpg" /></div>
<div class="text">
<p>
What if we create a moment of collective book binding?<br />We
could also host a small Buchimgae cooking session! In Korea we
actually say Buchimage one/two/three/.. page when counting the
number of it. Just like a book..! This could be another format of
the (book) binding.
</p>
</div>
</div>
</div>
<div class="row row8">
<div class="ani"><img src="./img/relay.png" /></div>
<div class="text">
<p>
Aha, everyone makes their own pages.<br />
Then bind them in a relay format?!
</p>
</div>
</div>
<div class="row row8">
<div class="ani"><img src="./img/italian.png" /></div>
<div class="text">
<p>
Maybe it would have been nicer if we have the participants to sit in
mixed composition.
</p>
<p>
Some participants were already close eacch other and mainly spoke in
Italian in their own group.
</p>
</div>
2 years ago
</div>
</div>
<script src="./app.js"></script>
2 years ago
</body>
</html>