Add "template" figures for non-existing logos and javascript for checking svg support...
[proteocache.git] / webapp / view / fragments / logos.jsp
index e02bf7a..99e1148 100644 (file)
@@ -1,15 +1,25 @@
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
 
-<spring:url value="/images/proteocache.png" var="logo" />
-<spring:url value="/images/uod_logo_white.gif" var="university" />
+<spring:url value="/images/proteocache05d.svg" var="logoSVG" />
+<spring:url value="/images/proteocache05d.png" var="logoPNG" />
+<spring:url value="/images/uod_logo_transparent.svg" var="universitySVG" />
+<spring:url value="/images/uod_logo_transparent.png" var="universityPNG" />
+<spring:url value="/images/Template_Logo.svg" var="bartongroupSVG" />
+<spring:url value="/images/Template_Logo.png" var="bartongroupPNG" />
+<script>
+function checkSVG(svg,png,title) {
+       if (Modernizr.svg) {
+               document.write('<img class=\"displayed\" src=\"' + svg + '\" alt=\"'+ title + '\"/>');
+       } else {
+               document.write('<img class=\"displayed\" src=\"' + png + '\" alt=\"'+ title + '\"/>');
+       }
+}
+</script>
 
 <table class="table">
        <tr>
-               <td><a href="http://www.dundee.ac.uk">
-               <img class="displayedleft" src="${university}" title="University of Dundee" alt="Std Logo" longdesc="http://www.dundee.ac.uk"/></a></td>
-               <td><img class="displayed" src="${logo}" alt="ProteoCache 0.5" title="ProteoCache framework, version 0.5"/></td>
-               <td><img class="displayedleft" src="${university}" alt="Long Logo"/></td>
+               <td><a href="http://www.compbio.dundee.ac.uk/"><script>checkSVG('${bartongroupSVG}', '${bartongroupPNG}', 'Barton Group Logo');</script></a></td>
+               <td><script>checkSVG('${logoSVG}', '${logoPNG}', 'ProteoCache Logo');</script>  </td>
+               <td><a href="http://www.dundee.ac.uk"><script>checkSVG('${universitySVG}', '${universityPNG}', 'University of Dundee Logo');</script></a></td>
        </tr>
 </table>
-
-<!-- <img class="displayed" src="" />-->