<html>
<!-- replaceall roomname with designated title -->
<head><title>EX-CHANGE 2020 | Cantilever</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/cantilever/cantilever_arrowtocantilevercloserhover.jpg','../images/cantilever/cantilever_arrowtowelldownstairshover.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/cantilever/cantilever.jpg" width="1600" height="900" usemap="#PERSPECTIVE" id="PERSPECTIVE" border="0">
<map name="PERSPECTIVE">
<area shape="poly" coords="1564,678,1563,756,1432,761,1434,692" href="welldownstairs.html" alt="To Well downstairs" title="To Well downstairs" onMouseOver="MM_swapImage('PERSPECTIVE','','../images/cantilever/cantilever_arrowtowelldownstairshover.jpg',1)" onMouseOut="MM_swapImgRestore()"/>
<area shape="poly" coords="968,679,968,770,928,771,928,686" href="cantilevercloser.html" alt="To Cantilever closer" title="To Cantilever closer" onMouseOver="MM_swapImage('PERSPECTIVE','','../images/cantilever/cantilever_arrowtocantilevercloserhover.jpg',1)" onMouseOut="MM_swapImgRestore()"/>
<area shape="poly" coords="0,0,1241,0,1241,1,1211,26,1129,93,1102,115,1093,121,1093,131,1091,177,1065,198,1002,246,964,271,948,268,897,259,813,244,742,231,742,281,717,308,717,363,774,371,789,372,862,383,920,391,811,462,811,481,919,493,961,498,959,498,898,528,713,510,713,492,711,492,698,502,658,499,614,495,540,488,540,452,539,452,519,481,511,481,198,451,198,475,197,489,130,485,112,485,75,482,46,434,21,389,2,359,2,245,0,183" href="#midview1" alt="Zoom to the first middle view" title="Zoom to the first middle view"/>
<area shape="poly" coords="1600,0,1600,442,1598,442,1580,447,1533,460,1371,506,1324,519,1309,523,1308,530,1279,538,1220,554,1200,552,1157,548,1135,547,1020,533,949,526,923,523,925,523,941,516,969,502,987,495,987,484,938,478,876,471,832,466,831,456,856,440,916,403,941,379,732,349,732,319,744,306,778,272,797,255,832,261,936,280,965,285,978,286,1010,262,1079,210,1108,188,1118,182,1118,127,1163,92,1244,31,1275,7,1282,0" href="#midview2" alt="Zoom to the second middle view" title="Zoom to the second middle view"/>
<area shape="poly" coords="207,458,261,463,305,467,327,468,395,475,395,476,392,482,682,508,682,509,678,514,688,514,723,517,781,523,793,523,851,528,897,532,932,535,1048,546,1060,546,1118,552,1151,555,1129,561,1128,582,1127,582,1127,583,1080,595,1065,594,1025,591,1025,596,1024,596,1024,597,962,615,922,613,922,618,920,618,883,633,854,642,829,641,760,638,760,627,758,627,738,636,716,635,662,632,640,631,640,624,624,631,521,626,521,612,520,612,493,632,458,630,391,626,391,601,383,600,376,616,248,610,246,590,187,589,167,526,138,525,125,494,132,494,148,495,207,499" href="#midview3" alt="Zoom to the third middle view" title="Zoom to the third middle view"/>
</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 fight increasing resource inequity? (extend question toward social justice?) -->
<a href="../workimage/S2048250AH02.jpg" title="Adam He, Urbanism. For 48250: Case Studies in Architecture and Cities, S20."><img src="../workimage/S2048250AH02.jpg" /></a>
<a href="../workimage/S2048410CE02.jpg" title="Christoph Eckrich, The Institute of People's Art and Action. For 48410: Hardcorist Lectores, S20."><img src="../workimage/S2048410CE02.jpg" /></a>
<a href="../workimage/S2048410CE01.jpg" title="Christoph Eckrich, Axonometric, The Institute of People's Art and Action. For 48410: Hardcorist Lectores, S20."><img src="../workimage/S2048410CE01.jpg" /></a>
<a href="../workimage/F1948500ZC02.jpg" title="Zhi Tao Chen, Perspective, Bouça Housing Complex. For 48500: Bouça Social Housing, F19."><img src="../workimage/F1948500ZC02.jpg" /></a>
<a href="../workimage/F19485000001.jpg" title="Students of Bouça Social Housing, Student Schemes, Bouça Housing Complex. For 48500: Bouça Social Housing, F19."><img src="../workimage/F19485000001.jpg" /></a>
<a href="../workimage/F1948500GJ01.jpg" title="Gil Jang, Bouça Housing Complex. For 48500: Bouça Social Housing, F19."><img src="../workimage/F1948500GJ01.jpg" /></a>
<a href="../workimage/F1948500AW02.jpg" title="Alexander Wang, Site Section Housing Blocks, Appropriated Spaces. For 48500: Bouça Social Housing, F19."><img src="../workimage/F1948500AW02.jpg" /></a>
<a href="../workimage/F1948400CA04.jpg" title="Cotey Anderegg, Render, JFK Airport, Terminal 4 Expansion, New York, NY. For 48400: Terminal Systems, F19."><img src="../workimage/F1948400CA04.jpg" /></a>
<a href="../workimage/S2048605SD02.jpg" title="Sharleen Devjani, Structure plan, The Arboretum. For 48640: MARCH Integration II, S20."><img src="../workimage/S2048605SD02.jpg" /></a>
<a href="../workimage/S2048305MR02.jpg" title="Mohammed Rahman, Section Perspective, Environmental Learning Center. For 48305: Integration II, S20."><img src="../workimage/S2048305MR02.jpg" /></a>
</div>
<!-- put images with links to full pdfs or external video viewing here -->
<a href="../workimage/F1948400SD01.pdf" target="_blank" title="studio DENSE (Ever Clinton, Benita Nartey, Swetha Tulluri, Kwins Minghao Yang), Technical Drawings, Kaleidoscope. For 48400: Future Tense, Future Dense, F19."><img src="../workimage/F1948400SD01.png" onmouseover="this.src='../workimage/F1948400SD01_hover.png'" onmouseout="this.src='../workimage/F1948400SD01.png'"/></a>
<a href="../workimage/F1948400SS01.pdf" target="_blank" title="Studio STAY (Shirley Chen, Tanvi Harkare, Jacky Yinjie Tian, Alvin Wong), Arcadia, Campfire. For 48400: Future Tense, Future Dense, F19."><img src="../workimage/F1948400SS01.png" onmouseover="this.src='../workimage/F1948400SS01_hover.png'" onmouseout="this.src='../workimage/F1948400SS01.png'"/></a>
</div>
<div id="midview2" class="grid"><div class="midview2">
<a href="../workimage/F1948400LK01.jpg" title="Leah Kendrick, Untitled. For 48400: Future Fictions, F19."><img src="../workimage/F1948400LK01.jpg" /></a>
<a href="../workimage/S2048250SL01.jpg" title="Shanice Lam, City as Social Contract, Urbanism. For 48250: Case Studies in Architecture and Cities, S20."><img src="../workimage/S2048250SL01.jpg" /></a>
<a href="../workimage/F1948300CZ01.jpg" title="Clara Zhao, Project Board, Museum of Weather. For 48300: Environment, Form & Feedback, F19."><img src="../workimage/F1948300CZ01.jpg" /></a>
</div>
<a href="https://thesis.soa.cmu.edu/Alex-Lin-Ali-Katz" target="_blank" title="Alex Lin, Ali Katz, RE_VISION: A Resource for Community Organizers + Housing Advocates. For 48519: B.Arch. Thesis, S20."><img src="../workimage/S2048519AL01.png" onmouseover="this.src='../workimage/S2048519AL01_hover.png'" onmouseout="this.src='../workimage/S2048519AL01.png'"/></a>
<a href="../workimage/S2048708YH01.pdf" target="_blank" title="Yilun Hong, Adapting aging Danwei housing compounds, Shanghai Metabolism. For 48708: MUD Thesis, S20."><img src="../workimage/S2048708YH01.png" onmouseover="this.src='../workimage/S2048708YH01_hover.png'" onmouseout="this.src='../workimage/S2048708YH01.png'"/></a>
</div>
<div id="midview3" class="grid"><div class="midview3">
<a href="../workimage/F1948300VH01.jpg" title="Veronica Hernandez, Project Board, Museum of Weather. For 48300: Environment, Form & Feedback, F19."><img src="../workimage/F1948300VH01.jpg" /></a>
<a href="../workimage/F19485000002.jpg" title="Students of Bouça Social Housing, Student Schemes, Bouça Housing Complex. For 48500: Bouça Social Housing, F19."><img src="../workimage/F19485000002.jpg" /></a>
<a href="../workimage/F1948500HL01.jpg" title="Hugh Keon Ho Lee, Bouça Housing Complex. For 48500: Bouça Social Housing, F19."><img src="../workimage/F1948500HL01.jpg" /></a>
<a href="../workimage/S2048205CX02.jpg" title="Claire Xu, Spring Garden Hostel. For 48205: Elaboration II: Urban Regenerator, S20."><img src="../workimage/S2048205CX02.jpg" /></a>
<a href="../workimage/S2048538JC01.png" title="Joon Young Choi, Mediations. For 48538: Aesthetics and Multiple Mediums, S20."><img src="../workimage/S2048538JC01.png" /></a>
<a href="../workimage/F1948500AW01.jpg" title="Alexander Wang, Eye-Level Perspective Sketch, Appropriated Spaces. For 48500: Bouça Social Housing, F19."><img src="../workimage/F1948500AW01.jpg" /></a>
<a href="../workimage/S2048706XZ01.jpg" title="Xiaoran Zhang, Future Scenario, Advanced Manufacture: Future of Neville. For 48706: MUD Urban Systems Studio, S20."><img src="../workimage/S2048706XZ01.jpg" /></a>
</div>
<a href="../workimage/F1948725MB01.pdf" target="_blank" title="Muhamed Bicic, Carlos Cabre, Yilun Hong, Project Proposal, Uptown Crossing. For 48725: Real Estate Design and Development, F19."><img src="../workimage/F1948725MB01.png" onmouseover="this.src='../workimage/F1948725MB01_hover.png'" onmouseout="this.src='../workimage/F1948725MB01.png'"/></a>
<a href="../workimage/F1948400SD02.pdf" target="_blank" title="studio DENSE (Ever Clinton, Benita Nartey, Swetha Tulluri, Kwins Minghao Yang), Digital Presentation, Kaleidoscope. For 48400: Future Tense, Future Dense, F19."><img src="../workimage/F1948400SD02.png" onmouseover="this.src='../workimage/F1948400SD02_hover.png'" onmouseout="this.src='../workimage/F1948400SD02.png'"/></a>
<a href="../workimage/F1948400SV01.pdf" target="_blank" title="Studio VLOZ (Longney Luk, Isabella Ouyang, Chitika Vasudeva, Curran Zhang), Technical Drawings, Duplexcity. For 48400: Future Tense, Future Dense, F19."><img src="../workimage/F1948400SV01.png" onmouseover="this.src='../workimage/F1948400SV01_hover.png'" onmouseout="this.src='../workimage/F1948400SV01.png'"/></a>
<a href="../workimage/F1948400SV02.pdf" target="_blank" title="Studio VLOZ (Longney Luk, Isabella Ouyang, Chitika Vasudeva, Curran Zhang), Digital Presentation, Duplexcity. For 48400: Future Tense, Future Dense, F19."><img src="../workimage/F1948400SV02.png" onmouseover="this.src='../workimage/F1948400SV02_hover.png'" onmouseout="this.src='../workimage/F1948400SV02.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>