adding sponsors to index page of docs (#4074)

* adding sponsors to index page of docs

* Adjust ExoFlare sponsor link (#4080)

* add UTM identifiers to TC link

Co-authored-by: Tom Hamilton Stubber <[email protected]>

Co-authored-by: Huon Wilson <[email protected]>
Co-authored-by: Tom Hamilton Stubber <[email protected]>

Author: 3 people

docs/extra/tweaks.css

@@ -14,14 +14,18 @@
   background: hsla(0, 0%, 92.5%, 0.5);
 }
 
-#_default_ a._default_, #_default_ .default-text {
-  width: 100% !important;
+.sponsors {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 1rem 0;
 }
 
-.md-nav__link[data-md-state=blur]:not(.md-nav__link--active) {
-  color: rgba(0, 0, 0, 0.87);
+.sponsors div {
+  text-align: center;
 }
 
-.md-nav__link--active {
-  font-weight: 700;
+.sponsors img {
+  width: 75%;
+  border-radius: 5px;
 }

docs/index.md

@@ -13,6 +13,59 @@ Data validation and settings management using python type annotations.
 
 Define how data should be in pure, canonical python; validate it with *pydantic*.
 
+## Sponsors
+
+Development of *pydantic* is made possible by the following sponsors:
+
+<div class="sponsors">
+  <div>
+    <a rel="sponsored" target="_blank" href="https://www.salesforce.com">
+      <img src="./sponsor_logos/salesforce.png" alt="Salesforce" />
+      Salesforce
+    </a>
+  </div>
+  <div>
+    <a rel="sponsored" target="_blank" href="https://fastapi.tiangolo.com">
+      <img src="./sponsor_logos/fastapi.png" alt="FastApi" />
+      FastApi
+    </a>
+  </div>
+  <div>
+    <a rel="sponsored" target="_blank" href="https://tutorcruncher.com/?utm_source=pydantic&utm_campaign=open_source">
+      <img src="./sponsor_logos/tutorcruncher.png" alt="TutorCruncher" />
+      TutorCruncher
+    </a>
+  </div>
+  <div>
+    <a rel="sponsored" target="_blank" href="https://www.exoflare.com/open-source/?utm_source=pydantic&utm_campaign=open_source">
+      <img src="./sponsor_logos/exoflare.png" alt="ExoFlare" />
+      ExoFlare
+    </a>
+  </div>
+  <div>
+    <a rel="sponsored" target="_blank" href="https://home.robusta.dev">
+      <img src="./sponsor_logos/robusta.png" alt="Robusta" />
+      Robusta
+    </a>
+  </div>
+  <div>
+    <a rel="sponsored" target="_blank" href="https://www.sendcloud.com">
+      <img src="./sponsor_logos/sendcloud.png" alt="SendCloud" />
+      SendCloud
+    </a>
+  </div>
+</div>
+
+And many more who kindly sponsor Samuel Colvin on [GitHub Sponsors](https://github.com/sponsors/samuelcolvin#sponsors).
+
+<script>
+  // randomize the order of sponsors
+  const ul = document.querySelector('.sponsors')
+  for (let i = ul.children.length; i >= 0; i--) {
+    ul.appendChild(ul.children[Math.random() * i | 0])
+  }
+</script>
+
 ## Example
 
 ```py