From fa68d7f8421af5dee0de0d317fe763faa2ec4ae3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=88=98=E5=B0=91=E6=9E=97?= <372798735@qq.com> Date: Sat, 20 Apr 2024 14:23:06 +0800 Subject: [PATCH] feat: Style optimization and add search reset --- README-zh.md | 13 - README.md | 19 - template/_partial/form_filtering.ejs | 22 +- template/_partial/header.ejs | 767 +++++++++++++++++++-------- template/index.ejs | 42 +- 5 files changed, 574 insertions(+), 289 deletions(-) diff --git a/README-zh.md b/README-zh.md index 2f49352fe29..ad2231fd8ca 100644 --- a/README-zh.md +++ b/README-zh.md @@ -28,20 +28,7 @@ Github 全球/中国用户排名，全球仓库 Star 最多排名，通过 Githu 现在每天可以自动更新了，利用 [GitHub Actions Workflows](https://github.com/actions/starter-workflows) 通过定时器，每天 `00:00` (北京时间早上8:00) 触发 GitHub 的工作流，自动爬数据，将生成的 web 页面提交到 `gh-pages` 分支，并且自动发布 [npm](https://www.npmjs.com/package/@wcj/github-rank) 版本，真香！！ 更新时间：2022-11-05 09:15:32 -## 克隆项目 -```bash -git clone https://github.com/372798735/github-rank-fork.git -``` -```bash -cd github-rank-fork - -npm install -``` -run -```bash -npm run start -``` ## 插件使用 diff --git a/README.md b/README.md index f640e1432dd..473a57cf89e 100644 --- a/README.md +++ b/README.md @@ -29,25 +29,6 @@ Now it can be updated automatically every day, using [GitHub Actions Workflows]( Update date: 2024-04-18 05:58:49 -## 克隆项目 - -```bash -git clone https://github.com/372798735/github-rank-fork.git -``` -```bash -cd github-rank-fork - -npm install -``` -run -```bash -npm run start -``` -## Plug-in Usage - -```bash -npm install @wcj/github-rank --save-dev -``` Users can obtain ranking data by importing data, or directly access the [user leaderboard](https://unpkg.com/@wcj/github-rank/web/index.html) through [UNPKG](https://unpkg.com/@wcj/github-rank/dist/users.json). diff --git a/template/_partial/form_filtering.ejs b/template/_partial/form_filtering.ejs index 8f3523cafbf..f29be1678f5 100644 --- a/template/_partial/form_filtering.ejs +++ b/template/_partial/form_filtering.ejs @@ -16,6 +16,9 @@ margin-left: 5px; cursor: pointer; } + .form_filtering .reset-button { + margin-left: 5px; + } .hidden { display: none !important; } @@ -27,8 +30,9 @@ }
@@ -85,6 +97,12 @@
<% } %> - + + diff --git a/template/_partial/header.ejs b/template/_partial/header.ejs index 8be6f30de55..208397e94e8 100644 --- a/template/_partial/header.ejs +++ b/template/_partial/header.ejs @@ -1,242 +1,541 @@ - - - - - - <%= title %> - - - + - <% if (/(repos|trending)/.test(tabCls)) { %> - - <% } %> - <% if (/(users|trending)/.test(tabCls)) { %> - - <% } %> - <% if (/(users|repos|trending)/.test(tabCls)) { %> - - <% } %> - <% if (tabCls === 'repos') { %> - - <% } %> - <% if (tabCls === 'users') { %> - + <% if (/(repos|trending)/.test(tabCls)) { %> + + <% } %> <% if (/(users|trending)/.test(tabCls)) { %> + + <% } %> <% if (/(users|repos|trending)/.test(tabCls)) { %> + + <% } %> <% if (tabCls === 'repos') { %> + + <% } %> <% if (tabCls === 'users') { %> + - <% } %> - - - - - - - - - - -

- - <%= title %> - <% if (tabCls === 'users') { %> - - - - <% } %> - <% if (tabCls === 'repos') { %> - - - + @media only screen and (max-width: 768px) { + .userlist + table + :is( + td:nth-child(3), + td:nth-child(4), + th:nth-child(3), + th:nth-child(4) + ) { + display: none; + } + } + <% } %> - <% if (tabCls === 'trending') { %> - - + + + + + + + + + - <% } %> -

-
Last cache created on <%=`${new Date().getFullYear()}/${(new Date().getMonth()) + 1}/${new Date().getDate()}`%> by - <% if (tabCls === 'users') { %> - <% if (type === 'global') { %> - Github API v3. +

+ + <%= title %> <% if (tabCls === 'users') { %> + + + + <% } %> <% if (tabCls === 'repos') { %> + + + + <% } %> <% if (tabCls === 'trending') { %> + + + <% } %> - <% if (type === 'org') { %> - Github API v3. - <% } %> - <% if (type === 'china') { %> - Github API v3. - <% } %> - <% } %> - <% if (tabCls === 'repos') { %> - Github API v3. - <% } %> - <% if (tabCls === 'trending') { %> - Github Trending. - <% } %> Create by 小弟调调™. -

-
- Users - Repos - Trending -
- <%- include('./form_filtering', { tabCls: tabCls }); %> + +
+ Last cache created on <%=`${new Date().getFullYear()}/${(new + Date().getMonth()) + 1}/${new Date().getDate()}`%> by <% if (tabCls === + 'users') { %> <% if (type === 'global') { %> + Github API v3. <% } %> <% if (type === 'org') { %> + Github API v3. <% } %> <% if (type === 'china') { %> + Github API v3. <% } %> <% } %> <% if (tabCls === 'repos') { %> + Github API v3. <% } %> <% if (tabCls === 'trending') { %> + Github Trending. <% } %> Create + by + 小弟调调™. +
+
+ Users + Repos + Trending +
+ <%- include('./form_filtering', { tabCls: tabCls }); %> + + diff --git a/template/index.ejs b/template/index.ejs index d61b9b1cff9..53960843dc2 100644 --- a/template/index.ejs +++ b/template/index.ejs @@ -1,24 +1,24 @@ -<%- include('./_partial/header', { tabCls: 'users', type: 'global', title: 'GitHub Users Global Ranking' }); %> +<%- include('./_partial/header', { tabCls: 'users', type: 'global', title: +'GitHub Users Global Ranking' }); %>
<%- include('./_partial/users_nav', { type: 'global' }); %> - - - - - - - - - - - - - - - <% USERS.forEach(function(user, idx) {%> - <%- include('./_partial/users_list', { user, idx }); %> - <% }); %> - -
avaloginlocationcompanyfollowersfollowingreposcreated at
+ + + + + + + + + + + + + + + <% USERS.forEach(function(user, idx) {%> <%- + include('./_partial/users_list', { user, idx }); %> <% }); %> + +
avaloginlocationcompanyfollowersfollowingreposcreated at
-<%- include('./_partial/footer', { }); %> \ No newline at end of file +<%- include('./_partial/footer', { }); %>