(polaris) branch main updated: Site: Make homepage image full-width (#3171)

[yufei]

This is an automated email from the ASF dual-hosted git repository.

yufei pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/polaris.git


The following commit(s) were added to refs/heads/main by this push:
     new 34604e398 Site: Make homepage image full-width (#3171)
34604e398 is described below

commit 34604e398b91a1ee7e9f72ad00a05c633c5d1c08
Author: Tamas Mate <50709850+tma...@users.noreply.github.com>
AuthorDate: Mon Dec 1 22:42:12 2025 +0100

    Site: Make homepage image full-width (#3171)
    
    Add CSS class to allow images to span full viewport width by
    canceling out container padding. Apply to homepage hero image
    using AsciiDoc role attribute.
---
 site/assets/scss/_styles_project.scss | 11 +++++++++++
 site/content/_index.adoc              |  1 +
 2 files changed, 12 insertions(+)

diff --git a/site/assets/scss/_styles_project.scss 
b/site/assets/scss/_styles_project.scss
index f5c8ca3f2..7813c779a 100644
--- a/site/assets/scss/_styles_project.scss
+++ b/site/assets/scss/_styles_project.scss
@@ -24,3 +24,14 @@
 .td-sidebar-toc {
   padding-top: 1.75rem;
 }
+
+// Make image span full viewport width by canceling out
+// container padding
+.imageblock.full-width {
+  margin-inline: calc(0px - var(--bs-gutter-x));
+  width: calc(100% + var(--bs-gutter-x) + var(--bs-gutter-x));
+
+  img {
+    width: 100%;
+  }
+}
diff --git a/site/content/_index.adoc b/site/content/_index.adoc
index f979c1594..e7ac5aa18 100644
--- a/site/content/_index.adoc
+++ b/site/content/_index.adoc
@@ -31,6 +31,7 @@ Apache Polaris is an open-source, fully-featured catalog for 
Apache Iceberg™.
 
 {{< /blocks/cover >}}
 
+[.full-width]
 image::img/Polaris-Catalog-BLOG-symmetrical-subhead.png[Polaris Catalog]
 
 {{< blocks/section color="dark" type="row" >}}