added link and conditional to image

backend/templates/hydroshare_resource_template.html

@@ -32,7 +32,7 @@
 
   .truncate {
     position: relative;
-    max-width:300px;
+    max-width:350px;
     /* need automatic multi-line height */
     white-space: nowrap;
     overflow: hidden;
@@ -59,7 +59,15 @@
 <div class="card border-light mb-3 w-100" style="max-width:900px;">
     <div class="row g-0">
       <div class="col-md-4">
-        <img src="{{ instance.image }}" class="img-fluid rounded-start" alt="...">
+        {% if instance.web_site_url  %} 
+          <a href="{{ instance.web_site_url }}">
+            <img src="{{ instance.image }}" class="img-fluid rounded-start" alt="...">
+          </a>
+        {% else %}
+          <a href='javascript:void(0)' class='portfolio-link'>
+            <img src="{{ instance.image }}" class="img-fluid rounded-start" alt="...">
+          </a>
+        {% endif %}
       </div>
       <div class="col-md-8">
         <div class="card-body">
@@ -72,8 +80,6 @@ <h5 class="card-title card-h5">{{ instance.title }}</h5>
             </a>
             <span><i class="bi bi-chevron-compact-up"></i></span>
           </p>
-
-
           <p class="card-text my-2 fs-6 lh-1.5 fw-light d-flex flex-row justify-content-between w-25"  style="max-width:300px;">
             {% if instance.github_url %}
               <a href="{{ instance.github_url }}" class="text-decoration-none text-secondary" title="github"> <i class="bi bi-github"></i></a>