newstart
commit
b74617621a
@ -0,0 +1,2 @@
|
|||||||
|
.DS_Store
|
||||||
|
|
||||||
@ -0,0 +1 @@
|
|||||||
|
ho, im making some changes
|
||||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 182 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
@ -0,0 +1,63 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 70%;
|
||||||
|
height: 100%;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
/* background-color: bisque; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.intro {
|
||||||
|
width: 50%;
|
||||||
|
background-color: aliceblue;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
width: 100%;
|
||||||
|
height: 10%;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 4%;
|
||||||
|
/* align-items: center; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.row img {
|
||||||
|
}
|
||||||
|
|
||||||
|
.ani {
|
||||||
|
width: 45%;
|
||||||
|
margin: 0 auto;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ani img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.text {
|
||||||
|
width: 25%;
|
||||||
|
/* background-color: yellow; */
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text p {
|
||||||
|
padding: 2% 4%;
|
||||||
|
}
|
||||||
@ -0,0 +1,53 @@
|
|||||||
|
<!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>
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue