-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcluster_8.html
60 lines (58 loc) · 3.18 KB
/
cluster_8.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
<!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">
<title>A·kin</title>
<link rel="stylesheet" href="styles.css">
<link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
</head>
<body>
<div id="loader" class="on"><p>loading...</p></div>
<nav id="desktop-nav">
<a href="./kolam.html"><img class='kolam' src="./kolam.svg"><span>Clusters</span></a>
<a href="./about.html">About</a>
<a href="./video.html">Video</a>
<a href="./categorisation.html">Categorisation</a>
<a href="./credits.html">Credits</a>
</nav>
<img id="mobile-nav-trigger" class='kolam' src="./kolam.svg">
<nav id="mobile-nav">
<a href="./kolam.html">Home (Clusters)</a>
<a href="./about.html">About</a>
<a href="./video.html">Video</a>
<a href="./categorisation.html">Categorisation</a>
<a href="./credits.html">Credits</a>
</nav>
<div class="clust" id="outer">
<p id="instructions">
<span id="desktop-only">Click a layer to view its provenance. Click again to move past the layer.</span><span id="mobile-only">Tap and hold a layer to view it's provenance. Tap again to move past the layer.</span><br>
<a href="./cluster_8.html">Click here to reset→</a>
</p>
<div id="inner">
<div id="history"><p id="hist-label">Layer History (click to return to an image):</p><div id="history-icons"></div></div>
<div id="wrapper">
<a href="/cluster_8.html" id="over">You've reached the last layer. Click to restart</a>
</div>
<div id="text">
<h1>Portrait of a seated man.</h1><p>Composite of 12 photographs from R. Dasen Studio in Karaikudi, Tamilnadu Studio and New Studio in Madurai, and other unidentified studios. One of the images is from the artist's family archive, the rest are from stars.archive.<br><br>“In this cluster, there seems to be almost as many images as there are in its sibling cluster of individual portraits of women. It does seem that a few of the images could've been originally group photographs and a photo manipulation technique called vignetting was used to isolate the individual. One of these images is of my grandfather before he left for the United States the first time. I wonder if any of the other younger men in this cluster were also leaving home after these portraits were taken.”</p>
</div>
</div>
</div>
<script src="./p5.min.js"></script>
<script src="./8.js"></script>
<script>
document.querySelector("#mobile-nav-trigger").addEventListener("click", function(){
if(document.querySelector("#mobile-nav").classList.contains("open")){
document.querySelector("#mobile-nav").classList.remove("open")
}else{
document.querySelector("#mobile-nav").classList.add("open")
}
})
</script>
<script src="https://unthinking.photography/assets/affiliate/affiliate.js"
id="utp" data-utp-url="https://unthinking.photography/articles/akin"
data-utp-pos=“top"></script>
</body>
</html>