Improve webapp appearance
[proteocache.git] / webapp / view / fragments / logos.jsp
index 6f4b222..3f825cb 100644 (file)
@@ -1,15 +1,35 @@
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
 
 <spring:url value="/images/proteocache.png" var="logo" />
-<spring:url value="/images/uod_logo_white.jpg" var="university" />
+<spring:url value="/images/uod_logo_transparent.svg" var="university" />
+<spring:url value="/images/uod_logo_transparent.png" var="universityPNG" />
 
 <table class="table">
        <tr>
-               <td><a href="http://www.dundee.ac.uk">
-               <img class="displayed" src="${university}" title="University of Dundee" alt="Std Logo" longdesc="http://www.dundee.ac.uk"/></a></td>
+               <td>
+               <a href="http://www.dundee.ac.uk">
+               <script>
+                       document.write("<img class=\"displayed\" ");
+                       if (Modernizr.svg) {
+                               document.write("src=\"${university}\"");
+                       } else {
+                               document.write("src=\"${universityPNG}\"");
+                       }
+                       document.write(" alt=\"University of Dundee\"/>");
+               </script>
+               </a>
+               </td>
                <td><img class="displayed" src="${logo}" alt="ProteoCache 0.5" title="ProteoCache framework, version 0.5"/></td>
-               <td><img class="displayed" src="${university}" alt="Long Logo"/></td>
+               <td>
+               <script>
+                       document.write("<img class=\"displayed\" ");
+                       if (Modernizr.svg) {
+                               document.write("src=\"${university}\"");
+                       } else {
+                               document.write("src=\"${universityPNG}\"");
+                       }
+                       document.write(" alt=\"University of Dundee\"/>");
+               </script>
+               </td>
        </tr>
 </table>
-
-<!-- <img class="displayed" src="" />-->