1<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com --> 2<!-- Last Published: Sat Mar 05 2022 00:37:57 GMT+0000 (Coordinated Universal Time) --> 3<html data-wf-page="621d34448e80b01e27bac711" data-wf-site="621d34448e80b030d2bac712"> 4<head> 5 <meta charset="utf-8"> 6<!-- This site is hosted on Netlify. Anyone can build and deploy a site 7 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=eedb153c-a114-489f-888e-34e49d8d3822 8 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 9 <title>FF-METAVERSE TEMPLATE</title> 10 <meta content="width=device-width, initial-scale=1" name="viewport"> 11 <meta content="Webflow" name="generator"> 12 <link href="css/normalize.css" rel="stylesheet" type="text/css"> 13 <link href="css/webflow.css" rel="stylesheet" type="text/css"> 14 <link href="css/ff-metaverse-template.webflow.css" rel="stylesheet" type="text/css"> 15 <!-- [if lt IE 9]>
15<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
15<![endif] --> 16
16<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
16 17 <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"> 18 <link href="images/webclip.png" rel="apple-touch-icon"> 19</head> 20<body> 21 <div id="ff-metaverse" class="ff-metaverse"> 22 <div id="html-embed" class="html-embed w-embed w-iframe"><iframe width="100%" height="100%" frameborder="0" src="orbital.html"></iframe></div> 23 <div id="preloader_div" class="preloader_div"> 24 <div id="preloader_grey" class="preloader_grey w-clearfix"> 25 <div id="progressbar" class="progressbar"></div> 26 <div id="preloader_empty" class="preloader_empty"></div> 27 </div> 28 </div> 29 <div id="ff-logo" data-w-id="90f5e18f-e233-e439-cb22-f40b61bbee1e" class="ff-logo"> 30 <a id="website" href="https://www.futureforms.us/" target="_blank" class="website w-button"></a> 31 </div> 32 <div id="ui" class="ui"> 33 <div id="menu" class="menu"> 34 <div id="menu-icons" class="menu-icons"></div> 35 <div id="menu-text" class="menu-text">           ORBIT                         PAN                           ZOOM</div> 36 </div> 37 <div id="view-buttons" class="view-buttons"> 38 <div id="view-1" data-w-id="f718dee7-f748-5864-4089-8204578c05a1" class="view-1"> 39 <div id="view-text" class="view-text">VIEW 1</div> 40 </div> 41 <div id="view-2" data-w-id="cf2201fe-d2b7-cd0c-4061-59d092a6f0dc" class="view-2"> 42 <div id="view-text" class="view-text">VIEW 2</div> 43 </div> 44 <div id="view-3" data-w-id="344910c2-e0db-b0fa-8803-44a841e87baa" class="view-3"> 45 <div id="view-text" class="view-text">VIEW 3</div> 46 </div> 47 </div> 48 </div> 49 <div id="ui-toggle" data-w-id="06ccb438-f5f3-77ed-97c0-3e63a68308be" class="ui-toggle"> 50 <div id="show-ui" class="show-ui">SHOW UI</div> 51 <div id="hide-ui" class="hide-ui">HIDE UI</div> 52 </div> 53 <div id="daytime-toggle" class="daytime-toggle"> 54 <div id="day" data-w-id="4952ca1d-7c64-e89a-17dd-71b35247423b" class="day"></div> 55 <div id="night" data-w-id="bdf1cc6a-1a15-2608-2c3f-01721540da99" class="night"></div> 56 </div> 57 </div> 58 <div id="descr_div" class="descr_div"> 59 <div id="whitewindow" class="whitewindow"> 60 <div id="descr" class="rich-text-block w-richtext"> 61 <h2>ORBITAL</h2> 62 <h4>HOW DO WE EXPRESS OPTIMISM ABOUT THE FUTURE, WHILE ALSO REPRESENTING DIVERSITY, EQUITY AND INCLUSION IN THE PUBLIC REALM? </h4> 63 <h5>Orbital is a contemporary garden folly, exploring geometric and material exuberance. It evokes organic forms found in nature, but also giant robots and futuristic space vehicles. The structure is composed of three coiled legs that spiral towards the sky. The exterior surface is defined by stainless steel origami skins, while the interior space is wrapped by a vortex of colorful tactile shingles. Orbitalâs dynamic form evokes an era of rapid change and uncertainty, while also inspiring curiosity and playful interaction.</h5> 64 <h5><strong>Opening Date:</strong> December 2021 <br><strong>Location:</strong> Mission Bay, San Francisco, CA (Pierpoint Lane and Bridgeview Way - <a href="https://goo.gl/maps/ZGxkCaDiSgaJR1c16">Map</a>)<br><strong>Lead Artists:</strong> Jason Kelly Johnson & Nataly Gattegno (Futureforms)<br><strong>Artist Team:</strong> Jason Kelly Johnson, Nataly Gattegno with Carlos Sabogal, Brian McKinney, Clayton Williams, Natalie Abbott, Chris Leo, Valerie Tse; assisted by Lee Marom, Ki Schmidt, Sam Higgwe  |  <strong>Structural Engineer:</strong> Arup (Nick Sherrow-Groves, Lead)  |  <strong>Fabrication Team: </strong>Futureforms (San Francisco, CA), Olson Steel (San Leandro, CA), Seaport Stainless (Richmond, CA), Standard Sheet Metal;
64 Skin installers: Pacific Erectors, Sheedy Crane Co.; Aluminum shingles: <a href="https://www.nealfeay.com/">Neal Feay</a> (Santa Barbara) Â | Â <strong>Art Consultant: </strong>Dorka Keehn</h5> 65 <p><strong>Select Photography:</strong> 66 <a href="https://www.matthewmillman.com/">Matthew Millman</a> 67 </p> 68 <p><strong>Hashtag:</strong> #orbitalSF</p> 69 <p><strong>Recent Media:</strong> âUber delivers best new public spaceâ SF Chronicle Cover 5/4/21 [<a href="https://www.futureforms.us/s/Orbital_Best-New-Public-Space-_-SF-Chronicle_2021_05_04.pdf" target="_blank">PDF Link</a>]</p> 70 <figure style="max-width:1200px" class="w-richtext-align-fullwidth w-richtext-figure-type-image"> 71 <div><img src="images/MAINIMAGEFF_Orbital_10_3710.jpg" loading="lazy" alt=""></div> 72 </figure> 73 </div> 74 </div> 75 </div> 76 <div id="descr-open" data-w-id="73827566-7a84-4f97-2b17-ecd77a2b7a2f" class="descr-open"></div> 77 <div id="descr-close" data-w-id="8ee88fc0-e6ae-a343-dad4-fd15e74a56cb" class="descr-close"></div> 78
78<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=621d34448e80b030d2bac712" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
78 79
79<script src="js/webflow.js" type="text/javascript"></script>
79 80 <!-- [if lte IE 9]>
80<script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
80<![endif] --> 81</body> 82</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.