trying to clear

Author: Drsheppard01

.astro/data-store.json

@@ -52,6 +52,8 @@
 		"overlayscrollbars": "^2.13.0",
 		"pagefind": "^1.4.0",
 		"photoswipe": "^5.4.4",
+		"postcss-import": "^16.1.1",
+		"postcss-nesting": "^13.0.2",
 		"rehype-autolink-headings": "^7.1.0",
 		"rehype-components": "^0.3.0",
 		"rehype-katex": "^7.0.1",
@@ -66,7 +68,7 @@
 		"sharp": "^0.34.5",
 		"stylus": "^0.64.0",
 		"svelte": "^5.45.6",
-		"tailwindcss": "^4.1.17",
+		"tailwindcss": "^3.4.18",
 		"typescript": "^5.9.3",
 		"unist-util-visit": "^5.0.0"
 	},

bun.lock

@@ -1,7 +1,11 @@
+import postcssImport from 'postcss-import';
+import postcssNesting from 'tailwindcss/nesting/index.js';
 import tailwindcss from 'tailwindcss';
 
 export default {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  }
-}
+    plugins: {
+        'postcss-import': postcssImport,          // to combine multiple css files
+        'tailwindcss/nesting': postcssNesting,
+        tailwindcss: tailwindcss,
+    }
+};

package.json

@@ -19,19 +19,17 @@ import { pathsEqual, url } from "../utils/url-utils";
 
 import "katex/dist/katex.css";
 import "../styles/navbar.css";
-import "../styles/banner.css";
 
 
 interface Props {
 	title?: string;
-	banner?: string;
 	description?: string;
 	lang?: string;
 	setOGTypeArticle?: boolean;
 	postSlug?: string;
 }
 
-let { title, banner, description, lang, setOGTypeArticle, postSlug } =
+let { title, description, lang, setOGTypeArticle, postSlug } =
 	Astro.props;
 
 // apply a class to the body element to decide the height of the banner, only used for initial page load
@@ -153,11 +151,6 @@ const siteLang = lang.replace("_", "-");
 			// Apply the hue to the document
 			document.documentElement.style.setProperty('--hue', hue);
 
-			// calculate the --banner-height-extend, which needs to be a multiple of 4 to avoid blurry text
-			let offset = Math.floor(window.innerHeight * (BANNER_HEIGHT_EXTEND / 100));
-			offset = offset - offset % 4;
-			document.documentElement.style.setProperty('--banner-height-extend', `${offset}px`);
-
 			// Initialize wallpaper mode using the proper initialization function
 			setTimeout(() => {
 				// Import and call the proper wallpaper initialization
@@ -166,13 +159,6 @@ const siteLang = lang.replace("_", "-");
 				});
 			}, 100);
 
