Use 'asset_url_for' template tag for static assets

Vhoakab84 · Jan 9, 2018 · 798a9e4 · 798a9e4
1 parent 80957cc
commit 798a9e4
Show file tree

Hide file tree

Showing 12 changed files with 23 additions and 23 deletions.
diff --git a/brigade/templates/about.html b/brigade/templates/about.html
@@ -30,9 +30,9 @@ <h2>Code of Conduct</h2>
     <div class="panel__body layout-centered">
       <h4>Funders</h4>
       <ul class="list list--inline">
-        <li><a href="https://www.rallydev.com/about/rally-for-impact" target="_blank"><img src="{{ url_for('static', filename='images/CAlogo.png') }}" height="60px"></a></li>
-        <li><a href="https://www.esri.com/" target="_blank"><img src="{{ url_for('static', filename='images/logo_esri.png') }}" height="60px"></a></li>
-        <li><a href="https://knightfoundation.org/" target="_blank"><img src="{{ url_for('static', filename='images/logo_knightfoundation.png') }}" height="60px"></a></li>
+        <li><a href="https://www.rallydev.com/about/rally-for-impact" target="_blank"><img src="{{ asset_url_for('images/CAlogo.png') }}" height="60px"></a></li>
+        <li><a href="https://www.esri.com/" target="_blank"><img src="{{ asset_url_for('images/logo_esri.png') }}" height="60px"></a></li>
+        <li><a href="https://knightfoundation.org/" target="_blank"><img src="{{ asset_url_for('images/logo_knightfoundation.png') }}" height="60px"></a></li>
       </ul>
     </div>
   </div>    

diff --git a/brigade/templates/free_software.html b/brigade/templates/free_software.html
@@ -30,23 +30,23 @@ <h2>Cloud Hosting</h2>
     <div class="inkind-card-list">
       <a class="inkind-card" href="{{ url_for(".free_software_show", software="heroku") }}">
         <div class="inkind-card__logo">
-          <img src="/static/images/software_heroku.png" width="102px" />
+          <img src="{{ asset_url_for('images/software_heroku.png') }}" width="102px" />
         </div>
         <p>Heroku is a simple, easy-to-use cloud hosting service which is perfect for small to medium projects.</p>
         <div class="button">Learn more</div>
       </a>
 
       <a class="inkind-card" href="{{ url_for(".free_software_show", software="bizspark") }}">
         <div class="inkind-card__logo">
-          <img src="/static/images/software_bizspark.jpg" width="200px" />
+          <img src="{{ asset_url_for('images/software_bizspark.jpg') }}" width="200px" />
         </div>
         <p>Microsoft's Bizspark program offers free Microsoft software and credits for their cloud platform, Azure.</p>
         <div class="button">Learn more</div>
       </a>
 
       <a class="inkind-card" href="{{ url_for(".free_software_show", software="twilio") }}">
         <div class="inkind-card__logo">
-          <img src="/static/images/software_twilio.png" width="200px" />
+          <img src="{{ asset_url_for('images/software_twilio.png') }}" width="200px" />
         </div>
         <p>Twilio is the easiest way to send SMS messages or handle phone calls for your project.</p>
         <div class="button">Learn more</div>
@@ -59,7 +59,7 @@ <h2>Communications</h2>
     <div class="inkind-card-list">
       <a class="inkind-card" href="{{ url_for(".free_software_show", software="slack") }}">
         <div class="inkind-card__logo">
-          <img src="/static/images/software_slack.png" width="200px" />
+          <img src="{{ asset_url_for('images/software_slack.png') }}" width="200px" />
         </div>
         <p>Slack is a group communication tool built around chat.</p>
         <div class="button">Learn more</div>
@@ -71,7 +71,7 @@ <h2>Mapping Software</h2>
     <div class="inkind-card-list">
       <a class="inkind-card" href="{{ url_for(".free_software_show", software="carto") }}">
         <div class="inkind-card__logo">
-          <img src="/static/images/software_carto.png" width="200px" />
+          <img src="{{ asset_url_for('images/software_carto.png') }}" width="200px" />
         </div>
         <p>CARTO helps you easily work with and visualize geospatial data.</p>
         <div class="button">Learn more</div>
@@ -84,7 +84,7 @@ <h2>Other</h2>
     <div class="inkind-card-list">
       <a class="inkind-card" href="{{ url_for(".free_software_show", software="github") }}">
         <div class="inkind-card__logo">
-          <img src="/static/images/software_github.png" width="200px" />
+          <img src="{{ asset_url_for('images/software_github.png') }}" width="200px" />
         </div>
         <p>GitHub offers code hosting and project management tools for open source projects.</p>
         <div class="button">Learn more</div>

diff --git a/brigade/templates/free_software/aws.html b/brigade/templates/free_software/aws.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/static/images/software_aws.png" width="200px" />
+<img src="{{ asset_url_for('images/software_aws.png') }}" width="200px" />
 {% endblock %}
 
 {% block software %}
@@ -19,7 +19,7 @@ <h5>How do you get access?</h5>
 
 <p>If you have an existing account, make sure the Account Name is the name of your brigade.</p>
 
-<img src="/static/images/software_aws_account.png" />
+<img src="{{ asset_url_for('images/software_aws_account.png') }}" />
 
 <p>This is what the account details should look like. Finally, send the Account ID number to <a href="mailto:[email protected]">[email protected]</a> along with the following information:</p>
 

