Docs: Add sponsor, update formatting, etc.

raquo · May 16, 2024 · 1202b86 · 1202b86
1 parent a1fab10
commit 1202b86
Show file tree

Hide file tree

Showing 10 changed files with 77 additions and 19 deletions.
diff --git a/README.md b/README.md
@@ -42,14 +42,16 @@ Huge thanks to [all of our sponsors](https://github.com/sponsors/raquo) – your
 
 ### GOLD Sponsors:
 
-[![Yurique](https://laminar.dev/img/sponsors/yurique-50px.jpg?)](https://github.com/yurique) **[Iurii Malchenko](https://github.com/yurique)**
-
-[![Aurinko.io](https://laminar.dev/img/sponsors/aurinko-light-250px.png)](https://www.aurinko.io/)
-
-[Aurinko](https://aurinko.io/) is an API platform for workplace addons and integrations.
-
-
-
+[![Yurique](https://laminar.dev/img/sponsors/yurique-80px.jpg?)](https://github.com/yurique)<br />
+**[Iurii Malchenko](https://github.com/yurique)**
+<br />
+<br />
+[![Aurinko.io](https://laminar.dev/img/sponsors/aurinko-light-250px.png)](https://www.aurinko.io/)<br />
+**[Aurinko](https://aurinko.io/)** is an API platform for workplace addons and integrations.
+<br />
+<br />
+<a href="https://tawasal.ae"><img src="https://laminar.dev/img/sponsors/tawasal.svg" width="80"></a><br />
+<b><a href="https://tawasal.ae">Tawasal</a></b> is a secure multi-purpose messenger and superapp, offering free voice, text, video conferencing and lifestyle services.
 
 
 

diff --git a/website/blog/2021-02-03-laminar-v0.12.0.md b/website/blog/2021-02-03-laminar-v0.12.0.md
@@ -607,7 +607,7 @@ GOLD sponsors supporting this release:
     </div>
   </div>
   <div class="-sponsor x-person x-tawasal">
-    <img class="-avatar" src="/img/sponsors/tawasal.png" alt="" />
+    <img class="-avatar" src="/img/sponsors/tawasal.svg" alt="" />
     <div class="-text">
       <div class="-name"><a href="https://tawasal.ae">Tawasal</a></div>
       <div class="-description">Secure multi-purpose messenger and superapp, offering free voice, text, video conferencing and lifestyle services.</div>

diff --git a/website/blog/2021-02-26-laminar-v0.12.1.md b/website/blog/2021-02-26-laminar-v0.12.1.md
@@ -23,7 +23,7 @@ GOLD sponsors supporting this release:
     </div>
   </div>
   <div class="-sponsor x-person x-tawasal">
-    <img class="-avatar" src="/img/sponsors/tawasal.png" alt="" />
+    <img class="-avatar" src="/img/sponsors/tawasal.svg" alt="" />
     <div class="-text">
       <div class="-name"><a href="https://tawasal.ae">Tawasal</a></div>
       <div class="-description">Secure multi-purpose messenger and superapp, offering free voice, text, video conferencing and lifestyle services.</div>

diff --git a/website/blog/2021-04-01-laminar-v0.12.2.md b/website/blog/2021-04-01-laminar-v0.12.2.md
@@ -56,7 +56,7 @@ GOLD sponsors supporting this release:
     </div>
   </div>
   <div class="-sponsor x-person x-tawasal">
-    <img class="-avatar" src="/img/sponsors/tawasal.png" alt="" />
+    <img class="-avatar" src="/img/sponsors/tawasal.svg" alt="" />
     <div class="-text">
       <div class="-name"><a href="https://tawasal.ae">Tawasal</a></div>
       <div class="-description">Secure multi-purpose messenger and superapp, offering free voice, text, video conferencing and lifestyle services.</div>

diff --git a/website/blog/2021-05-04-laminar-v0.13.0.md b/website/blog/2021-05-04-laminar-v0.13.0.md
@@ -84,7 +84,7 @@ GOLD sponsors supporting this release:
     </div>
   </div>
   <div class="-sponsor x-person x-tawasal">
-    <img class="-avatar" src="/img/sponsors/tawasal.png" alt="" />
+    <img class="-avatar" src="/img/sponsors/tawasal.svg" alt="" />
     <div class="-text">
       <div class="-name"><a href="https://tawasal.ae">Tawasal</a></div>
       <div class="-description">Secure multi-purpose messenger and superapp, offering free voice, text, video conferencing and lifestyle services.</div>

diff --git a/website/blog/2023-11-02-laminar-full-stack-demo.md b/website/blog/2023-11-02-laminar-full-stack-demo.md
@@ -65,7 +65,7 @@ Laminar sponsorships have been gradually growing for a long time, thanks both to
 Recently, HeartAI have upgraded their Laminar sponsorship to an extent that I had to create a new tier for such a level of support. Frankly, this one event is what prompted me to create this new Laminar demo project. I have wanted to do it for a long time, but up until now it has always been an unattainable nice-to-have, buried in the ever-growing todo list. But as my support base has grown to a new level, so has my ability to work on things that will help grow our community even further.
 
 
-### DIAMOND sponsor:
+<h4 class="x-like-h3">DIAMOND sponsor:</h4>
 
 <div class="-sponsorsList x-alignItemsStart x-justifyContentCenter">
 <div class="-sponsor x-diamond x-company x-heartai">

diff --git a/website/blog/2024-05-14-laminar-v17.0.0.md b/website/blog/2024-05-14-laminar-v17.0.0.md
@@ -24,8 +24,8 @@ This release has it all: new features, ergonomic improvements, and bug fixes, in
 
 Ecosystem updates for v17:
 
-* [Laminext](https://laminext.dev) 0.17.0, [Frontroute 0.19.0](https://frontroute.dev) (docs to be updated)
-* [Laminar SAP UI5 bindings](https://github.com/sherpal/LaminarSAPUI5Bindings) 1.21.1 (currently compiled against v17.0.0-M8, but should work with v17.0.0 as well)
+* [Laminext](https://laminext.dev) 0.17.0, [Frontroute](https://frontroute.dev) 0.19.0 (docs to be updated)
+* [Laminar SAP UI5 bindings](https://github.com/sherpal/LaminarSAPUI5Bindings) 1.21.2
 * [Animus](https://github.com/kitlangton/animus) 6.0.1
 
 
@@ -340,7 +340,7 @@ First of all, special thanks to the Scala.js core team for continued improvement
 Laminar development is kindly supported by [my sponsors](https://github.com/sponsors/raquo), and I am very grateful for being able to work on all this.
 
 
-### DIAMOND sponsor:
+<h4 class="x-like-h3">DIAMOND sponsor:</h4>
 
 <div class="-sponsorsList x-alignItemsStart x-justifyContentCenter">
 <div class="-sponsor x-diamond x-company x-heartai">
@@ -366,4 +366,14 @@ Laminar development is kindly supported by [my sponsors](https://github.com/spon
       <div class="-tagline"><u>Aurinko</u> is an API platform for workplace addons and integrations.</div>
     </a>
   </div>
+  <a class="-sponsor x-person x-tawasal" href="https://tawasal.ae">
+    <img class="-avatar" src="/img/sponsors/tawasal.svg" alt="" />
+    <div class="-text">
+      <div class="-name">Tawasal</div>
+      <div class="-description">Secure multi-purpose messenger and superapp, offering free voice, text, video conferencing and lifestyle services.</div>
+    </div>
+  </a>
+  <div class="-sponsor x-empty">
+    <!-- filler for layout purposes -->
+  </div>
 </div>
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
@@ -235,7 +235,7 @@ class Index extends React.Component {
                 <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>
+                    <div className="-tagline"><u className="pseudolink">HeartAI</u> is a data and analytics platform for digital health and clinical care.</div>
                   </a>
                 </div>
               </div>
@@ -250,9 +250,19 @@ class Index extends React.Component {
                 <div className="-sponsor x-company x-aurinko">
                   <a className="x-noHover" href="https://www.aurinko.io/">
                     <img className="-logo" src="/img/sponsors/aurinko-dark-250px.png" alt="" />
-                    <div className="-tagline"><u>Aurinko</u> is an API platform for workplace addons and integrations.</div>
+                    <div className="-tagline"><u className="pseudolink">Aurinko</u> is an API platform for workplace addons and integrations.</div>
                   </a>
                 </div>
+                <div className="-sponsor x-person x-tawasal">
+                  <img className="-avatar" src="/img/sponsors/tawasal.svg" alt="" />
+                  <div className="-text">
+                    <div className="-name"><a href="https://tawasal.ae">Tawasal</a></div>
+                    <div className="-description">Secure multi-purpose messenger and superapp, offering free voice, text, video conferencing and lifestyle services.</div>
+                  </div>
+                </div>
+                <div className="-sponsor x-empty">
+                  {/* placeholder for layout purposes */}
+                </div>
               </div>
               <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>

diff --git a/website/static/css/custom.css b/website/static/css/custom.css
@@ -233,7 +233,8 @@ textarea::placeholder {
   text-decoration: underline;
 }
 
-.-homeSection a:not(.x-noHover):hover {
+.-homeSection a:not(.x-noHover):hover,
+.-homeSection u.pseudolink:hover {
   padding: 5px;
   margin: -5px;
   background: rgba(213, 49, 48, 0.6);
@@ -397,6 +398,12 @@ textarea::placeholder {
   flex-basis: 0;
 }
 
+.-sponsorsList .-sponsor.x-empty {
+  /* This empty "sponsor" fills the 2x2 grid. */
+  /* Because it's empty, we allow the sibling sponsor to use up some of its space */
+  margin-left: -80px;
+}
+
 .-sponsorsList .-sponsor.x-company a {
   text-decoration: none !important;
 }
@@ -439,11 +446,27 @@ textarea::placeholder {
   top: 10px;
 }
 
+.-homeSection .-sponsorsList {
+  color: white;
+}
+
 .post .-sponsorsList .-sponsor.x-aurinko {
   position: relative;
   top: 5px;
 }
 
+.post .-sponsorsList .-sponsor.x-company .-tagline {
+  color: black;
+}
+
+.post .-sponsorsList .-sponsor.x-company .-tagline u {
+  color: #dc322f;
+}
+
+.post .-sponsorsList a.-sponsor.x-person .-description {
+  color: black;
+}
+
 .-sponsorsList .-sponsor.x-heartai {
   text-align: center;
 }
@@ -498,6 +521,11 @@ textarea::placeholder {
   color: #999;
 }
 
+.post h4.x-like-h3 {
+  /* Looks like h3 but, being h4, it does not appear in the table of contents */
+  font-size: 20px;
+}
+
 /* Docs sidebar */
 
 .onPageNav:empty {

diff --git a/website/static/img/sponsors/tawasal.svg b/website/static/img/sponsors/tawasal.svg