diff --git a/_data/stars/zhou-xiaojun-jd_mask.yml b/_data/stars/zhou-xiaojun-jd_mask.yml
new file mode 100644
index 000000000..598ed30e8
--- /dev/null
+++ b/_data/stars/zhou-xiaojun-jd_mask.yml
@@ -0,0 +1 @@
+190
diff --git a/_includes/github_icon.md b/_includes/github_icon.md
new file mode 100644
index 000000000..86881bfe3
--- /dev/null
+++ b/_includes/github_icon.md
@@ -0,0 +1 @@
+<a href="https://github.com/{{repo_name}}" target="_blank"><img alt="github" src="assets/shields/{{ repo_name | split: '/' | join: '-' }}.svg" align="top"></a>
diff --git a/_includes/github_icon_with_name.md b/_includes/github_icon_with_name.md
new file mode 100644
index 000000000..ebe0359cb
--- /dev/null
+++ b/_includes/github_icon_with_name.md
@@ -0,0 +1 @@
+{{ repo_name }} <a href="https://github.com/{{repo_name}}" target="_blank"><img alt="github" src="assets/shields/{{ repo_name | split: '/' | join: '-' }}.svg" align="top"></a>
diff --git a/_includes/navigation.md b/_includes/navigation.md
index 00909da55..930420194 100644
--- a/_includes/navigation.md
+++ b/_includes/navigation.md
@@ -1 +1 @@
-| <a href="index" name="top">Global</a> | [Countries](areas) | [China](china) | <a href="tags"> <em style="color:#D0CE3B">tags</em> </a> | [About](about) |
\ No newline at end of file
+| <a href="index" name="top">Global</a> | [Countries](areas) | [China](china) | <a href="tags"> <em style="color:#C68C10">tags</em> </a> | [About](about) |
\ No newline at end of file
diff --git a/_includes/projects.md b/_includes/projects.md
index 078e98328..f56c185e6 100644
--- a/_includes/projects.md
+++ b/_includes/projects.md
@@ -2,7 +2,7 @@
 {% for group in projects %}
 ## {{ group.group_name }}
 {% for repo in group.repos %}
-&nbsp;{% if repo.repo_name %} <object alt="github" data="assets/shields/{{ repo.repo_name | split: '/' | join: '-' }}.svg" type="image/svg+xml" align="top"></object>{% endif %} {% if repo.repo2_name %} <object alt="github" data="assets/shields/{{ repo.repo2_name | split: '/' | join: '-' }}.svg" type="image/svg+xml" align="top"></object> {% endif %} {% if repo.web_name %}<a href="{{ repo.web_url }}" target="blank">{{ repo.web_name }}</a>{% endif %} {% if repo.web2_name %}<a href="{{ repo.web2_url }}" target="blank">{{ repo.web2_name }}</a>{% endif %} {{ repo.content }} {% for tag in repo.tags %} <em style="color:#D0CE3B"> {{ tag }}</em> {% endfor %} {% endfor %}
+* {% if repo.repo_name %} {% assign repo_name = repo.repo_name %} {% include github_icon.md %}{% endif %} {% if repo.repo2_name %} {% assign repo_name = repo.repo2_name %} {% include github_icon.md %}{% endif %} {% if repo.web_name %}<a href="{{ repo.web_url }}" target="blank">{{ repo.web_name }}</a>{% endif %} {% if repo.web2_name %}<a href="{{ repo.web2_url }}" target="blank">{{ repo.web2_name }}</a>{% endif %} {{ repo.content }} {% for tag in repo.tags %} <em style="color:#C68C10"> {{ tag }}</em> {% endfor %} {% endfor %}
 {% endfor %}
 
 
diff --git a/_includes/tags_projects.md b/_includes/tags_projects.md
index e776fa347..da3e92c0a 100644
--- a/_includes/tags_projects.md
+++ b/_includes/tags_projects.md
@@ -3,8 +3,8 @@
 {% for group in projects_sorted %}
 ## {{ group.group_name }}
 {% for repo in group.repos %}
