<html>
<!-- replaceall roomname with designated title -->
<head><title>EX-CHANGE 2020 | Ramp</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Expanded:wght@400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../scripts/baseline.css">
<link rel="stylesheet" href="../scripts/simpleLightbox.min.css">
<script src="../scripts/simpleLightbox.min.js"></script>
<script src="../scripts/behavior.js"></script>
</head>
<!-- add any mouseover jpgs for image map between single quotes -->
<body
onLoad="MM_preloadImages('../images/ramp/ramp_arrowtorampentryhover.jpg','../images/ramp/ramp_arrowtomeanderbranchhover.jpg')">
<div id="topbar">
<div style="align-content: left;" >
<a href="../">
<img src="../images/a.png" id="logo" alt="EX-CHANGE" onMouseOver="MM_swapImage('logo','','../images/h.gif',1)" onMouseOut="MM_swapImgRestore()"></a></div>
<div align=right>
<p style="padding:.25em 1.5em 0 0;">
<a class="nav" href="../map.html">MAP</a><br>
<a class="nav" href="../info.html">INFO</a><br>
<a class="nav" href="../help.html">HELP</a></p></div>
</div><div>
<!-- replaceall TESTempty with page name sequence -->
<img src="../images/ramp/ramp.jpg" width="1600" height="900" usemap="#PERSPECTIVE" id="PERSPECTIVE" border="0">
<map name="PERSPECTIVE">
<area shape="poly" coords="1406,557,1406,823,1221,799,1221,733,917,725,917,563,934,557,934,411,1380,57,1380,357,1418,342,1417,556" href="#midview1" alt="Zoom to the first middle view" title="Zoom to the first middle view"/>
<area shape="poly" coords="859,722,804,720,804,715,746,712,747,569,859,487" href="#midview2" alt="Zoom to the second middle view" title="Zoom to the second middle view"/>
<area shape="poly" coords="317,66,442,393,442,764,317,812" href="#midview3" alt="Zoom to the third middle view" title="Zoom to the third middle view"/>
<area shape="poly" coords="1583,401,1585,476,1470,500,1470,438,1471,436" href="rampentry.html" alt="To Ramp entry" title="To Ramp entry" onMouseOver="MM_swapImage('PERSPECTIVE','','../images/ramp/ramp_arrowtorampentryhover.jpg',1)" onMouseOut="MM_swapImgRestore()"/>
<area shape="poly" coords="569,696,566,648,602,647,614,695" href="meanderbranch.html" alt="To Meander branch" title="To Meander branch" onMouseOver="MM_swapImage('PERSPECTIVE','','../images/ramp/ramp_arrowtomeanderbranchhover.jpg',1)" onMouseOut="MM_swapImgRestore()"/>
</map></div>
<div class="sticky"><a class="sticky"href="#PERSPECTIVE">⇧</a></div>
<div id="midview1" class="grid"><div class="midview1">
<!-- copy/paste lightbox content here, all jpg, png, gifs -->
<!-- Gallery Name: How does architecture shape bodies in motion? -->
<a href="../workimage/F1948100JT01.jpg" title="Jasper Townsend, Raccoon Colony, Colony. For 48100: Foundation I: Critical Cyborg, F19."><img src="../workimage/F1948100JT01.jpg" /></a>
<a href="../workimage/S2048357BN01.jpg" title="Binham Nguyen, Charcoal. For 48357: Anatomy and Organic Form, S20."><img src="../workimage/S2048357BN01.jpg" /></a>
<a href="../workimage/S2048357DN01.jpg" title="Daniel Noh, Charcoal. For 48357: Anatomy and Organic Form, S20."><img src="../workimage/S2048357DN01.jpg" /></a>
<a href="../workimage/F1948749JP01.png" title="Julita Przybylska, Documentation, Reconstruction, Emulation, Speculation. For 48749: Experimental Archaeology of CAD, F19."><img src="../workimage/F1948749JP01.png" /></a>
<a href="../workimage/F1948100CW09.png" title="Chloe Wang, Bat Colony, Colony. For 48100: Foundation I: Critical Cyborg, F19."><img src="../workimage/F1948100CW09.png" /></a>
<a href="../workimage/F1948100CL01.gif" title="Chloe Wang, Leon Chung, The Astro Belt, Cyborg. For 48100: Foundation I: Critical Cyborg, F19."><img src="../workimage/F1948100CL01.gif" /></a>
</div>
<!-- put images with links to full pdfs or external video viewing here -->
<a href="https://vimeo.com/showcase/7095730/video/415190041" target="_blank" title="Minghao Yang, The Three-Body Problem. For 48410: Migration, Medium, and Mirage, S20."><img src="../workimage/S2048410MY01.png" onmouseover="this.src='../workimage/S2048410MY01_hover.png'" onmouseout="this.src='../workimage/S2048410MY01.png'"/></a>
</div>
<div id="midview2" class="grid"><div class="midview2">
<a href="../workimage/F1948400XC02.jpg" title="Xin Chen, Sketch 1, JFK Airport, Terminal 4 Expansion, New York, NY. For 48400: Terminal Systems, F19."><img src="../workimage/F1948400XC02.jpg" /></a>
<a href="../workimage/F1948400XC03.jpg" title="Xin Chen, Sketch 2, JFK Airport, Terminal 4 Expansion, New York, NY. For 48400: Terminal Systems, F19."><img src="../workimage/F1948400XC03.jpg" /></a>
<a href="../workimage/F1948400XC04.jpg" title="Xin Chen, Sketch 3, JFK Airport, Terminal 4 Expansion, New York, NY. For 48400: Terminal Systems, F19."><img src="../workimage/F1948400XC04.jpg" /></a>
<a href="../workimage/F1948500RL01.jpg" title="Rachel Lu, Bouça Housing Complex. For 48500: Bouça Social Housing, F19."><img src="../workimage/F1948500RL01.jpg" /></a>
</div>
<a href="../workimage/F1948727KQ01.mp4" target="_blank" title="Kristen Lu, Qiao Zhang, Signature, Human-Machine Design. For 48727: Inquiry into Computational Design, F19."><img src="../workimage/F1948727KQ01.png" onmouseover="this.src='../workimage/F1948727KQ01_hover.png'" onmouseout="this.src='../workimage/F1948727KQ01.png'"/></a>
</div>
<div id="midview3" class="grid"><div class="midview3">
<a href="../workimage/S2048605ZZ01.jpg" title="Zhecui Zhang, Skin Diagrams, The Link. For 48640: MARCH Integration II, S20."><img src="../workimage/S2048605ZZ01.jpg" /></a>
<a href="../workimage/S2048605ZZ02.jpg" title="Zhecui Zhang, Skin Diagrams, The Link. For 48640: MARCH Integration II, S20."><img src="../workimage/S2048605ZZ02.jpg" /></a>
</div>
</div>
<script>
new SimpleLightbox({elements: '.midview1 a'});
new SimpleLightbox({elements: '.midview2 a'});
new SimpleLightbox({elements: '.midview3 a'});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../scripts/responsivemap.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
</body>
<footer>© 2020 Carnegie Mellon University School of Architecture | All Rights Reserved</footer>
</html>