feat(ui): overhaul landing page with modern card-based design
This commit introduces a complete redesign of the main landing page, replacing the old two-column layout with a modern, responsive, card-based UI. The goal is to improve user experience, visual appeal, and content organization. Key changes include a new visual identity with an updated color palette, unified 'Services' and 'Other Links' sections using a card grid, refactored front-end code (HTML, CSS, JS) for better maintainability, and an updated `siteConfig.json` to support the new design with icons and clearer names. The search functionality has also been improved with real-time filtering.
This commit is contained in:
xiaomai
969
index.html
969
index.html
File diff suppressed because it is too large
Load Diff
@@ -1,64 +1,74 @@
|
|||||||
{
|
{
|
||||||
"services": [
|
"services": [
|
||||||
{
|
{
|
||||||
"name": "git.tootaio.com",
|
"name": "Gitea Service",
|
||||||
"url": "https://git.tootaio.com",
|
"url": "https://git.tootaio.com",
|
||||||
"description_en": "Self-hosted Gitea open source community platform.",
|
"description_en": "Self-hosted Gitea open source community platform.",
|
||||||
"description_zh": "自托管的 Gitea 开源社区平台。"
|
"description_zh": "自托管的 Gitea 开源社区平台。",
|
||||||
|
"icon": "code-branch"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "nas.tootaio.com",
|
"name": "Cloud Storage",
|
||||||
"url": "https://nas.tootaio.com",
|
"url": "https://nas.tootaio.com",
|
||||||
"description_en": "Cloud storage solution for your files and data.",
|
"description_en": "Cloud storage and file sharing service.",
|
||||||
"description_zh": "为您的文件和数据提供的云存储解决方案。"
|
"description_zh": "云端存储和文件共享服务。",
|
||||||
|
"icon": "cloud"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "torrent.tootaio.com",
|
"name": "Torrent Downloader",
|
||||||
"url": "https://torrent.tootaio.com",
|
"url": "https://torrent.tootaio.com",
|
||||||
"description_en": "Download torrent files to our server with high speed.",
|
"description_en": "Download torrent files to the server with the help of the server.",
|
||||||
"description_zh": "借助服务器高速下载 Torrent 文件。"
|
"description_zh": "借助服务器，将 Torrent 文件下载到服务器中。",
|
||||||
|
"icon": "download"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "wiki.tootaio.com",
|
"name": "Workshop Wiki",
|
||||||
"url": "https://wiki.tootaio.com",
|
"url": "https://wiki.tootaio.com",
|
||||||
"description_en": "Wiki for our studio's games and project planning.",
|
"description_en": "Our studio's various game/project planning wiki.",
|
||||||
"description_zh": "我们工作室游戏和项目策划的维基百科。"
|
"description_zh": "我们工作室的各个游戏/项目策划维基百科。",
|
||||||
|
"icon": "book"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "kenney-assets.tootaio.com",
|
"name": "Kenney's Assets Mirror",
|
||||||
"url": "https://kenney-assets.tootaio.com",
|
"url": "https://kenney-assets.tootaio.com",
|
||||||
"description_en": "Unofficial mirror for Kenney's game assets.",
|
"description_en": "Unofficial mirror site for Kenney's assets.",
|
||||||
"description_zh": "Kenney 游戏资源的非官方镜像站。"
|
"description_zh": "Kenney资源非官网镜像站。",
|
||||||
|
"icon": "palette"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "itch-gd-dl.tootaio.com",
|
"name": "Itch.io Godot Game Crawler",
|
||||||
"url": "https://itch-gd-dl.tootaio.com",
|
"url": "https://itch-gd-dl.tootaio.com",
|
||||||
"description_en": "Itch.io Godot game crawler and downloader.",
|
"description_en": "Itch.io Godot game crawler and downloader.",
|
||||||
"description_zh": "Itch.io Godot 游戏爬取和下载工具。"
|
"description_zh": "Itch.io Godot 游戏爬取器。",
|
||||||
|
"icon": "gamepad"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "pdf.tootaio.com",
|
"name": "PDF Tools",
|
||||||
"url": "https://pdf.tootaio.com",
|
"url": "https://pdf.tootaio.com",
|
||||||
"description_en": "Online PDF tools for all your document needs.",
|
"description_en": "Online PDF tools and utilities.",
|
||||||
"description_zh": "满足您所有文档需求的在线 PDF 工具。"
|
"description_zh": "在线PDF工具集。",
|
||||||
|
"icon": "file-pdf"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "life-restart.tootaio.com",
|
"name": "Life Restart Simulator Mirror",
|
||||||
"url": "https://life-restart.tootaio.com",
|
"url": "https://life-restart.tootaio.com",
|
||||||
"description_en": "Mirror site for the Life Restart Simulator game.",
|
"description_en": "Life Restart Simulator mirror site.",
|
||||||
"description_zh": "人生重开模拟器游戏的镜像站。"
|
"description_zh": "人生重开模拟器镜像站。",
|
||||||
|
"icon": "redo"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "memos.tootaio.com",
|
"name": "Memos Note-taking",
|
||||||
"url": "https://memos.tootaio.com",
|
"url": "https://memos.tootaio.com",
|
||||||
"description_en": "Note-taking space for your ideas and thoughts.",
|
"description_en": "Note-taking space and knowledge management.",
|
||||||
"description_zh": "记录您的想法和思考的笔记空间。"
|
"description_zh": "笔记空间和知识管理。",
|
||||||
|
"icon": "sticky-note"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "json.tootaio.com",
|
"name": "JSON Hero Viewer",
|
||||||
"url": "https://json.tootaio.com",
|
"url": "https://json.tootaio.com",
|
||||||
"description_en": "JSON Hero viewer for visualizing and editing JSON data.",
|
"description_en": "JSON Hero viewer for visualizing JSON data.",
|
||||||
"description_zh": "用于可视化和编辑 JSON 数据的 JSON Hero 查看器。"
|
"description_zh": "JSON Hero 查看器，可视化JSON数据。",
|
||||||
|
"icon": "code"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"otherLinks": [
|
"otherLinks": [
|
||||||
@@ -69,20 +79,20 @@
|
|||||||
"icon": "blog"
|
"icon": "blog"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name_en": "Kingsmai's GitHub",
|
"name_en": "GitHub Profile",
|
||||||
"name_zh": "Kingsmai 的 GitHub",
|
"name_zh": "GitHub 主页",
|
||||||
"url": "https://github.com/kingsmai",
|
"url": "https://github.com/kingsmai",
|
||||||
"icon": "github"
|
"icon": "github"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name_en": "Studio Discord Community",
|
"name_en": "Discord Community",
|
||||||
"name_zh": "工作室 Discord 社区",
|
"name_zh": "Discord 社区",
|
||||||
"url": "https://discord.com/invite/sJcv7ZM",
|
"url": "https://discord.com/invite/sJcv7ZM",
|
||||||
"icon": "discord"
|
"icon": "discord"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name_en": "Studio BiliBili Space",
|
"name_en": "BiliBili Space",
|
||||||
"name_zh": "工作室 BiliBili 空间",
|
"name_zh": "BiliBili 空间",
|
||||||
"url": "https://space.bilibili.com/670118055",
|
"url": "https://space.bilibili.com/670118055",
|
||||||
"icon": "video"
|
"icon": "video"
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user