-* {% if repo.repo_name %} {{ repo.repo_name }} <object alt="github" data="assets/shields/{{ repo.repo_name | split: '/' | join: '-' }}.svg" type="image/svg+xml" align="top"></object> {% endif %} {% if repo.repo2_name %} {{ repo.repo2_name }} <object alt="github" data="assets/shields/{{ repo.repo2_name | split: '/' | join: '-' }}.svg" type="image/svg+xml" align="top"></object> {% endif %} {% if repo.web_name %}<a href="{{ repo.web_url }}" target="blank">{{ repo.web_name }}</a>{% endif %} {% if repo.web2_name %}<a href="{{ repo.web2_url }}" target="blank">{{ repo.web2_name }}</a>{% endif %} {{ repo.content }} {% for tag in repo.tags %} <em style="color:#D0CE3B"> {{ tag }}</em> {% endfor %} {% endfor %}
-<button type="button" class="hvr-radial-out" style="background-color:#83E583;color=#F392F3" onclick='myFunction("top")'>back to top</button>
+* {% if repo.repo_name %}{% assign repo_name = repo.repo_name %} {% include github_icon_with_name.md %}{% endif %} {% if repo.repo2_name %}{% assign repo_name = repo.repo2_name %} {% include github_icon_with_name.md %}{% endif %} {% if repo.web_name %}<a href="{{ repo.web_url }}" target="blank">{{ repo.web_name }}</a>{% endif %} {% if repo.web2_name %}<a href="{{ repo.web2_url }}" target="blank">{{ repo.web2_name }}</a>{% endif %} {{ repo.content }} {% for tag in repo.tags %} <em style="color:#C68C10"> {{ tag }}</em> {% endfor %} {% endfor %}
+<button  type="button" onclick='myFunction("top")'>back to top</button>
 {% endfor %}
 
 
diff --git a/index.md b/index.md
index ff37e29fa..625741aec 100644
--- a/index.md
+++ b/index.md
@@ -11,14 +11,6 @@ comments: true
 
 {% include projects.md %}
 
-<!--
-{% for country in projects %}
-## {{ country.country }}
-{% for repo in country.repos %}
-* {% if repo.repo_name %} ![](https://img.shields.io/github/stars/{{ repo.repo_name }}?color=yellow&label=%E2%AD%90%EF%B8%8F&logoColor=blue&style=plastic) [{{ repo.repo_name }}](https://github.com/{{ repo.repo_name }}) {% endif %} {% if repo.repo2_name %} ![](https://img.shields.io/github/stars/{{ repo.repo2_name }}?color=yellow&label=%E2%AD%90%EF%B8%8F&logoColor=blue&style=plastic) [{{ repo.repo2_name }}](https://github.com/{{ repo.repo2_name }}) {% endif %} {% if repo.web_name %}[{{ repo.web_name }}]({{ repo.web_url }}){% endif %} {% if repo.web2_name %}[{{ repo.web2_name }}]({{ repo.web2_url }}){% endif %} {{ repo.content }} {% endfor %}
-{% endfor %}
--->
-
 
 
 {% include site_recommendation.md %}
diff --git a/tags.md b/tags.md
index 9c7ed3697..b38f3a3b4 100644
--- a/tags.md
+++ b/tags.md
@@ -7,9 +7,9 @@ comments: true
 <a name="top" id="top"></a>
 {% include page_summary_total.md %}
 
-Here lists all projects classified by <em style="color:#D0CE3B">tags</em>. A project may appear under multiple tags. Help me to add [more.](https://github.com/WeileiZeng/Open-Source-COVID-19/issues/68)
+Here lists all projects classified by <em style="color:#C68C10">tags</em>. A project may appear under multiple tags. Help me to add [more.](https://github.com/WeileiZeng/Open-Source-COVID-19/issues/68)
 {% assign tags_sorted = site.data.tags | sort %}{% for tag in tags_sorted %}
-<button type="button" class="hvr-radial-out" style="background-color:#83E583;color=#F392F3" onclick='myFunction("{{ tag | downcase }}")'>{{tag}}</button> {% endfor %}
+<button type="button" onclick='myFunction("{{ tag | downcase }}")'>{{tag}}</button> {% endfor %}
 
 
 
diff --git a/temp.md b/temp.md
new file mode 100644
index 000000000..ff37e29fa
--- /dev/null
+++ b/temp.md
@@ -0,0 +1,29 @@
+---
+comments: true
+---
+
+{% include navigation.md %}
+
+{% include page_summary_global.md %}
+
+
+{% assign projects = site.data.global %}
+
+{% include projects.md %}
+
+<!--
+{% for country in projects %}
+## {{ country.country }}
+{% for repo in country.repos %}
+* {% if repo.repo_name %} ![](https://img.shields.io/github/stars/{{ repo.repo_name }}?color=yellow&label=%E2%AD%90%EF%B8%8F&logoColor=blue&style=plastic) [{{ repo.repo_name }}](https://github.com/{{ repo.repo_name }}) {% endif %} {% if repo.repo2_name %} ![](https://img.shields.io/github/stars/{{ repo.repo2_name }}?color=yellow&label=%E2%AD%90%EF%B8%8F&logoColor=blue&style=plastic) [{{ repo.repo2_name }}](https://github.com/{{ repo.repo2_name }}) {% endif %} {% if repo.web_name %}[{{ repo.web_name }}]({{ repo.web_url }}){% endif %} {% if repo.web2_name %}[{{ repo.web2_name }}]({{ repo.web2_url }}){% endif %} {{ repo.content }} {% endfor %}
+{% endfor %}
+-->
+
+
+
+{% include site_recommendation.md %}
+
+
+
+
+{% include footer.md %}
\ No newline at end of file