<html><head><title>New Map</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript"> jQuery.noConflict(); </script> <script src="http://vue.tufts.edu/htmlexport-includes/jquery.maphilight.min.js" type="text/javascript"></script><script src="http://vue.tufts.edu/htmlexport-includes/v3/tooltip.min.js" type="text/javascript"></script><script type="text/javascript">jQuery(function() {jQuery.fn.maphilight.defaults = { fill: false, fillColor: '000000', fillOpacity: 0.2, stroke: true, strokeColor: '282828', strokeOpacity: 1, strokeWidth: 4, fade: true, alwaysOn: false } jQuery('.example2 img').maphilight(); }); </script> <style type="text/css"> #tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; } </style> </head><body> <div class="example2"><img class="map" src="map.png" width="771.0" height="847.0" usemap="#vuemap"><map name="vuemap"> <area id="node0" shape="rect" coords="24,433,243,521"></area> <area class="tooltip" title="deprecated (json-) api from Konrad; used by the webinterface" id="node1" shape="rect" coords="429,26,515,66"></area> <area class="tooltip" title="new all-in-one REST-Api" id="node2" shape="rect" coords="424,113,521,152"></area> <area class="tooltip" title="/App/ for buyables like mate,kitkat" id="node3" shape="rect" coords="409,202,534,242"></area> <area class="tooltip" title="/App/ for login, register,settings" id="node4" shape="rect" coords="421,307,524,346"></area> <area class="tooltip" title="/App/ for moneytransfers" id="node5" shape="rect" coords="396,398,548,437"></area> <area class="tooltip" title="stores webstuff (images,css,js)" id="node6" shape="rect" coords="415,527,529,567"></area> <area class="tooltip" title="django-default" id="node7" shape="rect" coords="401,621,545,661"></area> <area class="tooltip" title="django-default (empty)" id="node8" shape="rect" coords="401,784,545,824"></area> <area class="tooltip" title="maps URLs to python-(views.py) functions " id="node9" shape="rect" coords="417,693,527,733"></area> <area id="node10" shape="rect" coords="695,486,745,518"></area> <area id="node11" shape="rect" coords="695,537,746,570"></area> <area id="node12" shape="rect" coords="702,595,737,627"></area> </map></div></body></html>