🔧 Add new banner sponsor badge for FastAPI courses bundle (#3288)

diff --git a/docs/en/docs/css/custom.css b/docs/en/docs/css/custom.css
index 35ff9ef70e2da5707459455a3d15d3d07dcca2f4..9449f0a79c7c0e0ddb8b7b89e94231129f3ae85d 100644 (file)
--- a/docs/en/docs/css/custom.css
+++ b/docs/en/docs/css/custom.css
@@ -89,6 +89,11 @@ a.announce-link:hover {
   z-index: 10;
 }
 
+.announce-wrapper .sponsor-image {
+  display: block;
+  border-radius: 20px;
+}
+
 .announce-wrapper>div {
   min-height: 40px;
   display: flex;

diff --git a/docs/en/docs/img/sponsors/fastapi-bundle-banner.png b/docs/en/docs/img/sponsors/fastapi-bundle-banner.png
new file mode 100644 (file)
index 0000000..43a8cce
Binary files /dev/null and b/docs/en/docs/img/sponsors/fastapi-bundle-banner.png differ

diff --git a/docs/en/overrides/main.html b/docs/en/overrides/main.html
index 25e973b81b08162d2c581cb806db0dadc472e4b9..e0783675b4e65b57a48acfd2ecd49a65540d1283 100644 (file)
--- a/docs/en/overrides/main.html
+++ b/docs/en/overrides/main.html
@@ -16,9 +16,15 @@
   </div>
   <div id="announce-right" style="position: relative;">
     <div class="item">
-      <a title="The launchpad for all your (team's) ideas" style="display: block; position: relative;" href="https://www.deta.sh/?ref=fastapi">
+      <a title="The launchpad for all your (team's) ideas" style="display: block; position: relative;" href="https://www.deta.sh/?ref=fastapi" target="_blank">
         <span class="sponsor-badge">sponsor</span>
-        <img style="display: block;" src="/img/sponsors/deta-banner.svg" />
+        <img class="sponsor-image" src="/img/sponsors/deta-banner.svg" />
+      </a>
+    </div>
+    <div class="item">
+      <a title="Get three courses at 50% off their current prices! Plus, we'll be donating 50% of all profits from sales of this bundle to the FastAPI team." style="display: block; position: relative;" href="https://testdriven.io/talkpython/" target="_blank">
+        <span class="sponsor-badge">sponsor</span>
+        <img class="sponsor-image" src="/img/sponsors/fastapi-bundle-banner.png" />
       </a>
     </div>
   </div>