From cf93816dce5ba2dd86353d58da96e3689e4de692 Mon Sep 17 00:00:00 2001 From: xiaomai Date: Thu, 11 Sep 2025 15:39:28 +0800 Subject: [PATCH] feat(ui): overhaul landing page with premium dark theme and dynamic content This commit introduces a complete redesign of the landing page, shifting from a static layout to a dynamic, configuration-driven interface with a new premium visual theme. Key Changes: - **Visual Redesign**: Implemented a new premium dark theme with a gold and dark blue color palette, updated typography using 'Playfair Display' and 'Inter' fonts, and enhanced visual effects like gradients, shadows, and hover animations. - **Dynamic Content**: The 'Services' and 'Other Links' sections are no longer hardcoded in HTML. They are now dynamically generated from a `siteConfig` JavaScript object, making the content easier to manage and update. - **On-Scroll Animations**: Added fade-in animations for cards and links as they enter the viewport, using the `IntersectionObserver` API for a more engaging user experience. - **Language Switcher Enhancement**: The language switcher now re-renders the dynamic content to display the correct language without a page reload. - **Code Refactoring**: Centralized page content into a single configuration object, improving maintainability and separating data from presentation. --- index.html | 717 ++++++++++++++++++++++++++++++++++------------------- 1 file changed, 458 insertions(+), 259 deletions(-) diff --git a/index.html b/index.html index 6019575..843da8e 100644 --- a/index.html +++ b/index.html @@ -3,38 +3,35 @@ - Tootaio - 一站式开发者服务平台 + Tootaio - Premium Developer Services +
@@ -328,6 +475,7 @@ 联系 @@ -339,10 +487,10 @@
-

Your All-in-One Developer Platform

-

一站式开发者服务平台

-

Tootaio provides a suite of powerful tools and services for developers, gamers, and creators. Everything you need in one place.

-

Tootaio 为开发者、游戏玩家和创作者提供一套强大的工具和服务。您所需的一切，尽在一处。

+

Premium Developer Experience

+

卓越开发者体验

+

Tootaio provides a suite of premium tools and services for developers, gamers, and creators. Experience the difference.

+

Tootaio 为开发者、游戏玩家和创作者提供一套高级工具和服务。体验与众不同的服务。

Explore Services
@@ -353,138 +501,8 @@

Our Services

-
- -
-
-

tootaio.com

-
-
-

The main portal to all Tootaio services and resources.

-

通往所有 Tootaio 服务和资源的主门户。

- Visit Site -
-
- - -
-
-

git.tootaio.com

-
-
-

Self-hosted Gitea open source community platform.

-

自托管的 Gitea 开源社区平台。

- Visit Site -
-
- - -
-
-

nas.tootaio.com

-
-
-

Cloud storage solution for your files and data.

-

为您的文件和数据提供的云存储解决方案。

- Visit Site -
-
- - -
-
-

torrent.tootaio.com

-
-
-

Download torrent files to our server with high speed.

-

借助服务器高速下载 Torrent 文件。

- Visit Site -
-
- - -
-
-

wiki.tootaio.com

-
-
-

Wiki for our studio's games and project planning.

-

我们工作室游戏和项目策划的维基百科。

- Visit Site -
-
- - -
-
-

kenney-assets.tootaio.com

-
-
-

Unofficial mirror for Kenney's game assets.

-

Kenney 游戏资源的非官方镜像站。

- Visit Site -
-
- - -
-
-

itch-gd-dl.tootaio.com

-
-
-

Itch.io Godot game crawler and downloader.

-

Itch.io Godot 游戏爬取和下载工具。

- Visit Site -
-
- - -
-
-

pdf.tootaio.com

-
-
-

Online PDF tools for all your document needs.

-

满足您所有文档需求的在线 PDF 工具。

- Visit Site -
-
- - -
-
-

life-restart.tootaio.com

-
-
-

Mirror site for the Life Restart Simulator game.

-

人生重开模拟器游戏的镜像站。

- Visit Site -
-
- - -
-
-

memos.tootaio.com

-
-
-

Note-taking space for your ideas and thoughts.

-

记录您的想法和思考的笔记空间。

- Visit Site -
-
- - -
-
-

json.tootaio.com

-
-
-

JSON Hero viewer for visualizing and editing JSON data.

-

用于可视化和编辑 JSON 数据的 JSON Hero 查看器。

- Visit Site -
-
+
+
@@ -494,38 +512,8 @@

Other Links

-
- -
- -
- Kingsmai's Personal Blog - Kingsmai 的个人博客 - - - -
- -
- Kingsmai's GitHub - Kingsmai 的 GitHub - - - -
- -
- Studio Discord Community - 工作室 Discord 社区 - - - -
- -
- Studio BiliBili Space - 工作室 BiliBili 空间 - +
@@ -570,8 +558,116 @@
+ +
+

Developer Options

+
+ + +
+
+ \ No newline at end of file