-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (75 loc) · 4.25 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
<!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">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;500;700;900&&family=Sono:wght@200;400;500;700;800&family=Noto+Serif+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Art Cut Homepage</title>
<link rel="stylesheet" href="indexstyle.css"></link>
<!--favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="./img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicon/favicon-16x16.png">
<link rel="manifest" href="./img/favicon/site.webmanifest">
<link rel="mask-icon" href="./img/favicon/safari-pinned-tab.svg" color="#000000">
<meta name="msapplication-TileColor" content="#000000">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="container">
<div class="nav-container">
<nav>
<div class="logo"><a href="#homepage"><img src="./img/newlogo.png" width="55px" height="auto"/></a></div>
<ul>
<li><a href="#project">Project</a></li>
<li><a href="#team">Team</a></li>
</ul>
</nav>
</div>
<section id="homepage">
<h1>Art Cut</h1>
</section>
<section id="project">
<h2>Project</h2>
<div id="description">
<p>This website was created by Francesca Borriello, Lorenza Pierucci and Laura Travaglini as part of their final project for the Digital Pubishing and Electronic Storytelling course at the University of Bologna (academic year 2021/2022).</p>
<p>The project aims at analysing arts-related topics through the lenses of data. Starting from the datasets made publicly available by the Museum of Modern Art of New York (MoMA) and by the Tate galleries, Art cut analyses artworks acquisitions throughout the years with the aim of understanding which criteria brought together the museums' collections in a historical and social perspective.</p>
</div>
<p id="portal"><a href="./project2.html">Visit the Project</a></p>
</section>
<section id="team">
<h2>Team</h2>
<div class="team">
<div class="person">
<div class="name">Francesca Borriello</div>
<div class="description">Master's Degree student of DHDK at the University of Bologna. Graduated in Humanities.</div>
<div class="role">data collection</div>
<div class="role">data cleaning</div>
<div class="role">data manipulation</div>
<div class="role">data analysis</div>
<div><img id="fra" src="./img/forbice2.png"/></div>
</div>
<div class="person">
<div class="name">Lorenza Pierucci</div>
<div class="description">Master's Degree student of DHDK at the University of Bologna. Graduated in Cultural Heritage.</div>
<div class="role">data collection</div>
<div class="role">data cleaning</div>
<div class="role">data analysis</div>
<div class="role">data visualization</div>
<div><img id="lore" src="./img/forbice1.png"/></div>
</div>
<div class="person">
<div class="name">Laura Travaglini</div>
<div class="description">Master's Degree student of DHDK at the University of Bologna. Graduated in Humanities.</div>
<div class="role">data collection</div>
<div class="role">web development</div>
<div class="role">storytelling</div>
<div class="role">graphics</div>
<div><img id="lora" src="./img/forbice3.png"></div>
</div>
</div>
</section>
</div>
</body>
</html>