I am trying to create a footer theme component.
I want to dynamically add the logo of the site and its name to the footer.
Here’s an example of the relevant part of the code:
<div class="df-logo-box"> <h1 class="df-logo-heading"> <a href="/" data-auto-route="true" class="df-logo-link"> <img class="df-logo-img" src="https://upload.wikimedia.org/wikipedia/commons/a/af/Discourse_logo.png"> <span class="site-name">SiteName</span> </a> </h1> </div>
I’d like for the image
.df-logo-img and the span
.site-name to be set dynamically. The image based on the large logo and the SiteName based on the name of the app.
Where should I be looking?
I found this in the repo, but I am unsure what needs to be done to it to work as pasting it raw does’t work. (Amazing I know )