touchthemapsinyourbrain/exhibition.html at main · natstewboy/touchthemapsinyourbrain · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="maps-master.css">
    <link rel="shortcut icon" href="favicon.ico">
    <title>the exhibition</title>
</head>
<!-- things to cover:
    -embed video of presentation
    -visual arts exhibition
    -the other projects
-->
<body>
    <div>
        <header>
            <a href="index.html"><h1>touch the maps in your brain</h1></a>
        </header>
    </div>
        <nav>
            <a href="poetry.html"><h2>the poetry</h2></a>
            <a href="experiment.html"><h2>the experiment</h2></a>
            <a href="exhibition.html" class="currentpage"><h2>exhibition</h2></a>
            <a href="maillist.html"><h2>stay updated</h2></a>
            <a href="sources.html"><h2>source list</h2></a>
        </nav>
    <main>
        <div class="mediaparent">
        <div class="mediacontainer">
            <h2>undergraduate research conference presentation</h2>
            <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/CPTBK8fq85s" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
            <p>poems recited&colon;<br>
            <a href="https://touchthemapsinyourbrain.000webhostapp.com/poetry.html#dos">fun and games</a><br>
            <a href="https://touchthemapsinyourbrain.000webhostapp.com/poetry.html#siete">vanish &lpar;no podemos&rpar;</a><br>
            <a href="https://touchthemapsinyourbrain.000webhostapp.com/poetry.html#ocho">i am now become the blue screen of death</a><br>
            <a href="https://touchthemapsinyourbrain.000webhostapp.com/poetry.html#once">pancake&mdash;brain&mdash;filing cabinet</a><br>
            <a href="https://touchthemapsinyourbrain.000webhostapp.com/poetry.html#trece">a model of vertigo</a></p>
        </div>
        <div class="mediacontainer">
            <h2>undergraduate research conference visual exhibition</h2>
            <p>a model of vertigo is a blue gyroscope made of a series of rings that have the words of the poem hand-written on the layers. the gyroscope is an abstract representation of the inner ear and its moving parts.</p>
            <img src="modelofvertigo.jpg" alt="the 3d art object for the poem a model of vertigo">
            <p>take your meds is a collection of pill bottles with the labels peeled off. the poems have been cut into strips and hand-rolled into pill capsules. this artpiece helps to explain the frustration somebody feels at the time and patience it takes to get any noticeable results.</p>
            <img src="takeyourmeds.jpg" alt="the 3d art objects for the poem take your meds">
            <br>
            <p>photographs courtesy of riley hand</p>
        </div>
        <div class="mediacontainer">
            <h2>other 3D elements</h2>
            <p>several of my other projects are not finished. their elements range from fabric, linocut, and sheets of transparent colored film.</p>
        </div>
        </div>
    </main>
    <footer>
        <p>&copy;Nat Stewart</p>
        <p>Font "OpenDyslexic-Regular" courtesy of Abbie Gonzalez. For more information on the font and related dyslexia resources, click <a href="https://opendyslexic.org/about">here</a>.</p>
        </footer>
</body>
</html>