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
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> |