-			// Banner carousel initialization function
-			window.initBannerCarousel = function() {
-				const carousel = document.getElementById('banner-carousel');
-				const carouselConfigData = carousel?.getAttribute('data-carousel-config');
-				const carouselConfig = carouselConfigData ? JSON.parse(carouselConfigData) : {};
-
-				const carouselItems = document.querySelectorAll('.carousel-item');
 
 				// 根据屏幕尺寸过滤有效的轮播项
 				const isMobile = window.innerWidth < BREAKPOINT_LG;
@@ -625,15 +611,7 @@ const setup = () => {
 			bodyElement!.classList.remove('lg:is-home');
 		}
 
-		// Control banner text visibility based on page
-		const bannerTextOverlay = document.querySelector('.banner-text-overlay')
-		if (bannerTextOverlay) {
-			if (isHomePage) {
-				bannerTextOverlay.classList.remove('hidden')
-			} else {
-				bannerTextOverlay.classList.add('hidden')
-			}
-		}
+
 
 		// Control navbar transparency based on page
 		const navbar = document.getElementById('navbar')

postcss.config.mjs

@@ -5,27 +5,20 @@ import Navbar from "@components/Navbar.astro";
 import SideBar from "@components/widget/SideBar.astro";
 import type { MarkdownHeading } from "astro";
 import { Icon } from "astro-icon/components";
-import Banner from "../components/misc/Banner.astro";
 import IconifyLoader from "../components/misc/IconifyLoader.astro";
 import TOC from "../components/widget/TOC.astro";
 import {
     siteConfig,
     sidebarLayoutConfig,
     postConfig,
 } from "../config";
-import {
-    BANNER_HEIGHT,
-    BANNER_HEIGHT_EXTEND,
-    MAIN_PANEL_OVERLAPS_BANNER_HEIGHT,
-} from "../constants/constants";
 import { widgetManager } from "../utils/widget-manager";
 import Layout from "./Layout.astro";
 
 import "../styles/maingrid.css";
 
 const {
     title,
-    banner,
     description,
     lang,
     setOGTypeArticle,
@@ -164,7 +157,6 @@ const mainContentClass = `
 
 <Layout
     title={title}
-    banner={banner}
     description={description}
     lang={lang}
     setOGTypeArticle={setOGTypeArticle}
@@ -198,16 +190,6 @@ const mainContentClass = `
         </div>
     </div>
 
-    <!-- Banner - 总是渲染但通过CSS控制可见性 -->
-    <Banner
-        config={siteConfig.wallpaper}
-        bannerImages={bannerImages}
-        isHomePage={isHomePage}
-        mobileNonHomeBannerClass={mobileNonHomeBannerClass}
-        carouselConfig={siteConfig.wallpaper.carousel}
-        class={siteConfig.wallpaper.mode === "banner" ? "" : "hidden"}
-    />
-
     <!-- Main content -->
     <div
         class={`absolute w-full z-30 pointer-events-none ${mobileNonHomeBannerClass ? "mobile-main-no-banner" : ""} ${siteConfig.wallpaper.mode !== "banner" ? "no-banner-layout" : ""} ${transparentClass}`}
@@ -221,44 +203,6 @@ const mainContentClass = `
                 id="main-grid"
                 class={`transition duration-700 w-full left-0 right-0 grid ${gridCols} grid-rows-[auto_1fr_auto] lg:grid-rows-[auto] mx-auto gap-4 px-0 md:px-4 ${!mobileShowSidebar ? "mobile-no-sidebar" : ""} ${(hasLeftSidebar || hasRightSidebar) ? "mobile-both-sidebar" : ""}`}
             >
-                <!-- Banner image credit -->
-                {
-                    hasBannerCredit && (
-                        <a
-                            href={siteConfig.wallpaper.banner?.credit?.url}
-                            id="banner-credit"
-                            target="_blank"
-                            rel="noopener"
-                            aria-label="Visit image source"
-                            class:list={[
-                                "group onload-animation transition-all absolute flex justify-center items-center rounded-full " +
-                                    "px-3 right-4 -top-[3.25rem] bg-black/60 hover:bg-black/70 h-9",
-                                {
-                                    "hover:pr-9 active:bg-black/80":
-                                        hasBannerLink,
-                                },
-                            ]}
-                        >
-                            <Icon
-                                class="text-white/75 text-[1.25rem] mr-1"
-                                name="material-symbols:copyright-outline-rounded"
-                            />
-                            <div class="text-white/75 text-xs">
-                                {siteConfig.wallpaper.banner?.credit?.text}
-                            </div>
-                            <Icon
-                                class:list={[
-                                    "transition absolute text-[oklch(0.75_0.14_var(--hue))] right-4 text-[0.75rem] opacity-0",
-                                    {
-                                        "group-hover:opacity-100":
-                                            hasBannerLink,
-                                    },
-                                ]}
-                                name="fa6-solid:arrow-up-right-from-square"
-                            />
-                        </a>
-                    )
-                }
 
                 {
                     (mobileShowSidebar ||

src/layouts/Layout.astro

@@ -108,7 +108,6 @@ const jsonLd = {
 ---
 
 <MainGridLayout
-    banner={entry.data.image}
     title={entry.data.title}
     description={entry.data.description}
     lang={entry.data.lang}