Misc: Update sponsorship levels

raquo · Oct 11, 2023 · b8217d4 · b8217d4
1 parent d4404a1
commit b8217d4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 12 deletions.
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
@@ -230,6 +230,15 @@ class Index extends React.Component {
               <p>Our main chatroom is in <a href="https://discord.gg/JTrUxhq7sj">Discord</a>, join us there for news, tips & support!</p>
               <hr />
               <p>Laminar is developed by Nikita Gazarov with generous support from my <a href="https://github.com/sponsors/raquo">sponsors</a>.</p>
+              <h2>DIAMOND sponsor:</h2>
+              <div className="-sponsorsList x-alignItemsStart x-justifyContentCenter">
+                <div className="-sponsor x-diamond x-company x-heartai">
+                  <a className="x-noHover" href="https://www.heartai.net/">
+                    <img className="-logo" src="/img/sponsors/heartai-dark.svg" alt="" />
+                    <div className="-tagline"><u>HeartAI</u> is a data and analytics platform for digital health and clinical care.</div>
+                  </a>
+                </div>
+              </div>
               <h2>GOLD Sponsors:</h2>
               <div className="-sponsorsList x-alignItemsEnd">
                 <div className="-sponsor x-person x-yurique">
@@ -244,14 +253,8 @@ class Index extends React.Component {
                     <div className="-tagline"><u>Aurinko</u> is an API platform for workplace addons and integrations.</div>
                   </a>
                 </div>
-                <div className="-sponsor x-company x-heartai">
-                  <a className="x-noHover" href="https://www.heartai.net/">
-                    <img className="-logo" src="/img/sponsors/heartai-dark.svg" alt="" />
-                    <div className="-tagline"><u>HeartAI</u> is a data and analytics platform for digital health and clinical care.</div>
-                  </a>
-                </div>
               </div>
-              <p className="-narrower">Laminar is sponsored by people like you. If you enjoy using Laminar, please consider supporting the project on github. <span className="-emoji">🙏</span></p>
+              <p className="-narrower">Sponsorships enable me to spend more time on Laminar, Airstream, various add-ons, as well as documentation, learning materials, and community support. Thank you for making open source more sustainable. <span className="-emoji">🙏</span></p>
             </div>
           </div>
         </div>

diff --git a/website/static/css/custom.css b/website/static/css/custom.css
@@ -325,6 +325,10 @@ textarea::placeholder {
     align-items: start !important;
   }
 
+  .-sponsorsList.x-justifyContentCenter {
+    justify-content: normal !important;
+  }
+
   .-sponsorsList .-sponsor.x-aurinko {
     max-width: 300px;
     top: 0 !important;
@@ -369,6 +373,10 @@ textarea::placeholder {
   align-items: end;
 }
 
+.-sponsorsList.x-justifyContentCenter {
+  justify-content: center;
+}
+
 @media(min-width: 700px) {
 
   .-homeSection .-sponsorsList {
@@ -440,11 +448,6 @@ textarea::placeholder {
   text-align: center;
 }
 
-.-homeSection .-sponsorsList .-sponsor.x-heartai {
-  position: relative;
-  top: 10px;
-}
-
 .-sponsorsList .-sponsor.x-heartai {
   position: relative;
   top: 5px;