feat(ui): overhaul landing page with new design and search functionality
This commit completely rewrites the main landing page (index.html) to introduce a modern, data-driven design and new features.
The previous implementation had hardcoded data and styles directly within the HTML file. This refactor separates concerns and improves maintainability.
Key changes:
- Complete visual redesign with a modern "glassmorphism" aesthetic and a new color palette.
- Externalized all service and link data into a new `siteConfig.json` file, which is now fetched asynchronously.
- Added a search bar to dynamically filter the list of services.
- Implemented a keyboard shortcut ('/') to focus the search input.
- Rewrote the JavaScript logic for rendering content, making it more modular and easier to manage.
This commit is contained in:
987
index.html
987
index.html
File diff suppressed because it is too large
Load Diff
90
siteConfig.json
Normal file
90
siteConfig.json
Normal file
@@ -0,0 +1,90 @@
|
||||
{
|
||||
"services": [
|
||||
{
|
||||
"name": "git.tootaio.com",
|
||||
"url": "https://git.tootaio.com",
|
||||
"description_en": "Self-hosted Gitea open source community platform.",
|
||||
"description_zh": "自托管的 Gitea 开源社区平台。"
|
||||
},
|
||||
{
|
||||
"name": "nas.tootaio.com",
|
||||
"url": "https://nas.tootaio.com",
|
||||
"description_en": "Cloud storage solution for your files and data.",
|
||||
"description_zh": "为您的文件和数据提供的云存储解决方案。"
|
||||
},
|
||||
{
|
||||
"name": "torrent.tootaio.com",
|
||||
"url": "https://torrent.tootaio.com",
|
||||
"description_en": "Download torrent files to our server with high speed.",
|
||||
"description_zh": "借助服务器高速下载 Torrent 文件。"
|
||||
},
|
||||
{
|
||||
"name": "wiki.tootaio.com",
|
||||
"url": "https://wiki.tootaio.com",
|
||||
"description_en": "Wiki for our studio's games and project planning.",
|
||||
"description_zh": "我们工作室游戏和项目策划的维基百科。"
|
||||
},
|
||||
{
|
||||
"name": "kenney-assets.tootaio.com",
|
||||
"url": "https://kenney-assets.tootaio.com",
|
||||
"description_en": "Unofficial mirror for Kenney's game assets.",
|
||||
"description_zh": "Kenney 游戏资源的非官方镜像站。"
|
||||
},
|
||||
{
|
||||
"name": "itch-gd-dl.tootaio.com",
|
||||
"url": "https://itch-gd-dl.tootaio.com",
|
||||
"description_en": "Itch.io Godot game crawler and downloader.",
|
||||
"description_zh": "Itch.io Godot 游戏爬取和下载工具。"
|
||||
},
|
||||
{
|
||||
"name": "pdf.tootaio.com",
|
||||
"url": "https://pdf.tootaio.com",
|
||||
"description_en": "Online PDF tools for all your document needs.",
|
||||
"description_zh": "满足您所有文档需求的在线 PDF 工具。"
|
||||
},
|
||||
{
|
||||
"name": "life-restart.tootaio.com",
|
||||
"url": "https://life-restart.tootaio.com",
|
||||
"description_en": "Mirror site for the Life Restart Simulator game.",
|
||||
"description_zh": "人生重开模拟器游戏的镜像站。"
|
||||
},
|
||||
{
|
||||
"name": "memos.tootaio.com",
|
||||
"url": "https://memos.tootaio.com",
|
||||
"description_en": "Note-taking space for your ideas and thoughts.",
|
||||
"description_zh": "记录您的想法和思考的笔记空间。"
|
||||
},
|
||||
{
|
||||
"name": "json.tootaio.com",
|
||||
"url": "https://json.tootaio.com",
|
||||
"description_en": "JSON Hero viewer for visualizing and editing JSON data.",
|
||||
"description_zh": "用于可视化和编辑 JSON 数据的 JSON Hero 查看器。"
|
||||
}
|
||||
],
|
||||
"otherLinks": [
|
||||
{
|
||||
"name_en": "Kingsmai's Personal Blog",
|
||||
"name_zh": "Kingsmai 的个人博客",
|
||||
"url": "https://kingsmai.github.io",
|
||||
"icon": "blog"
|
||||
},
|
||||
{
|
||||
"name_en": "Kingsmai's GitHub",
|
||||
"name_zh": "Kingsmai 的 GitHub",
|
||||
"url": "https://github.com/kingsmai",
|
||||
"icon": "github"
|
||||
},
|
||||
{
|
||||
"name_en": "Studio Discord Community",
|
||||
"name_zh": "工作室 Discord 社区",
|
||||
"url": "https://discord.com/invite/sJcv7ZM",
|
||||
"icon": "discord"
|
||||
},
|
||||
{
|
||||
"name_en": "Studio BiliBili Space",
|
||||
"name_zh": "工作室 BiliBili 空间",
|
||||
"url": "https://space.bilibili.com/670118055",
|
||||
"icon": "video"
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user