This is an automated email from the ASF dual-hosted git repository. potiuk pushed a commit to branch staging in repository https://gitbox.apache.org/repos/asf/airflow-site.git
commit 042aba5ced6862a80d05e9dc6d7b089f9587a129 Author: alok kumar0421 <[email protected]> AuthorDate: Mon Nov 24 00:35:22 2025 +0530 add blog snippet section to home --- landing-pages/site/assets/scss/main-custom.scss | 45 +++++++++++++++++++++++++ landing-pages/site/layouts/index.html | 26 ++++++++++++++ 2 files changed, 71 insertions(+) diff --git a/landing-pages/site/assets/scss/main-custom.scss b/landing-pages/site/assets/scss/main-custom.scss index fb5887e204..7073ba2c85 100644 --- a/landing-pages/site/assets/scss/main-custom.scss +++ b/landing-pages/site/assets/scss/main-custom.scss @@ -57,3 +57,48 @@ @import "survey"; @import "testimonial"; @import "suggest-change"; + +/* Blog Snippet Section */ +.blog-snippet-list { + display: grid; + gap: 1.2rem; + grid-template-columns: 1fr; +} + +.blog-snippet-item { + padding: 1rem 1.25rem; + border-radius: 8px; + background: rgba(255, 255, 255, 0.03); + border: 1px solid rgba(255, 255, 255, 0.07); + transition: 0.2s ease; +} + +.blog-snippet-item:hover { + transform: translateY(-3px); + border-color: rgba(100, 200, 255, 0.6); + background: rgba(255, 255, 255, 0.05); +} + +.blog-snippet-title { + margin: 0.25rem 0; + font-size: 1.1rem; +} + +.blog-snippet-title a { + text-decoration: none; +} + +.blog-snippet-title a:hover { + text-decoration: underline; +} + +.blog-snippet-excerpt { + margin: 0; + opacity: 0.85; + font-size: 0.95rem; +} + +.blog-snippet-item time { + font-size: 0.8rem; + opacity: 0.7; +} diff --git a/landing-pages/site/layouts/index.html b/landing-pages/site/layouts/index.html index 73b37a171e..7dc33e878a 100644 --- a/landing-pages/site/layouts/index.html +++ b/landing-pages/site/layouts/index.html @@ -91,4 +91,30 @@ </div> </div> </div> + <div> + <h4 class="page-header">From the Blog</h4> + + <div class="blog-snippet-list"> + {{ range first 3 (where .Site.RegularPages "Section" "blog") }} + <article class="blog-snippet-item"> + <time datetime="{{ .Date }}"> + {{ .Date.Format "Jan 2, 2006" }} + </time> + + <h3 class="blog-snippet-title"> + <a href="{{ .RelPermalink }}">{{ .Title }}</a> + </h3> + + <p class="blog-snippet-excerpt"> + {{ .Summary | plainify | truncate 140 }} + </p> + </article> + {{ end }} + </div> + + <div style="margin-top: 1rem;"> + <a class="btn btn-primary" href="/blog/">Visit the Blog</a> + </div> +</div> + {{ end }}
