Use Flask url_for to make relative routes work

2 files changed, 11 insertions, 10 deletions

diff --git a/bh20simplewebuploader/templates/banner.html b/bh20simplewebuploader/templates/banner.html
index 32db983..caf1f5c 100644
--- a/bh20simplewebuploader/templates/banner.html
+++ b/bh20simplewebuploader/templates/banner.html
@@ -1,5 +1,5 @@
       <section class="header">
-      <div class="logo"><a href="http://covid-19.genenetwork.org/"><img src="static/image/coronasmallcomp.gif" width="150" title="COVID-19 image by Tyler Morgan-Wall"></a></div>
+      <div class="logo"><a href="http://covid-19.genenetwork.org/"><img src="{{ url_for('static',filename='image/coronasmallcomp.gif') }}" width="150" title="COVID-19 image by Tyler Morgan-Wall"></a></div>
       <h1>COVID-19 PubSeq: Public SARS-CoV-2 Sequence Resource</h1>
 
       <p><span id="Counter"></span> public sequences ready for <a href="/download">download</a>!</p>
diff --git a/bh20simplewebuploader/templates/footer.html b/bh20simplewebuploader/templates/footer.html
index f78e8bf..efa1817 100644
--- a/bh20simplewebuploader/templates/footer.html
+++ b/bh20simplewebuploader/templates/footer.html
@@ -14,30 +14,31 @@
         the <a href="https://github.com/arvados/bh20-seq-resource/blob/master/paper/paper.md">paper</a>
       </p>
 
+
     </div>
     <div class="sponsors">
-      <a href="static/image/BCC2020_AndreaGuarracino_COVID19PubSeq_Poster.pdf">
-        <img src="static/image/BCC2020_AndreaGuarracino_COVID19PubSeq_Poster.png"  alt="BCC2020 COVID19 PubSeq Poster"/>
+      <a href="{{ url_for('static',filename='image/BCC2020_AndreaGuarracino_COVID19PubSeq_Poster.pdf') }}">
+        <img src="{{ url_for('static', filename='image/BCC2020_AndreaGuarracino_COVID19PubSeq_Poster.png') }}"  alt="BCC2020 COVID19 PubSeq Poster"/>
       </a>
       <h3>OUR SPONSORS</h3>
       <div class="sponsorimg">
         <a href="https://github.com/virtual-biohackathons/covid-19-bh20">
-          <img src="static/image/covid19biohackathon.png"></a>
+          <img src="{{ url_for('static',filename='image/covid19biohackathon.png') }}"></a>
       </div>
       <div class="sponsorimg">
-        <a href="https://www.curii.com/"><img src="static/image/curii.logo.ai.png"></a>
+        <a href="https://www.curii.com/"><img src="{{ url_for('static',filename='image/curii.logo.ai.png') }}"></a>
       </div>
       <div class="sponsorimg">
-        <a href="https://arvados.org/"><img src="static/image/arvados-logo.png"></a>
+        <a href="https://arvados.org/"><img src="{{ url_for('static',filename='image/arvados-logo.png') }}"></a>
       </div>
       <div class="sponsorimg">
-        <a href="https://www.commonwl.org/"><img src="static/image/CWL.png"></a>
+        <a href="https://www.commonwl.org/"><img src="{{ url_for('static',filename='image/CWL.png') }}"></a>
       </div>
       <div class="sponsorimg">
-        <a href="https://uthsc.edu/"><img src="static/image/UTHSC-primary-stacked-logo-4c.png"></a>
+        <a href="https://uthsc.edu/"><img src="{{ url_for('static',filename='image/UTHSC-primary-stacked-logo-4c.png') }}"></a>
       </div>
       <div class="sponsorimg">
-        <a href="https://www.esr.cri.nz/"><img src="static/image/ESR.png"></a>
+        <a href="https://www.esr.cri.nz/"><img src="{{ url_for('static',filename='image/ESR.png')}}"></a>
       </div>
 
     </div>
@@ -64,7 +65,7 @@
           .then((resp) => resp.json())
           .then(function (data) {
               count = data["sequences"];
-              console.log(count);
+              console.log(["Counted: ",count]);
               span = document.getElementById("Counter");
               txt = document.createTextNode(count);
               span.appendChild(txt);