Make CNCF logo relative to site root (#19)

Previously with it being page-relative, the logo would render on the
main page at '/' but would not work for nested pages such as
'/about/'.

I've updated both the "main" template and the juice template, although
it appears that only the juice template is actually used by the site.

Signed-off-by: John Eckersberg <jeckersb@redhat.com>

Author: jeckersb

templates/index.html

@@ -53,11 +53,11 @@ <h3 class="title-text text-center">
 {% block footer %}
 <footer>
     <p class="subtext">We are a Cloud Native Computing Foundation sandbox project.</p>
-    <p><a href="https://cncf.io"><img src="img/cncf-color-bg.svg" height="75px" alt="CNCF logo"></a></p>
+    <p><a href="https://cncf.io"><img src="{{ get_url(path='img/cncf-color-bg.svg') }}" height="75px" alt="CNCF logo"></a></p>
 <p class="subtext">
     bootc, originally created by Red Hat and donated to open source with ❤<br/>
     Copyright © bootc, a Series of LF Projects, LLC<br/>
     For website terms of use, trademark policy and other project policies please see <a href="https://lfprojects.org/policies/">lfprojects.org/policies/</a>.
 </p>
 </footer>
-{% endblock footer %}
+{% endblock footer %}

themes/juice/templates/base.html

@@ -78,7 +78,7 @@
     {% block footer %}
     <footer>
         <p class="subtext">We are a Cloud Native Computing Foundation sandbox project.</p>
-        <p><a href="https://cncf.io"><img src="img/cncf-color-bg.svg" height="75px" alt="CNCF logo"></a></p>
+        <p><a href="https://cncf.io"><img src="{{ get_url(path='img/cncf-color-bg.svg') }}" height="75px" alt="CNCF logo"></a></p>
         <p class="subtext">
             bootc, originally created by Red Hat and donated to open source with ❤<br/>
             Copyright © bootc, a Series of LF Projects, LLC<br/>
@@ -112,4 +112,4 @@
     items.forEach(item => observer.observe(item));
 </script>
 
-</html>
+</html>