66 lines
No EOL
2.3 KiB
HTML
66 lines
No EOL
2.3 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>cocoatlas</title>
|
|
<meta name="description" content="test">
|
|
<meta name="keywords" content="chocolate, cocoa">
|
|
<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
<script src="js/jquery-3.6.0.min.js"></script>
|
|
<script src="js/jquery-ui.min.js"></script>
|
|
<script src="js/application.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="object">
|
|
<img src="ImgProtocol.png"/>
|
|
<a href="PageProtocol.jpg"></a>
|
|
<p>Harkin-Engel Protocol</p>
|
|
</div>
|
|
|
|
<div class="object">
|
|
<img src="ImgLison.png"/>
|
|
<a href="PageLison.pdf"></a>
|
|
<p>Packaging</p>
|
|
</div>
|
|
|
|
<div class="object">
|
|
<img src="ImgRaphaelle.png"/>
|
|
<a href="PageRaphaelle.jpg"></a>
|
|
<p>Local Dish</p>
|
|
</div>
|
|
|
|
<div class="object">
|
|
<img src="ImgJuli.png"/>
|
|
<a href="PageJuli.pdf"></a>
|
|
<p>Manioc</p>
|
|
</div>
|
|
|
|
<!-- <div class="object">
|
|
<img src="ImgProtocol.png"/>
|
|
<a href="PageProtocol.jpg"></a>
|
|
</div> -->
|
|
|
|
<div class=landingPage>
|
|
<h1>Chocolate Atlas</h1>
|
|
The Chocolate Atlas takes the viewer on a non-liner route through the world of cocoa. Using
|
|
the lens of cocoa to magnify the detached consumption of goods on a global base. A melt-inyour-mouth sweet for some and, amongst others, a child-slavery-based business for others. The
|
|
reality of food is not singular, which is why the Atlas is organized in an organic spread that can
|
|
be accessed at multiple points. Cocoa and its trade route is one of the most fragmented crops of
|
|
the world, equaling in increased accountability detachment from the fruit to the bar.
|
|
<p>Project Developed
|
|
at Design Academy of Eindhoven
|
|
<br>Curated and edited
|
|
by Lison, Julia, Camille, Raphaelle, Gianmarco</p>
|
|
<div class=buttonEnter>enter</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |