Add new section in the homepage

diff --git a/site/layouts/_default/home.html b/site/layouts/_default/home.html
index 878e77474ef7c20dbb0c907554fd3f2cc4a15e30..c75d994628f11805b6fda33c21406524404976d9 100644 (file)
--- a/site/layouts/_default/home.html
+++ b/site/layouts/_default/home.html
@@ -9,6 +9,7 @@
       {{ partial "home/plugins" . }}
       {{ partial "home/icons" . }}
       {{ partial "home/themes" . }}
+      {{ partial "home/sponsoring" . }}
     </div>
   </main>
 

diff --git a/site/layouts/partials/home/sponsoring.html b/site/layouts/partials/home/sponsoring.html
new file mode 100644 (file)
index 0000000..3501864
--- /dev/null
+++ b/site/layouts/partials/home/sponsoring.html
@@ -0,0 +1,23 @@
+<section class="row g-3 g-md-5 pb-md-5 mb-5 align-items-center">
+  <div class="col-lg-6">
+    <div class="masthead-followup-icon d-inline-block mb-3" style="--bg-rgb: var(--bd-violet-rgb);">
+      {{ partial "icons/bag-heart-fill.svg" (dict "width" "32" "height" "32") }}
+    </div>
+    <h2 class="display-5 mb-3 fw-semibold lh-sm">Support Bootstrap</h2>
+    <p class="lead fw-normal">
+      Our passionated maintainers dedicate their time to ensure that Bootstrap continues to evolve since 2011. Support us by donating to our collective.
+    </p>
+    <p class="d-flex justify-content-start lead fw-normal mb-md-0">
+      <a href="{{ .Site.Params.opencollective }}" class="icon-link fw-semibold">
+        Support us via Open Collective
+        <svg class="bi"><use xlink:href="#arrow-right-short"></use></svg>
+      </a>
+    </p>
+  </div>
+  <div class="col-lg-6">
+      <img class="img-fluid mt-3 mx-auto" srcset="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-sponsoring.png,
+                                                  /docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-sponsoring@2x.png 2x"
+                                          src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-sponsoring.png"
+                                          alt="Bootstrap Sponsoring" width="700" height="500" loading="lazy">
+  </div>
+</section>

diff --git a/site/layouts/partials/icons/bag-heart-fill.svg b/site/layouts/partials/icons/bag-heart-fill.svg
new file mode 100644 (file)
index 0000000..6c69a5c
--- /dev/null
+++ b/site/layouts/partials/icons/bag-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"{{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{ . }}"{{ end }} fill="currentColor" focusable="false" viewBox="0 0 16 16">
+  <path d="M11.5 4v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5ZM8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1Zm0 6.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>

diff --git a/site/static/docs/5.2/assets/img/bootstrap-sponsoring.png b/site/static/docs/5.2/assets/img/bootstrap-sponsoring.png
new file mode 100644 (file)
index 0000000..0fa2ef7
Binary files /dev/null and b/site/static/docs/5.2/assets/img/bootstrap-sponsoring.png differ

diff --git a/site/static/docs/5.2/assets/img/bootstrap-sponsoring@2x.png b/site/static/docs/5.2/assets/img/bootstrap-sponsoring@2x.png
new file mode 100644 (file)
index 0000000..0fa2ef7
Binary files /dev/null and b/site/static/docs/5.2/assets/img/bootstrap-sponsoring@2x.png differ