markhobson
commented
1 month ago Here is an example of how we customise src/nunjucks/template.njk:
<div class="one-login-header__logo">
<a href="{{ homepageLink }}" class="one-login-header__link one-login-header__link--homepage">
- <span class="one-login-header__logotype">
- <!--[if gt IE 8]><!-->
- <svg
- aria-hidden="true"
- focusable="false"
- class="one-login-header__logotype-crown"
- xmlns="http://www.w3.org/2000/svg"
- viewBox="0 0 32 30"
- height="30"
- width="32">
- <path fill="currentColor" fill-rule="evenodd" d="M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.
- </svg>
- <!--<![endif]-->
- <span>
- GOV.UK
- </span>
- </span>
+ <img class="one-login-header__logotype ate-header__logotype" src="{{ url_for('static', filename='ate-header/ATE_WHITE_LANDSCP_AW.png') }}" alt="Active Travel England"/>
+ <img class="one-login-header__logotype ate-header__logotype--focus" src="{{ url_for('static', filename='ate-header/ATE_BLK_LANDSCP_AW.png') }}" alt="Active Travel England"/>
</a>
</div>
We are building a service that doesn't live directly under gov.uk which means there are restrictions on the use of the Crown Logo and GDS Transport font.
The service is using GOV.UK One Login for authentication and incorporates the service header which uses the logo and font.
It would be helpful if the service header supported the ability to customise the logo to allow non-GOV.UK services to comply with the above restrictions.