-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (142 loc) · 8.43 KB
/
index.html
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-10073763-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-10073763-6');
</script>
<title>Nico Zevallos</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="normalize.css">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400italic" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="home.css">
<!-- <link rel="stylesheet" type="text/css" href="cssmenu.css"> --><meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<input type="radio" name="my-input" id="projects" class="hidden" checked>
<input type="radio" name="my-input" id="bio" class="hidden">
<input type="radio" name="my-input" id="friends" class="hidden">
<div style="" id="main">
<div id="top">
<div style="position:relative;">
<h1>NICO ZEVALLOS</h1>
</div>
<div id="menu">
<ul>
<li><h2><label for="projects" class="label projects"><span>PROJECTS</span></label></h2></li>
<li><h2><label for="bio" class="label bio"><span>BIO </span></label></h2></li>
<li><h2><label for="friends" class="label friends"><span>FRIENDS </span></label></h2></li>
</ul>
</div>
<div style="width: 25vw; position: absolute; top: -4vw; left: 64vw; z-index:0">
<div style="position:relative; height:0; padding-bottom:50%; width:39.032258064%; z-index:-1; margin: 0 0 0 auto; ">
<img src="home_bg.png" style="position: absolute; width:100%; padding:3vw; margin:-3vw -3vw; background-color:#a2a2a2; border-radius: 0 0 17.5vw 17.5vw;">
<img src="anim_center.gif" style="position:absolute; padding:144.3% 0 0 69%; width:15.325670498%;">
<img src="anim_axle.gif" style="position:absolute; padding:235% 0 0 49.8%; width:7.662835249%;">
</div>
</div>
</div>
<div id="content">
<div class="hidden projects">
<ul>
<li>
<a href="manipulation/index.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Tool Analysis</i> - web app 2020</p></span>
<img src="thumbs/manipulation.png" style = "top: 0%;">
</a>
</li>
<li>
<a href="offret/index.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Optimizing "The Sacrifice"</i> - video 2019</p></span>
<img src="thumbs/offret.png" style = "top: 0%;">
</a>
</li>
<li>
<a href="madonna_generator/index.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Madonna Generator</i> - web app 2018</p></span>
<img src="thumbs/madonna_generator.png" style = "top: -100%;">
</a>
</li>
<li>
<a href="yoko/butts/index.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Film No. 4</i> - web app 2018</p></span>
<img src="thumbs/butts.png" style = "top: -100%;">
</a>
</li>
<li>
<a href="virgen/index.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Virgen Apocalíptica</i> - video 2018</p></span>
<img src="thumbs/virgen.png" style = "top: -100%;">
</a>
</li>
<li>
<a href="lamb/index.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Lamb of God</i> - animation 2017</p></span>
<img src="thumbs/lamb.png" style = "top: -200%;">
</a>
</li>
<li>
<a href="saints/index.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Saint Simulator</i> - web app 2016</p></span>
<img src="thumbs/saints.png" style = "top: -300%;">
</a>
</li>
<li>
<a href="differentials.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Differentials</i> - sculpture 2014</p></span>
<img src="thumbs/joan.png" style = "top: -400%;">
</a>
</li>
<li>
<a href="alexander.html" class="clickit" onclick = "bgSwap('#fff')" >
<span><p><i>Alexander</i> - machine performance 2013</p></span>
<img src="thumbs/alexander.png" style = "top: -500%;">
</a>
</li>
<!--<li>
<a href="VicmarI.html" class="clickit" onclick = "bgSwap('#c0cdcf')">
<span><p><i>Vicmar I</i> - game 2013</p></span>
</a>
<img src="thumbs/game.png" style = "top: -500%;">
</li> -->
<!--<li>
<a href="liar.html" class="clickit" onclick = "bgSwap('#a5c5cf')">
<span><p><i>Liar</i> - video performance 2008-2012</p></span>
</a>
<img src="thumbs/liar.png" style = "top: -500%;">
</li>-->
</ul>
</div>
<div class="hidden friends">
<ul>
<li><a href="http://carolinerecord.com/"><span><p>Caroline Record</p></span></a></li>
<li><a href="http://bkleymeyer.com/"><span><p>B Kleymeyer</p></span></a></li>
<!--<li><a href="http://cargocollective.com/annashepperson"><span><p>Anna Shepperson</p></span></a></li>-->
<li><a href="https://rarunsrivatsan.github.io/"><span><p>Arun Srivatsan Rangaprasad</p></span></a></li>
<li><a href="https://www.anthropologyofmotherhood.com/jamie-walters-kessler"><span><p>Jamie Walters Kessler</p></span></a></li>
<!--<li><a href="https://cargocollective.com/annalangenelson"><span><p>Anna Nelson</p></span></a></li>-->
<li><a href="https://www.xtinalee.com/"><span><p>Christina Lee</p></span></a></li>
<li><a href="http://keithlafuente.com/"><span><p>Keith La</p></span></a></li>
<li><a href="https://robb.cc/Art"><span><p>Robb Godshaw</p></span></a></li>
<li><a href="http://www.annaazizzy.com"><span><p>Anna Azizzy</p></span></a></li>
<li><a href="http://www.clairesophie.com"><span><p>Claire Hentschker</p></span></a></li>
<!--<li><a href="http://www.leahlippp.com"><span><p>Leah Wulfman</p></span></a></li>-->
<li><a href="https://rexdelafkaran.com/"><span><p>Rex Delafkaran</p></span></a></li>
<li><a href="http://karenlue.com/"><span><p>Karen Lue</p></span></a></li>
</ul>
</div>
<div class="hidden bio">
<p>
Nico Zevallos is an artist and roboticist working out of Pittsburgh, Pennsylvania. His research concerns affect and automation, with an emphasis on simulation and robotics. He works across areas in philosophy, religion, science and technology, with interests in determinism, computer graphics, cinema and rats. He doesn't think you will ever download your mind and doesn't think universal income will solve the problems of capitalism.<br/> <a href="resume.html">→ CV</a>
</p>
</div>
</div>
</div>
</div>
</body>
</html>