<html> <!-- replaceall roomname with designated title --> <head><title>EX-CHANGE 2020 | Meander</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/meander/meander_nichesfrontalhover.jpg','../images/meander/meander_meanderbranchhover.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/meander/meander.jpg" width="1600" height="900" usemap="#PERSPECTIVE" id="PERSPECTIVE" border="0"> <map name="PERSPECTIVE"> <area shape="poly" coords="1600,0,1600,37,1531,107,1600,107,1600,137,1550,179,1447,179,1430,200,1185,201,1166,115,1166,114,1173,114,1173,111,1156,13,1383,13,1387,0" href="#midview1" alt="Zoom to the first middle view" title="Zoom to the first middle view"/> <area shape="poly" coords="695,0,1126,0,1156,149,856,149,779,78,634,77,614,61,449,61,327,1,512,1,530,15,711,16,703,7" href="#midview2" alt="Zoom to the second middle view" title="Zoom to the second middle view"/> <area shape="poly" coords="49,237,49,267,195,312,195,313,0,297,0,184,387,184,387,178,311,143,383,143,466,186,556,186,566,193,650,193,667,210,611,210,597,200,165,200,166,202,234,236,234,237" href="#midview3" alt="Zoom to the third middle view" title="Zoom to the third middle view"/> <area shape="poly" coords="1117,350,1116,387,1050,397,1051,355" href="nichesfrontal.html" alt="To Niches frontal" title="To Niches frontal" onMouseOver="MM_swapImage('PERSPECTIVE','','../images/meander/meander_arrowtonichesfrontalhover.jpg',1)" onMouseOut="MM_swapImgRestore()"> <area shape="poly" coords="208,502,214,566,183,572,163,572,145,572,131,572,131,571,122,571,122,570,116,570,116,569,111,569,111,568,107,568,107,567,103,567,103,566,97,565,97,564,95,542,94,542,94,531,93,531,93,521,91,503,141,506,159,506,180,505,180,504" href="meanderbranch.html" alt="To Meander branch" title="To Meander branch" onMouseOver="MM_swapImage('PERSPECTIVE','','../images/meander/meander_arrowtomeanderbranchhover.jpg',1)" onMouseOut="MM_swapImgRestore()"> <area shape="poly" coords="1600,429, 1600,547, 1600,664, 1600,782, 1600,900, 1467,900, 1333,900, 1200,900, 1067,900, 933,900, 800,900, 667,900, 533,900, 400,900, 267,900, 133,900, 0,900, 0,792, 0,683, 0,575, 0,466, 6,465, 47,463, 61,460, 65,502, 73,574, 75,587, 82,597, 104,609, 135,615, 165,617, 204,616, 248,615, 291,609, 361,599, 456,579, 575,545, 649,519, 708,494, 751,474, 786,458, 822,445, 890,430, 989,418, 1081,408, 1116,400, 1121,397, 1123,390, 1124,369, 1125,366, 1128,366, 1180,369, 1260,374, 1295,376, 1345,380, 1385,383, 1425,387, 1458,390, 1533,402, 1556,407, 1579,416, 1600,429" href="https://ctt.ac/0bfTE" target="_blank" onMouseOver="MM_swapImage('PERSPECTIVE','','../images/meander/meander_rollinghover.gif',1)" onMouseOut="MM_swapImgRestore()" alt="Share to Twitter" title="Share to Twitter"> </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 draw design through performance? --> <a href="../workimage/S2048205CX01.jpg" title="Claire Xu, Spring Garden Hostel. For 48205: Elaboration II: Urban Regenerator, S20."><img src="../workimage/S2048205CX01.jpg" /></a> <a href="../workimage/S2048205MP05.jpg" title="Meghan Pisarcik, Spring Garden Hostel. For 48205: Elaboration II: Urban Regenerator, S20."><img src="../workimage/S2048205MP05.jpg" /></a> <a href="../workimage/S20622750001.jpg" title="Students of Fundamentals of Computational Design, Final Project: Digital Models, Three Rivers Stadium. For 62275: Fundamentals of Computational Design, S20."><img src="../workimage/S20622750001.jpg" /></a> <a href="../workimage/S2062275AB01.gif" title="Aadya Bhartia, Sean Chen, Operable Roof, Three Rivers Stadium. For 62275: Fundamentals of Computational Design, S20."><img src="../workimage/S2062275AB01.gif" /></a> <a href="../workimage/S2062275MP01.gif" title="Meghan Pisarcik, Natalie Waldram, Operable Roof, Three Rivers Stadium. For 62275: Fundamentals of Computational Design, S20."><img src="../workimage/S2062275MP01.gif" /></a> <a href="../workimage/F1948100ST07.jpg" title="Shray Tipathi, Tina Guo, Sound Color Sound, Cyborg. For 48100: Foundation I: Critical Cyborg, F19."><img src="../workimage/F1948100ST07.jpg" /></a> </div> </div> <div id="midview2" class="grid"><div class="midview2"> <a href="../workimage/F1948300SS01.jpg" title="Shariq Shah, Extremities, Museum of Weather. For 48300: Environment, Form & Feedback, F19."><img src="../workimage/F1948300SS01.jpg" /></a> <a href="../workimage/S2062275GG02.gif" title="Ankitha Vasudev, Giulia Giampapa, Animation, Sound Cloud: Responsiveness. For 62275: Fundamentals of Computational Design, S20."><img src="../workimage/S2062275GG02.gif" /></a> <a href="../workimage/S2062275JG01.gif" title="Jason Garwood, Amyas Ryan, Operable Roof, Three Rivers Stadium. For 62275: Fundamentals of Computational Design, S20."><img src="../workimage/S2062275JG01.gif" /></a> </div> </div> <div id="midview3" class="grid"><div class="midview3"> <a href="../workimage/F1948100HS03.jpg" title="Howie Li, Sihan Wu, Cyborg. For 48100: Foundation I: Critical Cyborg, F19."><img src="../workimage/F1948100HS03.jpg" /></a> <a href="../workimage/S2048328ST01.jpg" title="Swetha Tulluri, MGM Arquitectos Study. For 48328: Detailing Architecture, S20."><img src="../workimage/S2048328ST01.jpg" /></a> <a href="../workimage/S2062275KP02.gif" title="Anjali Kanodia, Katia Peppas, Animation, Starburst: Responsiveness. For 62275: Fundamentals of Computational Design, S20."><img src="../workimage/S2062275KP02.gif" /></a> <a href="../workimage/S20MS01.jpg" title="Malini Srivastava, EFARGO Community Game for Homes, Purposeful Play: Serious, Pervasive Energy Games Bridge the Energy-Efficiency Gap. For DDes Dissertation, S20."><img src="../workimage/S20MS01.jpg" /></a> </div> <a href="../workimage/F1948100IR15.mp4" target="_blank" title="Isaiah Rogers, Beaver Colony, Colony. For 48100: Foundation I: Critical Cyborg, F19."><img src="../workimage/F1948100IR15.png" onmouseover="this.src='../workimage/F1948100IR15_hover.png'" onmouseout="this.src='../workimage/F1948100IR15.png'"/></a> </div> <script> new SimpleLightbox({elements: '.midview1 a'}); new SimpleLightbox({elements: '.midview2 a'}); new SimpleLightbox({elements: '.midview3 a'}); </script> <!-- for multiple middle views, duplicate last div and subset div immediately below, rename all midview2, midview3 etc. --> <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>