From d0e61ca31a4ce7d3617be52812a02a87d125a406 Mon Sep 17 00:00:00 2001 From: Paulus Schoutsen Date: Wed, 31 Jul 2024 11:12:11 +0200 Subject: [PATCH] Show OHF logo on loading and about screen (#21504) * Show OHF logo on loading screen * Also add OHF logo to about page --- demo/src/html/index.html.template | 4 +++ public/static/icons/ohf.svg | 38 ++++++++++++++++++++++++ src/html/index.html.template | 4 +++ src/panels/config/info/ha-config-info.ts | 21 +++++++++++++ 4 files changed, 67 insertions(+) create mode 100644 public/static/icons/ohf.svg diff --git a/demo/src/html/index.html.template b/demo/src/html/index.html.template index 4f4353d633..bd1daaf1c5 100644 --- a/demo/src/html/index.html.template +++ b/demo/src/html/index.html.template @@ -69,6 +69,9 @@ #ha-launch-screen .ha-launch-screen-spacer { flex: 1; } + .ohf-logo { + height: 80px; + } @@ -79,6 +82,7 @@
+ <%= renderTemplate("../../../src/html/_js_base.html.template") %> diff --git a/public/static/icons/ohf.svg b/public/static/icons/ohf.svg new file mode 100644 index 0000000000..64fd2eccd3 --- /dev/null +++ b/public/static/icons/ohf.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/html/index.html.template b/src/html/index.html.template index ef34659178..95f064ca24 100644 --- a/src/html/index.html.template +++ b/src/html/index.html.template @@ -45,6 +45,9 @@ #ha-launch-screen .ha-launch-screen-spacer { flex: 1; } + .ohf-logo { + height: 80px; + } @@ -55,6 +58,7 @@
+ <%= renderTemplate("_js_base.html.template") %> diff --git a/src/panels/config/info/ha-config-info.ts b/src/panels/config/info/ha-config-info.ts index b7289a7eed..c4c49f3197 100644 --- a/src/panels/config/info/ha-config-info.ts +++ b/src/panels/config/info/ha-config-info.ts @@ -162,6 +162,17 @@ class HaConfigInfo extends LitElement { + +
Proud part of
+ + Open Home Foundation + + + ${PAGES.map( @@ -272,6 +283,16 @@ class HaConfigInfo extends LitElement { margin: 24px; } + .ohf { + text-align: center; + padding-bottom: 0; + } + + .ohf img { + width: 100%; + max-width: 250px; + } + .versions { display: flex; flex-direction: column;