-
Notifications
You must be signed in to change notification settings - Fork 0
/
tech5.html
97 lines (80 loc) · 4.33 KB
/
tech5.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yuxin Yang | Air-Pillow Attire for Haphephobia</title>
<link rel="stylesheet" type="text/css" href="resources/css/style.css">
</head>
<body>
<!-- Sidebar -->
<nav class="sidebar">
<p class=h1><strong>Y</strong>UXIN <strong>Y</strong>ANG</p>
<button type="button" class="collapsible">Landscape and Urban Design</button>
<div class="content">
<ul><a href="project1.html" class=p--info>From Airport to HST Station: Bio Intermodality</a></ul>
<ul><a href="project2.html" class=p--info>Crosswind Data Center</a></ul>
<ul><a href="project3.html" class=p--info>Migration is Beautiful</a></ul>
<ul><a href="project4.html" class=p--info>Dredge Engine</a></ul>
</div>
<br>
<button type="button" class="collapsible">Technology</button>
<div class="content">
<ul><a href="tech1.html" class=p--info>IoT Shoreline: Wave, Weave</a></ul>
<ul><a href="tech2.html" class=p--info>CityScope Module: Kendall Life-Work Crescendo</a></ul>
<ul><a href="tech3.html" class=p--info>Remote Sensing Sanyang Wetland</a></ul>
<ul><a href="tech4.html" class=p--info>Adaptive Rocking Lattice Stool</a></ul>
<ul><a href="tech5.html" class=p--info>Air-Pillow Attire for Haphephobia</a></ul>
</div>
<p><a href="whim.html" class=p--info>Whim</a></p>
<p><a href="https://acrobat.adobe.com/link/review?uri=urn:aaid:scds:US:9fe94b1a-4977-328f-8e4d-f6c2b8c8d8b4" class=p--info>CV</a></p>
<p><a href="index.html" class=p--info>About</a></p>
<footer>
<p>Published on GitHub Page <br>© Yuxin Yang, Feb 2023</p>
</footer>
</nav>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
<!-- Page Content -->
<div style="margin-left:280px" class="a">
<p class=h2>Air-Pillow Attire for Haphephobia</p>
<br>
<p class=p--caption> <strong>Info</strong> Yuxin Yang, Harshika Bisht, 03-06/2022, Academy<br>
My contributions include design, electronics, and prototyping with the team<br>
<strong>Instructor</strong> Allen Sayegh, [email protected]<br>
Humbi Song, [email protected] <br>
<strong>Institution</strong> Harvard GSD<br></p>
<br>
<p class=p--info>Haphephobia is an intense, irrational fear of being touched. People with haphephobia
feel extreme distress over the thought of being touched. This anxiety can lead to
physical symptoms like nausea, vomiting, or panic attacks.</p>
<p class=p--info>So we propose a physical attire with a collapsible mechanism made of inflatable packing
filler material, aka air pillows. Using self-assembled parts and air pumps, we control
the collapsing and inflating properties based on a person’s biological and physiological
changes in reaction to a more crowded space.</p>
<br>
<!--Image Section-->
<div>
<img src="./resources/images/1_Page_23.jpg" width=960 alt=""><br>
<img src="./resources/images/1_Page_23_2.jpg" width=960 alt=""><br>
<video autoplay loop>
<source src ="" type="video/mp4">
</video>
</div>
</div>
</body>
</html>