User:Lbattich/Nominal Variations

From XPUB & Lens-Based wiki

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

Nominal Variations

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"]]