Dynamically set image src based on large logo


#1

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?

For starters,

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 :upside_down_face: )