HOST archive

Loading…

<<nobr>> <style> body { background-color: #cfddb0; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div class="wall"> <div class="art"> <img src="images/Maggie-1.png" alt="An image of a painting displayed on a green wall. The painting is a picture of a tan nude woman with short dark hair standing in front of a pink backdrop. She is holding a greyhound dog in her arms, which covers her chest. A second greyhound stands on its hind legs in front of her, center frame, obscuring her right leg. The picture ends at the women's knees, or the standing dog's torso. The woman and dogs were painted with the same range of colours, making it appear as though the three of them are made up of the same flesh."> </div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">Here, we have a piece by Maggie Higgins. [[> Look closer|Maggie-Closer]] [[> Read about the work |Maggie-Text]] [[> Learn about the artist |Maggie-bio]] [[> Look deeper|Maggie-Deeper]] To continue, turn all the way to the right. The next works are on the far wall, also green, opposite where you first entered the space. [[I'm ready!|Maggie-to-Winnie]] </div> </div> </div> <<fadein 1s>><div class="locationpin"><a data-passage="fp-maggie" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #cfddb0; overflow: hidden; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div id="draggable" class="resizable"><div class="artist-text"> <p><p class="awesome">Maggie Higgins</p> is a carer of more-than-human worlds. She studies the world beyond her own biology, making space for kinship with animals——turning to other species for teachings, meaning, and insight. Higgins is a dedicated listener with a graceful ability to transmute her thoughts into visually eloquent narratives rooted in allegory. Operating skillfully within the chassis of painting and drawing, animals are often present and rendered with sensitivity in her works. Her relationship with Goose, a retired greyhound with whom she shares a home, is an account of kindred reciprocity. Versions of Goose feature often in Higgins’ work and, by the credit of the artist, an alliance of mutual deliverance has developed in the steady reliance their relationship yields. The lines of who-needs-who-most are beautifully blurred. In her work, <i>Feral I</i>, Higgins unsettles the familiar dynamic of owner and pet. Her work considers and dismisses the historical and cultural implications of domesticity for both dog and woman. Instead, Higgins offers an alternative where both species refute expectations, forging a new shared context of unbelonging to the domestic, and belonging with one another. </p> <div class="tooltip" style="text-align: center;">[[Close |Maggie]]</div> </div></div> <div class="wall"> <div class="art"> <img src="images/Maggie-1.png" alt="An image of a painting displayed on a green wall. The painting is a picture of a tan nude woman with short dark hair standing in front of a pink backdrop. She is holding a greyhound dog in her arms, which covers her chest. A second greyhound stands on its hind legs in front of her, center frame, obscuring her right leg. The picture ends at the women's knees, or the standing dog's torso. The woman and dogs were painted with the same range of colours, making it appear as though the three of them are made up of the same flesh."></div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Maggie-Closer]] [[> Learn about the artist |Maggie-bio]] [[> Look deeper|Maggie-Deeper]] [[> Go back|Maggie]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-color: #cfddb0; overflow: hidden; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div id="draggable" class="resizable"><div class="artist-text"> <p><p class="awesome">Maggie Higgins</p> is a multimedia artist, educator and mother based in Saint John, New Brunswick, which sits on the unceded territory of the Wolastoqiyik (Maliseet) and Mi’kmaq Peoples. Her work engages in the discussion of animal/human relationships and interactions, particularly the ways in which humans categorize and utilize animal species. Higgins holds a BFA from Mount Allison University (2014) and a BEd from the University of New Brunswick (2016). She has been honored with such recognitions as the Fred Ross Scholarship, Saint John Professional Visual Artist Fund Award, and The Originals Emerging Artist Award. Currently, Higgins works as a Foundation Visual Arts Instructor with the New Brunswick College of Craft & Design.</p> <p></p> http://maggiehiggins.com/ <p></p> <div class="tooltip" style="text-align: center;">[[Close |Maggie]]</div> </div></div> <div class="wall"> <div class="art"> <img src="images/Maggie-1.png" alt="An image of a painting displayed on a green wall. The painting is a picture of a tan nude woman with short dark hair standing in front of a pink backdrop. She is holding a greyhound dog in her arms, which covers her chest. A second greyhound stands on its hind legs in front of her, center frame, obscuring her right leg. The picture ends at the women's knees, or the standing dog's torso. The woman and dogs were painted with the same range of colours, making it appear as though the three of them are made up of the same flesh."></div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Maggie-Closer]] [[> Read about the work |Maggie-Text]] [[> Look deeper|Maggie-Deeper]] [[> Go back|Maggie]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/enterance-3.gif); background-repeat: no-repeat; background-size: cover; background-position: left top; background-color: #94999f; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="intro" style="position:absolute!important"> <div id="bg-fade-away"><div class="bg-tracking-in-expand-2"> <div class="intro-wall-table"> <div class="title-text"> <div class="tracking-in-expand"> <center><h1>COLLECTIVE CARE:</h1><h2>Dismantling hierarchy in human communities</h2></center></div><div id="delay-fade-in"><h3>In its many functions, the word <p class="awesome">HOST</p> is indicative of an instance of bodies or components coming together. In the work of <p class="awesome">Lou Sheppard</p>, <p class="awesome">rudi aker</p>, and <p class="awesome">respectfulchild,</p> possibilities of new forms of congregation emerge to cultivate emancipatory togetherness.</h3></div> </div> </div> </div> </div> </div> <</nobr>> <div id="controlbox"> <div class="control-mini-right"> <div class="control-text-mini-right"> [[Keep going|Lou-corner]] </div> </div> </div> <span role="img" aria-label="You are enveloped in the magical fog. Words written in big letters appear before you. The letters in the artist's names change colours."></span>

<<nobr>> <style> body { background: #ffdbc5; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="spacer" style="height: 65px;"></div> <div id="exhibition"> <div class="wall"> <div class="art"> <img src="images/Lou-wall.png" alt="Five artworks by Lou Sheppard hang in a row on a pink wall."> </div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">Here, we have a new series of work by Lou Sheppard. [[> Look closer|Lou-Closer]] [[> Read about the work|Lou-Text]] [[> Learn about the artist|Lou-bio]] <<if not hasVisited("Lou-Deeper-Introduction")>>[[> Look deeper|Lou-Deeper-Introduction]]<</if>><<if hasVisited("Lou-Deeper-Introduction")>>[[> Look deeper|Lou-Deeper]]<</if>> To view the next piece in the exhibition, [[turn to your right.|Rudi-1]] </div> </div> </div> <<fadein 1s>><div class="locationpin"><a data-passage="fp-lou" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color:#ffdbc5; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition-deeper"> <div class="art-puff"> <div class="wall"> <img src="images/Lou-wall.png"> </div> </div> <div class="puff-out-hor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="intro-control"> <div class="intro-control-text"> Since this is a virtual gallery space, we can travel to places beyond the gallery by <p class="awesome">Looking Deeper</p> [[> Woah, okay. Let's look deeper...|Lou-Deeper]] [[> Go back|Lou-1]] </div> </div> </div>

<<nobr>> <style> body { background-color: #ffffff; } .rudi-wall { background-image: url(images/lou-to-rudi.png); background-position: top center; background-repeat: no-repeat; background-size: cover; position: fixed; bottom: 0px; height: 100%; width: 100%; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); } </style> <video autoplay muted loop playsinline id="rudi-video"> <source src="video/rudi-clipl.mp4" type="video/mp4"> </video> <div id="exhibition"> <div class="rudi-wall"></div> </div> <</nobr>> <div id="controlbox"> <div class="control-mini-right"> <div class="control-text-mini-right"> [[Continue|Rudi-2]] </div> </div> </div> <span role="img" aria-label="The end of the pink wall featuring Lou Sheppard’s artwork is on your left. Ahead, a white wall with light green trim shows a rectangular video screen playing a video of hands working with multicolored beads. The hands are using the beads to create something."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-rudi" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>><style> body { background-color: #ffffff; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <video autoplay muted loop playsinline id="rudi-video"> <source src="video/rudi-clipw.mp4" type="video/mp4"> </video> <div id="exhibition"><div id="draggable" class="resizable"><div class="artist-text"> <p class="awesome">rudi aker</p>’s intricate beadwork topographies, with accompanying text and videos, chart the experience of inhabiting space while also establishing placehood. Their new work <i>topographies of a homeplace: in care of</i> forges connection in spite of geographic barriers underscored by current restrictions in mobility due to the pandemic. Aker, originally from St. Mary’s First Nation in Sitansisk (Fredericton, NB) is currently based on Tiohtià:ke/Mooniyaang (Montreal, QC), and the first iteration of this new work is centred on a location that holds little personal meaning for aker: Menagoesg/Menahqesk (Saint John, NB). Distance requires aker to form a kinship of co-creation that will allow them to experience the placehood of Menagoesg/Menahqesk, from afar. Aker works closely with co-creator, Emily Saab, who is on the ground in Menagoesg/Menahqesk. Aker understands this place only through Saab’s guidance, connecting deeply enough to configure a “visioning of the journey”<sup>6</sup>. In this sense, both aker and their co-creator embody a shared sympoiesis——guest, host, and place in a reciprocal state of becoming together. Learning the experience of their co-creator, aker translates an unknown placehood into a beaded topography. In an act dedicated to breaking barriers that are geographic, cultural, and inter-personal, aker builds kinship through a trust in reciprocal hospitality. <p></p> <sup>6 aker, rudi. topographies of a homeplace: in care of, project description</sup> <p></p> <div class="tooltip" style="text-align: center;">[[Close |Rudi-2]]</div> </div></div> <div class="rudi-floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Rudi-Closer]] [[> Learn about the artist |Rudi-Bio]] [[> Look deeper|Rudi-Deeper]] [[> Go back|Rudi-2]] </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/nuture-interlude.gif); background-size: cover; background-repeat: no repeat; background-color: #94999f; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="intro" style="position:absolute!important"><div id="bg-fade-away"><div class="bg-tracking-in-expand-2"><div class="intro-wall-table"> <div class="title-text"><div class="tracking-in-expand"> <center><h1>SYMBIOSIS:</h1><h2>Kinship in more-than-human worlds</h2></center></div><div id="delay-fade-in"><h3>Displays of kinship and reciprocity in more-than-human worlds flourish in the intimate works of <p class="awesome">Maggie Higgins</p> and <p class="awesome">Winnie Truong.</p></h3></div> </div> </div> </div> </div> </div> <</nobr>> <div id="controlbox"> <div class="control-mini-right"> <div class="control-text-mini-right"> [[Continue|Maggie]] </div> </div> </div> <span role="img" aria-label="A living mural made up of vivid colours painted against a green wall. Stripes of pink, indigo, blue and yellow undulate against the green. In the foreground, drawings of spirals, shapes and lines display a shimmering rainbow colour."></span>

<<nobr>> <style> body { background-color: #cfddb0; } .floor { background-color: #0f0f1b;} .wall { background-image: url(images/rc-bg.png); background-position: bottom center; background-repeat: no-repeat; background-size: cover; position: fixed; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <<audio ":all" stop>> <div id="exhibition"> <div class="wall"> <div class="art-rc"><img src="images/rc-1.png" alt="You are standing in front of a light grey wall painted with a large green wave. A large interactive panel is mounted to the center of the wall with a pair of black headphones, to its right. At the top of the panel, it reads; Host Family Potluck, the title of a written piece by respectfulchild. The subsequent paragraphs are too far away to read clearly."></div> </div> <div class="floor"> </div> </div><</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">This work is by respectfulchild. To fully appreciate it, you’ll want to grab the headphones and [[look closer.|RC-Closer]] Or, [[> Read about this work|RC-text]] [[> Learn about the artist |RC-bio]] [[> Look deeper|RC-Deeper]] When you're ready, let’s continue along the green wall. Does that sound ok? [[> Sure!|Interlude-1]] </div> </div> </div> <<fadein 1s>><div class="locationpin"><a data-passage="fp-rc" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #cfddb0; } .wall{ background-image: url(images/rc-bg.png); background-position: bottom center; background-repeat: no-repeat; background-size: cover; position: relative; } .floor { background-color: #0f0f1b;} <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=VT323&display=swap" rel="stylesheet"> @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div id="draggable" class="resizable"><div class="artist-text"> <p> <p class="awesome">respectfulchild</p> is an artist born, raised, and living as an uninvited guest on Treaty 6 Territory. Working in sound, performance, and interdisciplinary collaboration, their work explores the quiet tensions and chaotic beauty of being a queer Chinese settler on the prairies, ranging from spontaneous improvisation to meticulous composition.</p> https://respectfulchild.com <p></p> <div class="tooltip" style="text-align: center;">[[Close |RC-1]]</div> </div></div> <div class="wall"> <div class="art-rc"><img src="images/rc-1.png" alt="You are standing in front of a light grey wall painted with a large green wave. A large interactive panel is mounted to the center of the wall with a pair of black headphones, to its right. At the top of the panel, it reads; Host Family Potluck, the title of a written piece by respectfulchild. The subsequent paragraphs are too far away to read clearly."></div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|RC-Closer]] [[> Read about this work|RC-text]] [[> Look deeper|RC-Deeper]] [[> Go back|RC-1]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-color: #cfddb0; overflow: hidden; } .floor { background-color: #0f0f1b;} <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=VT323&display=swap" rel="stylesheet"> @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div id="draggable" class="resizable"><div class="artist-text"> <p> The queer ecology of <p class="awesome">Winnie Truong</p>’s peculiar ecosystems speak of the elaborate connectivity of the living world. Working within an expanded drawing practice, her intricate paper-cuttings, animation, and coloured pencil drawings present, at times, voyeuristic glimpses into complex relationships. Strange hybridized characters emerge, part flora part fauna, interconnected and attached. Her works prompt questions about where one body ends and another begins, reminding us that we are all inextricably linked and reliant on one another. <i>In Pests for Guests</i>, for example, one central figure appears to be handling a marshy frond, only to have the fronds surrounding it take the shape of hands reaching out to caress the figure in return. Truong has created a visual iconography of interconnectivity that is also reflected in her titles, such as <i>Passenger, Visitor, Feeder</i> among others. Through imagery and language she reminds us that the relations of interdependency between lifeforms are fluid and complex. A host in one scenario becomes a parasite in another. Truong’s work is a call to acknowledge the underrepresented reciprocity in human and more-than-human relations, and to embrace the queer ecologies where we find kin. </p> <div class="tooltip" style="text-align: center;">[[Close |Winnie]]</div> </div></div> <div class="wall"> <div class="art"> <img src="images/Winnie-wall-small.png"> </div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Winnie-Closer]] [[> Learn about the artist |Winnie-bio]] [[> Look deeper|Winnie-Deeper]] [[> Go back|Winnie]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-color: #000;} #seamus-video { position: fixed; right: 0; top: 0; height: 100%; width: 100%; object-fit: fill!important; } .seamus-wall { background-image: url(images/seamus-bg.gif); background-position: top center; background-repeat: no-repeat; background-size: cover; position: fixed; bottom: 0px; height: 100%; width: 100%; }</style><div id="fast-fade-in"><video autoplay muted loop playsinline id="seamus-video"> <source src="video/seamus-clip.mp4" type="video/mp4"> </video> <div id="exhibition"> <div class="seamus-wall"></div></div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">Welcome to the show! You can feel free to have a seat on one of the cylindrical stools at the back but, for the full experience, I recommend you [[hop onto the dance floor!|Seamus-Closer]] Or, [[> Read about the work|Seamus-text]] [[> Learn about the artist |Seamus-bio]] [[> Look deeper|Seamus-Deeper]] </div> </div> </div> <span role="img" aria-label="You are inside a room with an outline of a door on the right wall. The grid-patterned floor is a dancefloor, flashing different shades of purple, pink and blue. Four cylindrical stools are placed on the dancefloor close to you. The walls are covered with a video projection: a strange landscape of shapes, crystal growths and metallic objects. As the video plays, several versions of a human figure are revealed. Their faces have eye makeup and deep pink lipstick, and they wear a sleeveless dress with a plastic hairpiece. The colors of their outfits change throughout the video, changing from white to purple to hot orange."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-seamus" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #000; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="medium-fade-in"> <div id="intro" style="position:absolute!important; background-image: url(images/caroline-to-anna.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top;"> <div class="bg-tracking-in-expand-overlay-2"><div class="bg-tracking-in-expand-2"> <div class="intro-wall-table"> <div class="title-text"> <div class="tracking-in-expand"> <center><h1>COHESION:</h1><h2>Dismantling barriers to connection</h2></center></div><div id="delay-fade-in"><h3><p class="awesome">Anna Binta Diallo, Rachel M Thornton,</p> and <p class="awesome">KC Wilcox</p> tender vast expressions of cohesion to counter the barriers enforced by systems of power.</h3></div></div> </div> </div> </div> </div></div> <</nobr>> <div id="controlbox"> <div class="control-mini-right"> <div class="control-text-mini-right"> [[Continue|Interlude-4-b]] </div> </div> </div> <span role="img" aria-label="As you re-enter the main part of the gallery, your eyes adjust to the light. Yellow, pink and pale green lines appear in a soft hazey light, and sway back and forth."></span>

<<nobr>> <style> body { background-color: #ffffff; } .floor { background-color: #0f0f1b;} #seamus-video { position: fixed; right: 0; top: -10px; height: 100vh; width: 100vw; object-fit: cover; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); @media only screen and (max-width: 541px) { #seamus-video { height: 85vh; } } @media only screen and (max-width: 359px) { #seamus-video { height: 50vh; top: 30px; } </style> <video autoplay muted loop playsinline id="seamus-video"> <source src="video/rachel-clip.mp4" type="video/mp4"> </video> <div id="exhibition"> </div> <div class="rachel-floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">This is Rachel M Thorton’s work. With patience, as you stare into the vast starscapes and cosmic gestures, you’ll begin to notice the motion of the universe. To focus on key areas, [[look closer.|Rachel-Closer]] Or, [[> Read about the work |Rachel-Text]] [[> Learn about the artist |Rachel-Bio]] [[> Look deeper|Rachel-Deeper]] Next, we are going to turn to the right, to view work by KC Wilcox on the adjacent wall, okay? [[> Okay, let's go!|Rachel-to-KC]] </div> </div> </div> <span role="img" aria-label="You are in front of the white wall with the blue trim where it meets the floor. On the wall is a large collage of shapes - polygons, human bodies, hands, fingers, and the moon - inside of a rectangular frame. Each shape shows a different view of the stars, which are animated and moving towards you."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-rachel" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #ffffff; } .floor { background-color: #0f0f1b;} #seamus-video { position: fixed; right: 0; top: 0; height: 100vh; width: 100vw; object-fit: cover; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="draggable" class="resizable"><div class="artist-text"><p>Where Anna Binta Diallo nudges away the invisible geographic borders that divide nations and regions, <p class="awesome">Rachel M Thornton</p> conveys an immense expanse of fluid connections and encourages outreach. Thornton draws attention to the universe as the ultimate host and stranger, guardian of life, and signifier of things unknown. Her work stitches together sundry strands of cosmic research combining science, speculative fiction, and mythology centred on touch. Created with print matter, found footage, and drawing, her augmented reality work <i>uranography (i-v)</i> transforms the night sky into a handheld wonder of haptic experience. In encouraging us to hold the universe in the palm of our hands, she reverses the role of host and guest. Plainly put, she encourages us to carry the universe, where it normally carries us. Using the myth of Urania, greek goddess of the night sky, as a starting point, Thornton invites us to explore and interact with the cosmos through tactility and play. In focussing on Greek mythology she also reflects the importance of xenophilia in encountering the unknown. As in Greek mythology, the ways in which a person receives a guest may determine their fate——whether or not they are turned into a tree or rewarded with prosperity<sup>10</sup>, for example. Gesturing to the significance of acts of welcome in mythological narrative is a sagacious reminder of our propensity for hospitable reciprocity.</p> <p><sup>10 Smith, Ali, Writers and Company, CBC radio interview, Monday, Oct. 13, 2014</sup></p> <div class="tooltip" style="text-align: center;">[[Close |Rachel]]</div> </div></div> <video autoplay muted loop playsinline id="seamus-video"> <source src="video/rachel-clip.mp4" type="video/mp4"> </video> <div id="exhibition"> </div> <div class="rachel-floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Rachel-Closer]] [[> Learn about the artist |Rachel-Bio]] [[> Look deeper|Rachel-Deeper]] [[> Go back|Rachel]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-color:#000000; } #rachel-video { right: 0; top: 0; height: 100%; width: 100%; object-fit: contain; position: fixed; } .tooltip { margin-bottom: 100px; color:#666973!important; max-width: 700px; text-align: center; margin-right: auto; margin-left: auto; position: fixed; bottom: 0; right: 0; left: 0 } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); @media only screen and (max-width: 541px) { .tooltip { font-size: 11px; margin-bottom: 120px; max-width: 500px; } } @media only screen and (max-width: 768px) and (orientation: landscape) { .tooltip { display: none; } } @media only screen and (max-width: 359px) { .tooltip { font-size: 11px; margin-bottom: 120px; max-width: 350px; } } </style> <div id="exhibition"> <video autoplay muted loop playsinline id="rachel-video"> <source src="video/rachel-fullscreen.mp4" type="video/mp4"> </video> </div> <div class="tooltip"> <center><i>uranography (i-vi)</i>, Rachel M. Thornton, 6 hand cut collages with AR video activations and accompanying downloadable zine. Collages: 30 x 43 cm (each). Printable zine: 22 x 28 cm (open), 11 x 7 cm (folded). 2020</center></div> <</nobr>> <div id="controlbox"> <div class="control-mini-dark"> <div class="control-text-mini"> [[Go back|Rachel]] </div> </div> </div> <span role="img" aria-label="On the wall is a closer view of the collage of shapes - polygons, human bodies, hands, fingers, and the moon - inside of a rectangular frame. Each shape shows a different view of the stars, which are animated and moving towards you."></span>

<<nobr>> <style> body { background-image: url(images/kc3.gif); background-size: contain; background-color: #93999e; background-position: top center; background-repeat: no-repeat; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div class="wall"> <div class="art"></div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">This is a living mural by KC Wilcox. It was created especially for this gallery. To see all the detail and colour, [[look closer|KC-Closer]]. It’s also time for me to let you know that KC built this whole space for us! You can learn more about that when you [[look deeper |KC-Deeper]]. Or, [[> Read about the work |KC-Text]] [[> Learn about the artist|KC-Bio]] We're approaching the end of our guided tour, but I have one last place to show you. Ready? [[> Absolutely!|Interlude-5-a]] </div> </div> </div> <span role="img" aria-label="You are in front of a living mural sprawling across the entire wall. Small, colourful, geometric shapes, shifting from yellows, greens, blues and pinks, move in a swirling downward motion, inside of the shape of a human-like figure, positioned in the center of the frame. Drawings of flowers, foliage and other organic shapes, surround the figure - which are also animated with swirls of colour. "></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-kc" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-image: url(images/kc3.gif); background-size: contain; background-color: #93999e; background-position: top center; background-repeat: no-repeat; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="draggable" class="resizable"><div class="artist-text"><p><p class="awesome">KC Wilcox</p>’s practice is vast; tributaries of sculpture, drawing and graphic design coalesce with collaboration, social activation, and space-making. Wilcox embraces everyday objects and occasions as opportunities to lightheartedly transmute deep meaning, and her playfulness invites others to seek the same curiosity. Recent projects cover difficult (and intertwined) truths, such as capitalist waste, ecological crises, and grief, with care and poetic grace. In her day to day, Wilcox is Co-director and Curator (along with Emily Saab) of Visitors, an experimental shop, gallery, and community-centric project space in Menagoesg/Menahqesk (Saint John, NB). Driven by an ethics of care, Wilcox nurtures the community, making space for artists to thrive by offering alternative models for exhibiting and selling work. Within the context of HOST, she has constructed our home. Building on her work as a social activator, combined with her design prowess, Wilcox has created the virtual space that holds us as we experience the project. She has responded to text and artworks to design and build an interactive virtual space that enlivens the exhibition and invites viewers to navigate a labyrinthine adventure beyond the confines of gallery walls. Wilcox channels the engaging discovery of early video games, breaking down art world barriers with a playful and fresh way to access meaning. </p> <div class="tooltip" style="text-align: center;">[[Close |KC]]</div> </div></div> <div id="exhibition"> <div class="wall"> <div class="art"></div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look Closer|KC-Closer]] [[> Learn about the artist|KC-Bio]] [[> Look deeper |KC-Deeper]] [[> Go back |KC]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/library-door.gif); background-size: cover; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> </div> <</nobr>> <<fadein 2s>> <div id="controlbox"> <div class="intro-control"> <div class="intro-control-text">This is the last place I’d like to show you——the HOST reading room. Follow me in through the arched doorway? [[> Okay.|Reading-Room]] </div> </div> </div> <</fadein>> <span role="img" aria-label="Amy, the curator, reappears in front of a green wall covered in moving shapes colored dark blue, light blue and green. Ahead of you is an arched doorway, showing a blue backdrop with green diamond shapes."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-enter-exit" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-image: url(images/anna-binta.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: fixed; background-color: #f3f3f3; } </style> <div id="exhibition"> <div class="wall"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">The installation is vast, with some elements positioned on the wall and others extending out into the space. Approach the installation to [[look closer.|Anna-Closer]] Or, [[> Read about the work |Anna-text]] [[> Learn about the artist |Anna-bio]] [[> Look deeper|Anna-Deeper]] When you're all finished looking around, I’d like to show you Rachel M Thornton’s work next. Her work is on wall with the arched door. Follow me? [[Ok, let's go!|Anna-to-Rachel]] </div> </div> </div> <span role="img" aria-label="Ahead of you, human and animal silhouettes that have been constructed with collage material appear against a solid white wall. The human figure on the right appears to be participating in an Indigenous ceremony, and is surrounded by silhouettes of three river salmon, a moose, a turtle, and two geese. The collage material used to create the silhouettes consists of nature photography and drawings, topographical maps and Indigenous artworks."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-anna" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #cfddb0; } .wall{ background-image: url(images/rc-bg.png); background-position: bottom center; background-repeat: no-repeat; background-size: cover; position: relative; } .floor { background-color: #0f0f1b;} <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=VT323&display=swap" rel="stylesheet"> @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div id="draggable" class="resizable"><div class="artist-text"> <p> In contrast to aker’s non-hierarchical co-creation, <p class="awesome">respectfulchild</p> confronts uneven power dynamics in practices of hospitality and welcoming. An interdisciplinary artist with a focus on composition, performance, and installation, respectfulchild’s work is a queer alchemy that breaks down barriers between genres, place, culture, and identity politics. Their practice sits vibrantly and poetically in the in-between and tells a layered and multi-sided story of belonging. As a queer Chinese settler born, raised, and living on Treaty 6 territory in the Canadian Prairies, there is a fluidity to their practice that echoes the push and pull——the <a href="https://respectfulchild.com/about/" target="_blank">“quiet chaos and beautiful tension”</a><sup>7</sup>——of their lived experience, while reaching into the ever-present past and future. Respectfulchild’s new work <i>Host Family Potluck</i>, a composition of music and text, to be digested simultaneously, addresses the shortcomings of multiculturalism through food culture and misguided attempts at hospitality. The work is centred on customs of welcoming that remain entrenched in colonial mindset, feeding the commodification of cultural, ethnic, and racial differences to “enhance the white palate”.<sup>8</sup> Respectfulchild unmasks the systems of power in customs of hospitality by questioning who has the privilege of “welcoming” an——other? Who has the burden of being gracious for the welcome? And, finally, how can we generate balance?</p> <p><sup>8 hooks, bell. Black Looks: Race and Representation. Boston, MA: South End Press, 1992. Print</sup></p> <div class="tooltip" style="text-align: center;">[[Close |RC-1]]</div> </div></div> <div class="wall"> <div class="art-rc"><img src="images/rc-1.png" alt="You are standing in front of a light grey wall painted with a large green wave. A large interactive panel is mounted to the center of the wall with a pair of black headphones, to its right. At the top of the panel, it reads; Host Family Potluck, the title of a written piece by respectfulchild. The subsequent paragraphs are too far away to read clearly."></div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|RC-Closer]] [[> Learn about the artist |RC-bio]] [[> Look deeper|RC-Deeper]] [[> Go back|RC-1]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<cacheaudio "rcsong" "https://hostproject.neocities.org/audio/Respectful%20Child%20HostFamilyPotluck.mp3">>

<<nobr>> <style> body { background-image: url(images/nuture-intro.gif); background-repeat: no-repeat; background-size: cover; background-position: left top;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="intro" style="position:absolute!important"> <div id="bg-fade-away"><div class="bg-tracking-in-expand-2"> <div class="intro-wall-table"> <div class="title-text"> <div class="tracking-in-expand"> <center><h1>NURTURE:</h1><h2>On being caring and responsible guests of this planet</h2></center></div><div id="delay-fade-in"><h3>The work of <p class="awesome">Emily Kennedy</p>,<p class="awesome">Séamus Gallagher</p>, and <p class="awesome">Caroline Monnet</p> asks how we, as humans, can be better guests through ecological action and care.</h3></div> </div> </div> </div> </div> </div> <</nobr>> <div id="controlbox"> <div class="control-mini-right"> <div class="control-text-mini-right"> [[Continue|Emily-intro]] </div> </div> </div> <span role="img" aria-label="The flower on the green wall now takes up the whole screen. The outline of the flower has become animated."></span>

<<nobr>> <style> body { background-color: #cfddb0; overflow: hidden; } .floor { background-color: #0f0f1b;} <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=VT323&display=swap" rel="stylesheet"> @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> <div id="draggable" class="resizable"><div class="artist-text"> <p><p class="awesome">Winnie Truong</p> is a Toronto based artist working with drawing, cut paper, and animation to explore ideas of identity, feminism, and fantasy and finding its connections and transgressions in the natural world. She has exhibited her work internationally and was a 2017 recipient of the Chalmers Arts Fellowship. Her work has been included on the CBC program The Exhibitionists, and in her recent survey exhibition at Saw Gallery in Ottawa (ON). She has been an artist in residence at the Brucebo Scholarship in Gotland (Sweden) and a past resident at Doris McCarthy Fool’s Paradise in Scarborough (Ontario). Truong received her BFA from OCAD University.</p> <p></p> <p>https://www.winnietruong.com </p> <div class="tooltip" style="text-align: center;">[[Close |Winnie]]</div> </div></div> <div class="wall"> <div class="art"> <img src="images/Winnie-wall-small.png"> </div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Winnie-Closer]] [[> Read about the work |Winnie-Text]] [[> Look deeper|Winnie-Deeper]] [[> Go back|Winnie]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>><style> body { background-image: url(images/seamus-still.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; position: fixed;} .seamus-wall { background-image: url(images/seamus-bg.gif); background-position: top center; background-repeat: no-repeat; background-size: cover; position: fixed; bottom: 0px; height: 100%; width: 100%; }</style> <div id="draggable" class="resizable"><div class="artist-text"><p><p class="awesome">Séamus Gallagher</p>’s work is characterized by fantasy and queer wonder——colourful spaces, costumery, and a remarkable balance between sincerity and sass. Concerned with intersections of community and belonging, they operate through media that is widely accepted as truthful, such as photography, to create fantastical spaces and scenarios rich in critical discourse. Taking liberties with the documentary history of lens-based media, Gallagher refashions our sense of temporal reality and expands the bounds of possibility, welcoming everyone into the fold of their queered ecologies. Their work, <i>Feel the Heat with Somebody</i>, is a darkly playful reckoning——a lament for the ongoing ecological crisis, as well as the hopelessness of passionate longing in the face of existential undoing. The work features a multiplicity of the artist’s drag persona, Sara Tonin, swaying with allure in an unearthly landscape. Whitney Houston’s ‘I Wanna Dance With Somebody’ plays in the background while record-breaking temperatures, a consequence of our environmental misuse and neglect, spread like hot flashes across Sara Tonin’s dress. In Sara Tonin’s performance, seemingly melodramatic displays of longing and gestures of intimacy make way for larger questions of care and support for one another and our home planet. </p> <div class="tooltip" style="text-align: center;"><<if not hasVisited("Seamus-Closer")>>[[Close|Seamus]]<</if>><<if hasVisited("Seamus-Closer")>>[[Close|Seamus-2]]<</if>></div> </div></div> <div id="intro"> <div class="intro-wall"> </div> </div> <div id="exhibition"> <div class="seamus-wall"></div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look Closer|Seamus-Closer]] [[> Learn about the artist|Seamus-bio]] [[> Look deeper|Seamus-Deeper]] <<if not hasVisited("Seamus-Closer")>>[[> Go back |Seamus]]<</if>><<if hasVisited("Seamus-Closer")>>[[> Go back |Seamus-2]]<</if>> </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/seamus-still.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; position: fixed;} .seamus-wall { background-image: url(images/seamus-bg.gif); background-position: top center; background-repeat: no-repeat; background-size: cover; position: fixed; bottom: 0px; height: 100%; width: 100%; }</style> <div id="draggable" class="resizable"><div class="artist-text"><p><p class="awesome">Séamus Gallagher</p> is a non-binary photo and virtual reality artist currently based in K’jipuktuk (Halifax, Nova Scotia). They recently graduated from NSCAD University with a double major in Photography and Expanded Media (BFA 2019). Their work has shown in festivals/exhibitions across Canada, as well as in Germany, England, Switzerland and Los Angeles. They are the recipient of the 2017 AGO | AIMIA Photography Scholarship, the 2018 NSCAD Student Awards, and the 2019 BMO 1st Art! Awards. They were also recently longlisted for the 2019 Scotiabank New Generation Photography Awards. </p> <div class="tooltip" style="text-align: center;"><<if not hasVisited("Seamus-Closer")>>[[Close|Seamus]]<</if>><<if hasVisited("Seamus-Closer")>>[[Close |Seamus-2]]<</if>></div> </div></div> <div id="intro"> <div class="intro-wall"> </div> </div> <div id="exhibition"> <div class="seamus-wall"></div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look Closer|Seamus-Closer]] [[> Read about the work|Seamus-text]] [[> Look deeper|Seamus-Deeper]] <<if not hasVisited("Seamus-Closer")>>[[> Go back |Seamus]]<</if>><<if hasVisited("Seamus-Closer")>>[[> Go back |Seamus-2]]<</if>> </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/anna-binta.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: fixed; background-color: #f3f3f3; } </style> <div id="exhibition"> <div class="wall"> </div> <div id="draggable" class="resizable"><div class="artist-text"><p>In <p class="awesome">Anna Binta Diallo</p>’s work, borders cease to exist. The visual language of her collage-driven practice defies any singular cultural or geographic particularity, inviting the viewer to imagine a world where the invisible borders across the land and sea, proprietary marks delineating nations, are inconsequential. Through her eclectic blend of found imagery, Diallo creates migratory constellations of open-ended narrative possibilities, each image a question with countless answers. Her work investigates and embraces a sense of pluriversal belonging, validating a multitude of ways of being, existing simultaneously. In <i>Wanderings</i>, Diallo examines folk stories——through imaginary, personas, and places——and uses their foundations to build upon in the construction of new legends. <i>Wanderings</i> is a vast body of work that includes large-scale installations and animation constructed through collage material. Each work is characterized by a strong silhouette, with textures of found images filling the space within the contours. <i>Freshwater Constellations</i> signifies movement, connection and determination. Freshwater flows from place to place as tributaries link bodies of water through both visible and unseen pathways. Although Diallo’s work covers weighty concepts, ranging from issues of non-belonging, immigration, racism, and the refugee crisis, the work is hopeful, a reminder that migration adds richness, even in the face of widespread tightening of border control. </p> <div class="tooltip" style="text-align: center;">[[Close |Anna]]</div> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Anna-Closer]] [[> Learn about the artist |Anna-bio]] [[> Look deeper|Anna-Deeper]] [[> Go back|Anna]] </div></div></div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/anna-binta.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: fixed; background-color: #f3f3f3; } </style> <div id="exhibition"> <div class="wall"> </div> <div id="draggable" class="resizable"><div class="artist-text"><p><p class="awesome">Anna Binta Diallo</p> is a multi-disciplinary visual artist who investigates memory and nostalgia to create unexpected narratives surrounding identity. She was born in Dakar (Senegal, 1983) and raised in Saint-Boniface, Winnipeg on the traditional territory of Anishinaabeg, Cree, Oji-Cree, Dakota, and Dene peoples, and the homeland of the Métis Nation. She completed her BFA at the University of Manitoba’s School of Fine Arts (2006) and received her MFA from the Transart Institue in Berlin (2013). Her work has been shown internationally. Anna Binta Diallo has been the recipient of multiple grants and honours, notably from The Canada Council for the Arts, The Conseil des Arts et des lettres du Québec, and Francofonds. In 2019, Diallo's work was selected as a shortlisted finalist for the Salt Spring National Art Prize. She is currently based in Montreal, or Tio’tia:ke, on the traditional territory of the Kanien’kehá:ka.</p> <p></p> https://www.annabintadiallo.com <p></p> <div class="tooltip" style="text-align: center;">[[Close |Anna]]</div> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Anna-Closer]] [[> Read about the work |Anna-text]] [[> Look deeper|Anna-Deeper]] [[> Go back|Anna]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/rc-to-maggie.gif); background-size: cover; background-repeat: no repeat; background-position: left top; background-color: #94999f; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> </div> <</nobr>> <div id="controlbox"> <div class="control-left"> <div class="control-text">Let’s pause here, at this living wall, for a moment. I love watching it grow. Whenever you’re ready, follow me a little bit farther. [[> Watch |Corner-2]] </div> </div> </div> <span role="img" aria-label="Ahead of you is a green, grassy hill painted on a light gray wall. On the grass, yellow, orange and pink stripes move. White and black lines animate, creating the shape of a flower."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-rc" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-image: url(images/enter-to-lou.gif); background-repeat: no-repeat; background-size: cover; background-position: left top;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="intro" style="position:absolute!important"> <div id="fast-fade-away"><div class="bg-lou-corner-overlay"></div></div> <div class="intro-wall"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">We’ll start by turning the corner to the left, past the living wall, ok? [[Ok, great! |Lou-1]] </div> </div> </div> <span role="img" aria-label="You are standing in the gallery space. The moving green and blue wall is visible on your left, ending at a corner. To your right, there is a light pink wall featuring paintings by Lou Sheppard."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-lou" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #ffffff; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <video autoplay muted loop playsinline id="rudi-video"> <source src="video/rudi-clipw.mp4" type="video/mp4" alt="A rectangular video screen plays a video of hands working with multicolored beads. The hands are using the beads to create something. Video by rudi aker."> </video> <div id="exhibition"> <div class="rudi-floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">This is a video work by rudi aker. You’re a bit too far away to hear the audio. Go ahead, [[look closer.|Rudi-Closer]] Or, [[> Read about the work |Rudi-Text]] [[> Learn about the artist |Rudi-Bio]] [[> Look deeper|Rudi-Deeper]] The next piece in the exhibition is to your right, we’ll just follow along the green wall until we reach the corner with the thriving flora. [[> Great. Let’s go.|Corner]] </div> </div> </div> <span role="img" aria-label="In front of you is the white wall with light green trim."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-rudi" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-image: url(images/rachel-to-kc.jpg); background-size: cover; background-repeat: no-repeat; background-position: left top; background-color: #94999f;} .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> </div> <</nobr>> <div id="controlbox"> <div class="control-mini"> <div class="control-text-mini-right"> [[Continue|KC]] </div> </div> </div> <span role="img" aria-label="You face the corner. To your left, the white wall with blue trim. To your right, the wall is light pink with light blue stripes. To the right, there's a green drawing of a flower."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-kc" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #ffffff; } .floor { background-color: #0f0f1b;} .rudi-wall { background-image: url(images/anna-to-rachel.png); background-position: top center; background-repeat: no-repeat; background-size: cover; position: fixed; bottom: 0px; height: 100%; width: 100%; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); #rachel2video { position: fixed; right: 0; top: -40px; height: 70vh; width: 100vw; object-fit: cover; } @media only screen and (max-width: 541px) { #rachel2video { top: -50px; height: 70vh; width: 100vw; } } @media only screen and (max-width: 768px) and (orientation: landscape) { #rachel2video { top: -10px; height: 70vh; width: 100vw; } } </style> <video autoplay muted loop playsinline id="rachel2video"> <source src="video/rachel-clip-2.mp4" type="video/mp4"> </video> <div id="exhibition"> <div class="rudi-wall"></div> </div> <</nobr>> <div id="controlbox"> <div class="control-mini-right"> <div class="control-text-mini-right"> [[Move ahead|Rachel]] </div> </div> </div> <span role="img" aria-label="You face the white wall with the blue trim where it meets the floor. The doorway where you entered to experience Caroline Monnet's work is on the far left side of the wall. On the right, there hangs a large retangular frame containing a collage of animated shapes."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-rachel" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

[[Start]] [[Essay]] [[Floorplan]] [[Artists]] [[Info]] <a href="https://www.instagram.com/host_project_/" target="_blank" style="font-size:12px;">Instagram</a>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style> <div id="map" style="width: 100%;"> <div id="introduction-box"> <div class="introduction-text" style="font-size: 13px!important; margin-top: 30px;"><center>Go to: [[Gallery Entrance |Gallery-Enter-Intro]] | [[Lou Sheppard |Lou-1]] | [[rudi aker |Rudi-2]] | [[respectfulchild |RC-1]] | [[Maggie Higgins |Maggie]] | [[Winnie Truong |Winnie]] | [[Emily Kennedy |Emily-1]] | [[Séamus Gallagher |Seamus]] | [[Caroline Monnet |Caroline-1]] | [[Anna Binta Diallo|Anna]] | [[Rachel M Thornton |Rachel]] | [[KC Wilcox |KC]] | [[The Reading Room |Reading-Room]]</center> <div style="margin: auto; text-align: center;"><img src="images/floorplan/fpall.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style> <div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center>[[Continue|Gallery-Enter-Intro]]</center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpexit.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in the gallery entrance, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-color: #ffffff; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <video autoplay muted loop playsinline id="rudi-video"> <source src="video/rudi-clipw.mp4" type="video/mp4"> </video> <div id="exhibition"> <div id="draggable" class="resizable"><div class="artist-text"> <p> <p class="awesome">rudi aker</p> is a wolastoqew auntie, artist, organizer, and curator from St. Mary’s First Nation in Sitansisk (Fredericton, New Brunswick) and, for now, a guest on Tiohtià:ke/Mooniyaang (Montreal, QC). Their artistic and research practices center relationality, placehood, and visibility with a focus on the traversal of (un)colonized spaces through conceptions of counter-cartographies and barrier-breaking. Their ongoing research-creation project, <i>topographies of a homeplace</i>, explores the boundaries of cartographic practice through beaded spatial representations——hand-held topographical maps accompanied by historically and personally informed auto-writing on site-specific experiences.rudi maintains an emerging curatorial practice and most recently acted as one-third of the curatorial team for the 5th edition of the Bienniale d’art autochtone contemporain presented in Tiohtià:ke/Mooniyaang in the Spring and Summer of 2020. rudi is currently finishing a BFA in Studio Arts at Concordia University and is the Exhibitions and Communications Coordinator at SBC Gallery of Contemporary Art.</p> <p></p> <p>https://rudiaker.com </p> <div class="tooltip" style="text-align: center;">[[Close |Rudi-2]] </div> </div></div> <div class="rudi-floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Rudi-Closer]] [[> Read about the work |Rudi-Text]] [[> Look deeper|Rudi-Deeper]] [[> Go back|Rudi-2]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-color: #ffffff; } .floor { background-color: #0f0f1b;} #seamus-video { position: fixed; right: 0; top: 0; height: 100vh; width: 100vw; object-fit: cover; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="draggable" class="resizable"><div class="artist-text"><p class="awesome">Rachel M Thornton</p> is an emerging artist and curator living in Sackville, NB, a part of the Siknikt District within the greater territory of Mi'kma'ki. Their fascination with understanding the cosmos has manifested itself as drawings, book works, and online projects. Rachel holds a BFA with distinction (2015) from Mount Allison University, Sackville, NB and an MA Fine Arts with distinction (2020) from the Open College of the Arts, Barnsley, UK. <p></p> https://www.rachel-thornton.com <p></p> <div class="tooltip" style="text-align: center;">[[Close |Rachel]]</div> </div></div> <video autoplay muted loop playsinline id="seamus-video"> <source src="video/rachel-clip.mp4" type="video/mp4"> </video> <div id="exhibition"> </div> <div class="rachel-floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Look closer|Rachel-Closer]] [[> Read about the work |Rachel-Text]] [[> Look deeper|Rachel-Deeper]] [[> Go back|Rachel]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/kc3.gif); background-size: contain; background-color: #93999e; background-position: top center; background-repeat: no-repeat; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="draggable" class="resizable"><div class="artist-text"><p><p class="awesome">KC Wilcox</p> is an artist, designer and shopkeeper based in Menagoesg/Menahqesk (a.k.a. Saint John, New Brunswick, Canada). She graduated from NSCAD in 2014 with a Bachelor's degree in Design. She works in drawing, sculpture, and new media, and collaborates with people to create books and other types of experiences. Her most recent collaborations were with Amy Ash, for designing <i>Harbour: A Compendium</i> (2020), and <i>HOST / hostproject . net</i> (2021). KC’s studio work was presented at THIRD SHIFT (2020 & 2019), the Beaverbrook Art Gallery (2018), and Unlovable Gallery (2017). Her project <i>Shedding</i> was featured on the CBC program <i>The Exhibitionists</i>. In 2018, KC embarked upon a life-changing collaboration with her longtime friend, Emily Saab. Together, they established <a href="https://shopvisitors.ca/" target="_blank">Visitors</a>, a vintage & pre-owned clothing exchange and art+design shop, all in one space. KC is a former Executive Director of Connexion, an artist-run centre in Sitansisk (Fredericton, NB). She is a descendant of European settlers from the French and New England settlements. She lives and works 111 km from where she was born, on the unceded territory of the Wolastoqiyik, Mi’kmaq and Passamaquoddy Peoples. </p> <div class="tooltip" style="text-align: center;">[[Close |KC]]</div> </div></div> <div id="exhibition"> <div class="wall"> <div class="art"></div> </div> <div class="floor"> </div> </div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text"> Here we have series of work by Lou Sheppard... [[> Read about this piece |KC-Text]] [[> Look Closer|KC-Closer]] [[> Look Deeper|KC-Deeper]] [[> Go back |KC]] </div> </div> </div> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = "#draggable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "draggable" ID exists. $(dragID).draggable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the draggable element. $(event.content).find(dragID).draggable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>> <<script>> $(document).one(":passagerender", function(event) { // Passage is about to be displayed. var dragID = ".resizable", jQIntervalID = 0; function ActivatejQueryUI() { // Function to see if jQuery UI is loaded yet. if (setup.JSLoaded) { clearInterval(jQIntervalID); // Stop looking, it's loaded. if ($(dragID).length > 0) { // Make sure an element with a "resizable" ID exists. $(dragID).resizable(); // Make it draggable. } } } if (setup.JSLoaded) { // See if jQuery UI is loaded yet. // It's loaded, so set up the resizable element. $(event.content).find(dragID).resizable(); } else { // Wait for jQuery UI to load using the ActivatejQueryUI function. jQIntervalID = setInterval(ActivatejQueryUI, 100); } }); <</script>>

<<nobr>> <style> body { background-image: url(images/milky-way.gif); background-repeat: no-repeat; background-size: cover; background-position: left top;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="intro" style="position:absolute!important"> </div> <</nobr>> <div id="controlbox"> <div class="control-mini-dark"> <div class="control-text-mini"> [[Look down|Caro-3]] </div> </div> </div> <span role="img" aria-label="A night sky filled with stars reveals itself overhead. Against this backdrop, a series of undulating rainbow-colored lines fade in and out."></span>

<<nobr>> <style> body { background-color: #000;} #seamus-video { position: fixed; right: 0; top: 0; height: 100%; width: 100%; object-fit: fill!important; } .seamus-wall { background-image: url(images/seamus-bg.gif); background-position: top center; background-repeat: no-repeat; background-size: cover; position: fixed; bottom: 0px; height: 100%; width: 100%; }</style><div id="fast-fade-in"><video autoplay muted loop playsinline id="seamus-video"> <source src="video/seamus-clip.mp4" type="video/mp4"> </video> <div id="exhibition"> <div class="seamus-wall"></div></div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">[[> Read about the work|Seamus-text]] [[> Learn about the artist |Seamus-bio]] [[> Look deeper|Seamus-Deeper]] We can stay here and dance as long as you like. When you’re ready, we’ll [[exit|Interlude-3]] the space through the door to the right of the dancefloor. </div> </div> </div> <span role="img" aria-label="You are inside a room with an outline of a door on the right wall. The grid-patterned floor is a dancefloor, flashing different shades of purple, pink and blue. Four cylindrical stools are placed on the dancefloor close to you. The walls are covered with a video projection: a strange landscape of shapes, crystal growths and metallic objects. As the video plays, several versions of a human figure are revealed. Their faces have eye makeup and deep pink lipstick, and they wear a sleeveless dress with a plastic hairpiece. The colors of their outfits change throughout the video, changing from white to purple to hot orange."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-seamus" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-color: #000; } @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="medium-fade-in"> <div id="intro" style="position:absolute!important; background-image: url(images/caroline-to-anna.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top;"> </div></div> <</nobr>> <div id="controlbox"> <div class="control"> <div class="control-text">Let’s go into the centre of the gallery space to view Anna Binta Diallo’s work. Ready, $name ? [[> Yes, all set.|Anna]] </div> </div> </div> <span role="img" aria-label="You stand in the center of the gallery. The grey floor surrounds you. In the distance, on the walls, just out of focus, are the works by rudi aker and respectfulchild that you visited earlier."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-center" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-image: url(images/rc-to-maggie.gif); background-size: cover; background-repeat: no repeat; background-position: left top; background-color: #94999f; } .floor { background-color: #0f0f1b;} @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); </style> <div id="exhibition"> </div> <</nobr>> <div id="controlbox"> <div class="control-mini"> <div class="control-text-mini"> [[I'm ready|RC-1]] </div> </div> </div> <span role="img" aria-label="Ahead of you is a green, grassy hill painted on a light gray wall. On the grass, yellow, orange and pink stripes move. White and black lines animate, creating the shape of a flower."></span> <<fadein 1s>><div class="locationpin"><a data-passage="fp-rc" class="link-internal link-image"><img src="images/locationpin.png" alt="Location pin"></a></div><</fadein>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpexit.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in the gallery entrance, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fplou.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Lou Sheppard's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fprudi.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in rudi akers's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fprc.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in respectfulchild's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpmaggie.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Maggie Higgins' section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpwinnie.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Winnie Truong's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpnuture.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in the area near the enterances to Emily Kennedy's and Séamus Gallagher's sections, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpemily.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Emily Kennedy's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpseamus.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Séamus Gallagher's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpcenter.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in the area near Caroline Monnet's and Anna Binta Diallo's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpcaroline.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Caroline Monnet's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpanna.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Anna Binta Diallo's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fprachel.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in Rachel M Thornton's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpkc.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in KC Wilcox's section, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fprr.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery appears. A bright pink marker appears in the Reading Room, showing where you, the viewer, are located."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

<<nobr>> <style> body { background-image: url(images/floorplan/fpbg.jpg); background-size: cover; background-repeat: no repeat; background-position: center center; background-color: #fdefd2; color: #141516; } </style><div id="map" style="width: 100%;"><div class="introduction-text" style="font-size: 16px!important; margin-top: 50px;"><center><<back "< Close >">></center><div style="margin: auto; text-align: center;"><img src="images/floorplan/fpall.png" style="max-width: 100%; max-height: 100%; height: auto; width: auto;" alt="An overhead map of the gallery."></div> <<fadein 2s>><div id="fade-away"><div class="textbox-tooltip-intro" style="background-image: none; top: 0; bottom: 0; right: 0; left:0; position: relative; text-align:center;"><p>Pinch to enlarge ↑</p></div></div><</fadein>> </div></div> <</nobr>>

A virtual contemporary art project.

HOST was presented from June 17th to September 17th 2021.

This site is a record of the project for archival and educational purposes only.

START

This visual narrative experience is playable on desktop and handheld devices.
It has been optimized for desktop play and may not optimize for every mobile environment.
For best performance, use the current or first previous major release of Chrome, Firefox, Edge, or Safari.