diff --git a/brigade/templates/free_software/bizspark.html b/brigade/templates/free_software/bizspark.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/static/images/software_bizspark.jpg" width="209px" />
+<img src="{{ asset_url_for('images/software_bizspark.jpg') }}" width="209px" />
 {% endblock %}
 
 {% block software %}

diff --git a/brigade/templates/free_software/carto.html b/brigade/templates/free_software/carto.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/static/images/software_carto.png" width="200px" />
+<img src="{{ asset_url_for('images/software_carto.png') }}" width="200px" />
 {% endblock %}
 
 {% block software %}

diff --git a/brigade/templates/free_software/github.html b/brigade/templates/free_software/github.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/static/images/software_github.png" width="140px" />
+<img src="{{ asset_url_for('images/software_github.png') }}" width="140px" />
 {% endblock %}
 
 {% block software %}

diff --git a/brigade/templates/free_software/gsuite.html b/brigade/templates/free_software/gsuite.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/brigade/static/images/software_gsuite.svg" width="200px" />
+<img src="{{ asset_url_for('images/software_gsuite.svg') }}" width="200px" />
 {% endblock %}
 
 {% block software %}

diff --git a/brigade/templates/free_software/heroku.html b/brigade/templates/free_software/heroku.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/static/images/software_heroku.png" width="192px" />
+<img src="{{ asset_url_for('images/software_heroku.png') }}" width="192px" />
 {% endblock %}
 
 {% block software %}

diff --git a/brigade/templates/free_software/slack.html b/brigade/templates/free_software/slack.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/static/images/software_slack.png" width="192px" />
+<img src="{{ asset_url_for('images/software_slack.png') }}" width="192px" />
 {% endblock %}
 
 {% block software %}

diff --git a/brigade/templates/free_software/twilio.html b/brigade/templates/free_software/twilio.html
@@ -1,7 +1,7 @@
 {% extends "free_software.html" %}
 
 {% block logo %}
-<img src="/brigade/static/images/software_twilio.png" width="200px" />
+<img src="{{ asset_url_for('images/software_twilio.png') }}" width="200px" />
 {% endblock %}
 
 {% block software %}

diff --git a/brigade/templates/index.html b/brigade/templates/index.html
@@ -9,7 +9,7 @@
   <section id="overview">
     <div class="panel panel--red" id="intro-panel">
       <div class="panel__header">
-        <img id="logo" src="{{ url_for('static', filename='images/the_brigade.png') }}" />
+        <img id="logo" src="{{ asset_url_for('images/the_brigade.png') }}" />
       </div>
       <div class="panel__body padding-top-none">
         The Code for America Brigade Network is a national alliance of community organizers, developers, and designers that are putting technology to work in service of our local communities. We believe that government can work, for the people, by the people, in the 21st century, if we all help.
@@ -30,9 +30,9 @@
       <div class="panel__body layout-centered">
         <h4>Funders</h4>
         <ul class="list list--inline">
-          <li><a href="https://www.rallydev.com/about/rally-for-impact" target="_blank"><img src="{{ url_for('static', filename='images/CAlogo.png') }}" height="60px"></a></li>
-          <li><a href="https://www.esri.com/" target="_blank"><img src="{{ url_for('static', filename='images/logo_esri.png') }}" height="60px"></a></li>
-          <li><a href="https://knightfoundation.org/" target="_blank"><img src="{{ url_for('static', filename='images/logo_knightfoundation.png') }}" height="60px"></a></li>
+          <li><a href="https://www.rallydev.com/about/rally-for-impact" target="_blank"><img src="{{ asset_url_for('images/CAlogo.png') }}" height="60px"></a></li>
+          <li><a href="https://www.esri.com/" target="_blank"><img src="{{ asset_url_for('images/logo_esri.png') }}" height="60px"></a></li>
+          <li><a href="https://knightfoundation.org/" target="_blank"><img src="{{ asset_url_for('images/logo_knightfoundation.png') }}" height="60px"></a></li>
         </ul>
       </div>
     </div>    

diff --git a/brigade/templates/organize/playbook.html b/brigade/templates/organize/playbook.html
@@ -7,7 +7,7 @@
     <h2>Brigade Organizer's Playbook</h2>
     <p>The Brigade Organizer's Playbook focuses on the three areas key to running a sustainable Brigade: infrastructure, organizing, and building.</p>
     <p>The playbook is a work in progress. We will continue to build on its content, design, and format.</p>
-    <p><a href="{{ asset_url_for('Playbook_PDF_2_2016.pdf') }}" target="_blank" title="Playbook PDF Download">Download</a> the playbook or <a href="https://docs.google.com/document/d/19bN5RWK5nQTpz0mHUViHrzHiommBUAMSztwNRzUcxYo/edit#" target="_blank" title="Playbook Google Doc view">view the Google doc</a>.</p>
+    <p><a href="{{ asset_url_for('pdf/Playbook_PDF_2_2016.pdf') }}" target="_blank" title="Playbook PDF Download">Download</a> the playbook or <a href="https://docs.google.com/document/d/19bN5RWK5nQTpz0mHUViHrzHiommBUAMSztwNRzUcxYo/edit#" target="_blank" title="Playbook Google Doc view">view the Google doc</a>.</p>
   </div>
 
 </section>