You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

49 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Wor(l)ds for the Future</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="plain-draggable.min.js"></script>
<script data-require="p5.js@0.5.7" data-semver="0.5.7" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.7/p5.min.js"></script>
<script data-require="p5.dom.js@0.5.7" data-semver="0.5.7" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.7/addons/p5.dom.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<map name="image-map">
<area target="" alt="" title="" href="LIQUID/" coords="766,1156,942,1272" shape="rect">
<area target="" alt="" title="" href="OTHERNESS/" coords="1740,264,2009,372" shape="rect">
<area target="" alt="" title="" href="ECO-SWARAJ/" coords="166,1315,128" shape="circle">
</map>
<div id="container">
<p id="atata">Atata</p><br>
<p id="Liquid">Liquid</p><br><br>
<p id="!?">!?</p><br><br>
<p id="Otherness">Otherness</p><br><br><br><br><br>
<img id="Resurgence" src="grab.png">
<img id="pic" class="pic" src="IMAGES/resurgence/resurgence-icon-01-01.png">
<img id="pic2" class="pic" src="IMAGES/resurgence/rock2.png">
<img id="pic3" class="pic" src="IMAGES/liquid/liquidsym2.png">
<img id="pic4" class="pic" src="IMAGES/practical/practical1.png">
<img id="pic5" class="pic" src="IMAGES/practical/practical2.png">
<img id="pic6" class="pic" src="IMAGES/practical/practical3.png">
</div>
<script src="script.js"></script>
</body>
</html>