-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcluster_7.html
60 lines (58 loc) · 3.49 KB
/
cluster_7.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 id="one">
<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_7.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_7.html" id="over">You've reached the last layer. Click to restart</a>
</div>
<div id="text">
<h1>Close-up portrait of a woman</h1><p>Composite of 11 photographs from Crown Studio and The City Photo Works in Coimbatore, R. Dasen Studio in Karaikudi, New Studio in Madurai, Guhan Studio in Chennai, and other unidentified studios. Three of the images are from the artist's family archive, the rest are from stars.archive.<br><br>“I was struck by the scarcity of images in comparison with its sibling cluster of close-up portraits of men. Two images in this cluster are ID photos of my mom and one is what we believe to be either a school portrait or portrait used in matchmaking of my grandmother. It also seems as if a few of these images may have originally been group photos where the individual was isolated using a photo manipulation technique called vignetting. In these close-up portraits, you can also really see details like nose rings, flowers, textile patterns, ties, or the presence/absence of a bindi. For example, I know my grandmother's portrait was taken before marriage because she is missing a special type of necklace worn by Telugu women after marriage.” </p>
</div>
</div>
</div>
<script src="./p5.min.js"></script>
<script src="./7.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>