排版修改

Author: Hangba

README.md

@@ -1,105 +1,39 @@
-# Space Ahead ✨ - An Astro v6 Personal Blog Template
+# HangbaSteve's Blog
 
-A minimal space-inspired personal blog template, created by Siddhesh Thadeshwar.
+Welcome to my personal blog source code repository! 
 
-> ## Now ready for Astro v6. 🥳
+This site is built with [Astro](https://astro.build/) and is automatically deployed to GitHub Pages.
 
-![Space Ahead ✨](/space-ahead-preview.jpeg)
+## 📊 GitHub Stats
 
-See the [demo](https://djsiddz.github.io/space-ahead) to know more. | View on Astro's [Theme Directory](https://astro.build/themes/details/space-ahead/).
+<p align="center">
+  <img src="https://github-readme-activity-graph.vercel.app/graph?username=Hangba&theme=react-dark" width="100%" alt="GitHub Activity Graph" />
+</p>
 
-## 🆕 Real-like Demo
+<p align="center">
+  <img src="https://github-readme-stats.vercel.app/api?username=Hangba&show_icons=true&theme=react-dark" width="48%" alt="GitHub Stats" />
+  <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=Hangba&layout=compact&theme=react-dark" width="48%" alt="Top Languages" />
+</p>
 
-View **Mumbai Stories** - [Samay Anand's Blog](https://djsiddz.github.io/samay-anand)! 🏏 |  [View Source Code](https://github.com/djsiddz/samay-anand).
+## 🚀 Local Development
 
-## Theme Features
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/stevehangba/hangba.github.io.git
+   cd hangba.github.io
+   ```
 
-- ✅ Tailwind CSS
-- ✅ Mobile-first responsive layout
-- ✅ Dark and light color mode
-- ✅ Custom About, Contact & 404 pages
-- ✅ Hero section with short bio
-- ✅ Blog content collection
-- ✅ Pagination support
-- ✅ Tags support for blog posts
-- ✅ Subscription form (only UI)
-- ✅ View transitions (via swup.js)
-- ✅ Sitemap support
-- ✅ RSS Feed support
-- ✅ Markdown support
+2. Install dependencies:
+   ```bash
+   pnpm install
+   ```
 
-### Future Scope (Based on requests)
+3. Start the development server:
+   ```bash
+   pnpm dev
+   ```
 
-- ⏹️ MDX support via @astrojs/mdx integration
-- ⏹️ SEO-friendly with canonical URLs and OpenGraph data
-- ⏹️ New Portfolio/Projects content collection
-
-## Template Integrations
-
-- Tailwind v4 via Vite Plugin as per latest Astro docs
-- Swup.js for View Transitions
-- RSS: [@astrojs/rss](https://docs.astro.build/en/guides/rss/)
-- Sitemap: [@astrojs/sitemap](https://docs.astro.build/en/guides/integrations-guide/sitemap/)
-
-## How to use this template
-
-### Getting Started
-
-1. [Create a new repo](https://github.com/new?template_name=space-ahead&template_owner=djsiddz) using this template.
-2. Clone to repo to your local computer using `git clone <your-repo-url>`. Then `cd <your-repo-name>`.
-3. Setup `pnpm` and use `pnpm install` and then `pnpm dev`.
-4. Use the `astro.config.mjs` and `src/site.config.ts` files to setup the template to your liking.
-5. Update any content on homepage (`src/pages/index.astro`), about (`src/pages/about.astro`), and contact (`src/pages/contact.astro`).
-6. Replace the template posts under (`src/content/blogs/*.md`) with your blog posts, using the same format, with the post metadata.
-7. Check the [Astro Deployment guide](https://docs.astro.build/en/guides/deploy/) to know specific steps on deploying this on your preferred provider platform.
-
-### Project Structure
-
-You'll see the following folders and files:
-
-```text
-├── public/----------------- Contains the site logo (replace with your own).
-├── src/--------------------
-│   ├── assets/------------- Contains svg icons for theme toggle component.
-│   │   └── images/--------- Contains default images for homepage and blog posts.
-│   ├── components/--------- All Astro/Preact components in this theme.
-│   ├── content/------------ Content Collections folder.
-│   │   └── blogs/---------- All the blog posts in *.md files.
-│   ├── icons/-------------- All Astro icon components.
-│   ├── layouts/------------ Shared Layout component.
-│   ├── pages/-------------- Various Astro pages, dynamic pages for blogs, tags; a custom 404 page.
-│   ├── styles/------------- Contains `global.css`, `fonts.css` and `animate.css`.
-│   ├── utils/-------------- Contains helper functions.
-│   ├── content.config.ts--- Content collections definitions.
-│   ├── env.d.ts------------ Contains helper functions.
-│   └── site.config.ts------ Manage your site information and content here.
-├── astro.config.mjs-------- Astro configuration file.
-├── changelog.md------------ Detailed Changelog for this theme.
-├── LICENSE----------------- Theme License.
-├── package.json------------ Dependencies and metadata about this template.
-├── README.md--------------- 📍 You are here.
-└── tsconfig.json----------- Typescript configuration file.
-```
-
-#### Notes
-
-- Read & consult [Astro's documentation](https://docs.astro.build/) for up-to-date information and making changes to this template.
-- The `src/components` directory is where we like to put any Astro or Preact components.
-- The `src/content/` directory contains "collections" of related Markdown (and MDX) documents. Use getCollection() to retrieve posts from `src/content/blogs/`, and type-check your frontmatter using an optional schema. See Astro's [Content Collections](https://docs.astro.build/en/guides/content-collections/) docs to learn more.
-
-## Credits and Support Info
-
-### Support Info
-
-- I provide **paid service** for customizing and setup any of my Astro templates for your projects and startups. Contact me on [Contra](https://contra.com/siddhesht/services) to know more.
-- Please feel free to create issues for any bugs or feature requests for this theme.
-
-### Credits
-
-- Generated Space Ahead ✨ logo and images for demo blog content using Microsoft Designer.
-- Homepage illustration by [Pixeltrue Ouch!](https://icons8.com/illustrations/author/ARh4OKrFtdfC)
-- Inspired from these amazing Astro templates - [Dante](https://github.com/JustGoodUI/dante-astro-theme) & [Chiri](https://github.com/the3ash/astro-chiri). Please do check them out.
-
-## License
-
-[GNU GPL v3](/LICENSE)
+4. Build for production:
+   ```bash
+   pnpm build
+   ```

changelog.md

@@ -66,4 +66,21 @@ const currentYear = new Date().getFullYear();
   :global(html[data-post-theme="texture"]) .footer-icon:hover {
     color: #ffffff !important;
   }
+
+  :global(html[data-page="home"]) .footer-copy,
+  :global(html[data-page="home"][data-post-theme="paper"]) .footer-copy {
+    color: rgba(245, 241, 234, 0.78);
+  }
+  :global(html[data-page="home"]) .footer-copyright strong,
+  :global(html[data-page="home"][data-post-theme="paper"]) .footer-copyright strong {
+    color: #f5f1ea;
+  }
+  :global(html[data-page="home"]) .footer-icon,
+  :global(html[data-page="home"][data-post-theme="paper"]) .footer-icon {
+    color: rgba(245, 241, 234, 0.74);
+  }
+  :global(html[data-page="home"]) .footer-icon:hover,
+  :global(html[data-page="home"][data-post-theme="paper"]) .footer-icon:hover {
+    color: #f5f1ea !important;
+  }
 </style>