This is an automated email from the ASF dual-hosted git repository.
kaxilnaik pushed a commit to branch staging
in repository https://gitbox.apache.org/repos/asf/airflow-site.git
The following commit(s) were added to refs/heads/staging by this push:
new 8dd0b9ba39 Fix confetti animation by adding root baseof.html with
webpack script loading
8dd0b9ba39 is described below
commit 8dd0b9ba399bce2a61f3f369b212bed6c9644b7e
Author: Kaxil Naik <[email protected]>
AuthorDate: Tue Dec 16 21:19:46 2025 +0000
Fix confetti animation by adding root baseof.html with webpack script
loading
The homepage was using Docsy's root baseof.html which relied on hooks to
load
webpack bundles. However, .Site.Data.webpack was not being populated
properly
during the Hugo build for the homepage.
All other sections (blog, docs, community, etc.) have their own baseof.html
files
that explicitly load webpack scripts after </body>. This commit adds a root
baseof.html for the homepage using the same pattern.
This matches the approach used in PR #1270 where the confetti animation
works
correctly on https://airflow-dark.surge.sh/.
---
landing-pages/site/layouts/baseof.html | 44 ++++++++++++++++++++++
.../site/layouts/partials/hooks/body-end.html | 1 -
2 files changed, 44 insertions(+), 1 deletion(-)
diff --git a/landing-pages/site/layouts/baseof.html
b/landing-pages/site/layouts/baseof.html
new file mode 100644
index 0000000000..0b2cf74588
--- /dev/null
+++ b/landing-pages/site/layouts/baseof.html
@@ -0,0 +1,44 @@
+{{/*
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+*/}}
+
+<!doctype html>
+<html itemscope itemtype="http://schema.org/WebPage";
+ {{- with .Site.Language.LanguageDirection }} dir="{{ . }}" {{- end -}}
+ {{ with .Site.Language.Lang }} lang="{{ . }}" {{- end }} {{/**/ -}}
+ class="no-js">
+ <head>
+ {{ partial "head.html" . }}
+ </head>
+ <body class="td-{{ .Kind }}{{ with .Page.Params.body_class }} {{ . }}{{ end
}}">
+ <header>
+ {{ partial "navbar.html" . }}
+ </header>
+ <div class="container-fluid td-default td-outer">
+ <main role="main" class="td-main">
+ {{ block "main" . }}{{ end }}
+ </main>
+ {{ partial "footer.html" . }}
+ </div>
+ {{ partialCached "scripts.html" . }}
+ </body>
+ {{ $script := .Site.Data.webpack.main }}
+ {{ with $script.js }}
+ <script src="{{ relURL . }}"></script>
+ {{ end }}
+</html>
diff --git a/landing-pages/site/layouts/partials/hooks/body-end.html
b/landing-pages/site/layouts/partials/hooks/body-end.html
index 705db284a2..e783767480 100644
--- a/landing-pages/site/layouts/partials/hooks/body-end.html
+++ b/landing-pages/site/layouts/partials/hooks/body-end.html
@@ -18,7 +18,6 @@
*/}}
{{/* Include webpack-generated main.js for confetti animation and other
features */}}
-<script>console.log("body-end hook called");</script>
{{ with .Site.Data.webpack }}
<script src="{{ relURL .main.js }}"></script>
{{ end }}
