diff --git a/src/components/HomePageHeader.js b/src/components/HomePageHeader.js
index ed361c87..51d195fe 100644
--- a/src/components/HomePageHeader.js
+++ b/src/components/HomePageHeader.js
@@ -44,6 +44,15 @@ export default function HomepageHeader() {
setShowMore(!showMore)}>
{!showMore ? 'Keep Reading...' : 'Show Less'}
+
+
+ Dashy is kindly sponsored by Umbrel -
+ the personal home cloud and OS for self-hosting
+
+
+
+
+
{(!showMore) &&
diff --git a/src/styles/Colors.scss b/src/styles/Colors.scss
index d6ed049f..f98a8f9c 100644
--- a/src/styles/Colors.scss
+++ b/src/styles/Colors.scss
@@ -5,7 +5,7 @@
--white: #f7f7f7;
--pale-grey: #e9e9e8;
--mid-grey: #a9a9a9;
- --dark-grey: ##18191a;
+ --dark-grey: #18191a;
--black: #121212;
--pitch-black: #000000;
diff --git a/src/styles/Header.module.scss b/src/styles/Header.module.scss
index 85f5f24c..d80e9ec5 100644
--- a/src/styles/Header.module.scss
+++ b/src/styles/Header.module.scss
@@ -73,7 +73,7 @@ header.heroBanner {
cursor: pointer;
margin: 2rem auto;
position: absolute;
- bottom: 2rem;
+ bottom: 0;
left: 42%;
@media (max-width: 966px) {
display: none;
@@ -90,4 +90,26 @@ header.heroBanner {
.scrollDownIcon {
width: 2rem;
path { fill: var(--text-color); }
-}
\ No newline at end of file
+}
+
+.sponsor {
+ margin: 1rem auto;
+ display: flex;
+ flex-direction: column-reverse;
+ gap: 0.5rem;
+ background: var(--background);
+ padding: 0.5rem;
+ border-radius: 6px;
+ color: var(--text-color);
+ img {
+ border-radius: 6px;
+ }
+ span {
+ font-size: 1rem;
+ text-align: center;
+ a {
+ font-size: 1rem;
+ color: var(--text-color);
+ }
+ }
+}
diff --git a/src/utils/ui-helpers.ts b/src/utils/ui-helpers.ts
index cca11ddf..9603c627 100644
--- a/src/utils/ui-helpers.ts
+++ b/src/utils/ui-helpers.ts
@@ -15,4 +15,4 @@ const getColor = (index: number): string => {
}
};
-export default getColor;
\ No newline at end of file
+export default getColor;
diff --git a/static/umbrel-banner.jpg b/static/umbrel-banner.jpg
new file mode 100644
index 00000000..a6e77765
Binary files /dev/null and b/static/umbrel-banner.jpg differ