User:Lbattich/Nominal Variations
What:
Nominal Variations is a generative web-based film, which displays iconic names from the 20th century avant-garde movements, in a rearranged and displaced manner.
The intention in this work is to bring awareness of our responses to artists' proper names.
visit the work online
Code
HTML
<html>
<head>
<meta name="author" content="Lucas Battich">
<meta name="description" content="Nominal Variations by Lucas Battich, 2015">
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<script src="http://code.jquery.com/jquery-1.11.2.js"></script>
<script type="text/javascript" src="namelist3.js"></script>
<title>Nominal Variations - Lucas Battich</title>
</head>
<body>
<table><td>
<p id="name"></p>
<p id="name2"></p>
</table>
</body>
</html>
CSS
@font-face {
font-family: SourceSansProExtra;
font-style: normal;
src: url(SourceSansPro-ExtraLight.otf);
}
body{background-color: black;
background-size: 100vw 100vh;
}
table {
position: absolute;
width:100%;
height:100%;
top:0px;
left:0px;
background-color: black;
cursor: none;
}
td {
height: 100%;
width: 100%;
padding: 10%;
text-align: center;
vertical-align: middle;
}
#name{
font-family: SourceSansProExtra, "Helvetica Neue", Arial, sans-serif;
font-size: 8vw;
color: white;
transition: color 0.18s;
-webkit-transition: color 0.18s;
}
JavaScript
window.onload = change();
function change(){
$("#name").css("color","black");
var randomN = Math.floor(Math.random()*namelist3.length);
var randomS = Math.floor(Math.random()*namelist3.length);
setTimeout(function(){$("#name").css("color","white");
$("#name").html(namelist3[randomN][0]+" "+namelist3[randomS][1]);
}, 220)
setTimeout(change,460);
}
List of names
var namelist3 = [["Sigmund", "Freud"],
["Gustav", "Klimt"],
["Egon", "Schiele"],
["Oskar", "Kokoschka"],
["Josef", "Hoffmann"],
["Walter", "Benjamin"],
["Henri", "Matisse"],
["Ludwig", "Wittgenstein"],
["Arnold", "Schoenberg"],
["Adolf", "Loos"],
["Jacques", "Lipchitz"],
["Raymond", "Duchamp-Villon"],
["André", "Derain"],
["Pablo", "Picasso"],
["Roger", "Fry"],
["Guillaume", "Apollinaire"],
["Alfred", "Barr"],
["Gertrude", "Stein"],
["Wilhelm", "Worringer"],
["Franz", "Marc"],
["Georges", "Braque"],
["Jean", "Metzinger"],
["Albert", "Gleizes"],
["Robert", "Delaunay"],
["Henri", "Le Fauconnier"],
["Fernand", "Léger"],
["Juan", "Gris"],
["Gino", "Severini"],
["Emil", "Nolde"],
["Sophie", "Tauber"],
["Hugo", "Ball"],
["Emmy", "Hennings"],
["Hans", "Arp"],
["Raoul", "Hausmann"],
["Hannah", "Höch"],
["Johannes", "Baader"],
["Tristan", "Tzara"],
["Francis", "Picabia"],
["Richard", "Huelsenbeck"],
["George", "Grosz"],
["John", "Heartfield"],
["Marcel", "Duchamp"],
["Beatrice", "Wood"],
["Kurt", "Schwitters"],
["Hans", "Richter"],
["Max", "Ernst"],
["Louis", "Aragon"],
["Man", "Ray"],
["Vilmos", "Huszár"],
["Paul", "Klee"],
["Barbara", "Hepworth"],
["Ben", "Nicholson"],
["Sonia", "Delaunay"],
["Robert", "Delaunay"],
["František", "Kupka"],
["Gerrit", "Rietveld"],
["Josef", "Albers"],
["Theo", "van Doesburg"],
["Piet", "Mondrian"],
["Vilmos", "Huszár"],
["Bart", "van der Leck"],
["Gerrit", "Rietveld"],
["Robert", "van 't Hoff"],
["Jacobus", "Oud"],
["Georges", "Vantongerloo"],
["Jacques", "Vaché"],
["Louis", "Aragon"],
["Philippe", "Soupault"],
["Ernst Ludwig", "Kirchner"],
["Georgia", "O'Keeffe"],
["André", "Breton"],
["Paul", "Éluard"],
["Benjamin", "Péret"],
["René", "Crevel"],
["Robert", "Desnos"],
["Jacques", "Baron"],
["Max", "Morise"],
["Pierre", "Naville"],
["Roger", "Vitrac"],
["Gala", "Éluard"],
["Salvador", "Dalí"],
["Georges", "Malkine"],
["Michel", "Leiris"],
["Georges", "Limbour"],
["Antonin", "Artaud"],
["Raymond", "Queneau"],
["André", "Masson"],
["Joan", "Miró"],
["Jacques", "Prévert"],
["Yves", "Tanguy"],
["Robert", "Desnos"],
["Giorgio", "de Chirico"],
["Mikhail", "Larionov"],
["Vladimir", "Mayakovsky"],
["Vladimir", "Tatlin"],
["Alexander", "Vesnin"],
["Alexander", "Rodchenko"],
["Varvara", "Stepanova"],
["Wassily", "Kandinsky"],
["Naum", "Gabo"],
["Lászó", "Moholy-Nagy"],
["El", "Lissitzky"],
["Kazimir", "Malevich"],
["Natalia", "Goncharova"],
["Aleksandra", "Ekster"],
["Olga", "Rozanova"],
["Nadezhda", "Udaltsova"],
["Ivan", "Kliun"],
["Lyubov", "Popova"],
["Nikolai", "Suetin"],
["Ilya", "Chashnik"],
["Nina", "Genke-Meller"],
["Ivan", "Puni"],
["Ksenia", "Boguslavskaya"],
["Dziga", "Vertov"],
["Lev", "Kuleshov"],
["Alexander", "Dovzhenko"],
["Sergei", "Eisenstein"],
["Le", "Corbusier"],
["Marc", "Chagall"],
["Filippo Tommaso", "Marinetti"],
["Umberto", "Boccioni"],
["Carlo", "Carrà"],
["Gino", "Severini"],
["Giacomo", "Balla"],
["Antonio", "Sant'Elia"],
["Bruno", "Munari"],
["Benedetta", "Cappa"],
["Luigi", "Russolo"],
["Richard", "Aldington"],
["Malcolm", "Arbuthnot"],
["Lawrence", "Atkinson"],
["Jessica", "Dismorr"],
["Henri", "Gaudier-Brzeska"],
["Cuthbert", "Hamilton"],
["Wyndham", "Lewis"],
["Ezra", "Pound"],
["William", "Roberts"],
["Helen", "Saunders"],
["Edward", "Wadsworth"],
["Ezra", "Pound"],
["David", "Bomberg"],
["Lucas", "Battich"],
["Lucas", "Battich"],
["Lucas", "Battich"],
["Pierre", "Menard"],
["Lucas", "Battich"],
["Lucas", "Battich"],
["Lucas", "Battich"],
["Lucas", "Battich"],
["Pierre", "Menard"],
["Lucas", "Battich"],
["Lucas", "Battich"],
["Pierre", "Menard"],
["Lucas", "Battich"],
["Pierre", "Menard"]]