✨ Updated Image Materials

tw93 · Sep 6, 2023 · 16ee76c · 16ee76c
1 parent 7d3143e
commit 16ee76c
Show file tree

Hide file tree

Showing 15 changed files with 102 additions and 96 deletions.
diff --git a/README.md b/README.md
@@ -1,8 +1,7 @@
-=<h4 align="right"><strong>中文</strong> | <a href="https://github.com/tw93/Maple/blob/main/README_EN.md">English</a></h4>
-
+<h4 align="right"><strong>English</strong> | <a href="https://github.com/tw93/Maple/blob/main/README_CN.md">中文</a></h4>
 <p align="center">
-    <img src="./resource/logo_600.png" width="138"/>
-<h1 align="center">枫叶书签</h1>
+    <img src="https://raw.githubusercontent.com/tw93/static/master/pic/logo_600.png" width="138"/>
+<h1 align="center">Maple Bookmarks</h1>
 <div align="center">
     <a href="https://twitter.com/HiTw93" target="_blank">
     <img alt="twitter" src="https://img.shields.io/badge/follow-Tw93-red?style=flat-square&logo=Twitter"></a>
@@ -13,54 +12,54 @@
     <a href="https://github.com/tw93/Maple/issues?q=is%3Aissue+is%3Aclosed" target="_blank">
     <img alt="GitHub closed issues" src="https://img.shields.io/github/issues-closed/tw93/Maple.svg?style=flat-square"></a>
 </div>
-<p align="center">隐藏书签栏，使用 <code>枫叶书签</code> 让你行云流水。</p>
+<p align="center">Hide the bookmark bar, use <code>Maple Bookmarks</code> to surf smoothly.</p>
 </p>
 
-## 介绍
+## Introduction
 
-书签栏会占据浏览窗口且影响专注力，我常将其隐藏。但这使得访问书签很不方便，因此我开发了枫叶书签扩展，只需使用快捷键 `Command + E`(Mac)、`Ctrl+B`(Windows) 就能快速访问书签，甚至可以输入即搜索，实用且方便。
+The bookmarks bar can occupy the browsing window and affect concentration, so I often hide it. However, this makes accessing bookmarks inconvenient. Therefore, I developed the Maple Bookmarks extension. By just using the shortcut, you can quickly access your bookmarks, even input can be searched instantly, which is practical and convenient.
 
 <kbd>
-  <img src="./resource/maple.gif" width="100%">
+    <img src="https://raw.githubusercontent.com/tw93/static/master/pic/maple.gif" width="100%">
 </kbd>
 <br/>
 <details>
-<summary>🏂 <strong>更多效果可以展开查看</strong></summary>
+<summary>🏂 More effects can be expanded to view.</summary>
 <table>
   <tr>
-      <td><img src="./resource/bg1.jpg" width="600"/></td>
-      <td><img src="./resource/bg2.jpg" width="600"/></td>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg1.jpg" width="600"/></td>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg2.jpg" width="600"/></td>
   </tr>
   <tr>
-      <td><img src="./resource/bg3.jpg" width="600"/></td>
-      <td><img src="./resource/bg4.jpg" width="600"/></td>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg3.jpg" width="600"/></td>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg4.jpg" width="600"/></td>
   </tr>
 </table>
 
 </details>
 
-## 安装
+## Installation
 
-- 使用 Chrome Web Store 来安装 [**Maple Bookmarks**](https://chrome.google.com/webstore/detail/maple-bookmarks/lgncmpklmepncbjpiebhdoejhmbcnjad)，假如好用很欢迎评价。
-- 假如你不可访问，可以下载 [Maple.zip](https://github.com/tw93/Maple/raw/main/resource/Maple.zip)，解压以后，参考 [Loading an unpacked extension](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked) 来使用本地包。
+- You can install [**Maple Bookmarks**](https://chrome.google.com/webstore/detail/maple-bookmarks/lgncmpklmepncbjpiebhdoejhmbcnjad) using Chrome Web Store. If you find it useful, please leave a review.
+- If you cannot access the store, you can download [Maple.zip](https://github.com/tw93/Maple/raw/main/resource/Maple.zip). After decompressing, follow the instructions for [Loading an unpacked extension](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked) to use the local package.
 
-## 标签页
+## More
 
-1. 由于 Chrome 的原因，即使隐藏掉书签栏，在默认标签页上还有，可以用 [Maple NewTab](https://chrome.google.com/webstore/detail/maple-newtab/fobmbldflolfooglijmbibmnhoflbjlb/related?hl=en&authuser=0) 扩展来替换掉，这样就可彻底隐藏掉书签栏了。
-2. `Maple NewTab` 当前支持`空白纯净页`、`潮流周刊图`、`Bing 图`三种形式的效果，光标放置背景图上，等待 2s 会出现切换框，点击即可切换。
-3. 假如你更喜欢现在自己的标签页，可以在扩展中移除掉 `Maple NewTab`，这样就能恢复到默认标签页了。
+1. Due to Chrome's limitations, even if the bookmarks bar is hidden, it will still appear on the default tab page. At this time, you can use [Maple NewTab](https://chrome.google.com/webstore/detail/maple-newtab/fobmbldflolfooglijmbibmnhoflbjlb/related?hl=en&authuser=0) to replace the default tab page, thus completely hiding the bookmarks bar.
+2. `Maple NewTab` currently supports three types of displays: `blank pure page`, `trendy weekly picture`, and `Bing image`. Place the cursor on the background image, wait for 2 seconds, and a switch box will appear. Click to switch.
+3. If you prefer your current tab page, you can remove the `Maple NewTab` extension. This way, you can revert to the default tab page.
 
-## 实践
+## Practice
 
-1. 先整理好书签，可以调整常用顺序以及删除不常使用的，有文件夹的放后面，让它更整齐。
-2. 使用 `Command+Shift+B`(Mac)、`Ctrl+Shift+B`(Windows)，或者在书签栏上右键隐藏掉书签栏。
-3. 点击扩展图标，将 `Maple Bookmarks` 给固定到工具栏上。
-4. 试试使用 `Command + E`(Mac)、`Ctrl+B`(Windows) 来快速访问书签吧。
-5. **假如你的书签很多，可以直接输入关键词来搜索，支持中文、英文、域名等**，默认不开启搜索，使用快捷键 ctrl + s 或者点击界面上方小箭头打开搜索模式。
-6. 每次搜索会在最上方保留最匹配的三个结果（下次打开时会保留最后一次搜索），通过键盘的 ← 和 → 可以快速切换最匹配结果，并通过键盘 Enter 键快速打开高亮的选中书签。
+1. First, organize your bookmarks. You can adjust the order of frequently used ones and delete those not often used to make it tidier.
+2. Use `Command+Shift+B`(Mac)、`Ctrl+Shift+B`(Windows) or right-click on the bookmarks bar to hide it.
+3. Click on the extension icon and pin `Maple Bookmarks` to the toolbar.
+4. Try using `Command + E`(Mac)、`Ctrl+B`(Windows) to quickly access your bookmarks.
+5. If you have an extensive collection of bookmarks, you can conveniently search through them using keywords. The search feature supports Chinese, English, and domain names. By default, the search function is not activated. To enable it, use the `Ctrl + S` shortcut or click the small arrow located at the top of the interface to switch to search mode.
+6. Each search will prioritize and display the top three most relevant results. You can easily navigate between these top results using the `←` and `→` keys on your keyboard. To swiftly access the highlighted bookmark, simply press the Enter key.
 
-## 支持
+## Support
 
-1. 我有两只猫，假如让你生活更美好，可以给猫 <a href="https://miaoyan.app/cats.html?name=Maple" target="_blank">喂罐头 🥩</a>。
-2. 如果你喜欢枫叶书签，可以在 Github Star 它，更欢迎推荐给你志同道合的朋友。
-3. 可以关注我的 [Twitter](https://twitter.com/HiTw93) 获取到版本更新消息，也欢迎加入 [Telegram](https://t.me/+GclQS9ZnxyI2ODQ1) 聊天群。
+1. I have two cats, if you think Maple delights your life, you can feed them <a href="https://miaoyan.app/cats.html?name=Maple" target="_blank">some canned food 🥩</a>.
+2. If you like Maple, you can star it on GitHub. Also, welcome to recommend Maple to your friends.
+3. You can follow my [Twitter](https://twitter.com/HiTw93) to get the latest news or join our [Telegram](https://t.me/+GclQS9ZnxyI2ODQ1) chat group.
diff --git a/README_CN.md b/README_CN.md
@@ -0,0 +1,66 @@
+<h4 align="right"><strong>中文</strong> | <a href="https://github.com/tw93/Maple">English</a></h4>
+
+<p align="center">
+    <img src="https://raw.githubusercontent.com/tw93/static/master/pic/logo_600.png" width="138"/>
+<h1 align="center">枫叶书签</h1>
+<div align="center">
+    <a href="https://twitter.com/HiTw93" target="_blank">
+    <img alt="twitter" src="https://img.shields.io/badge/follow-Tw93-red?style=flat-square&logo=Twitter"></a>
+    <a href="https://t.me/+GclQS9ZnxyI2ODQ1" target="_blank">
+    <img alt="telegram" src="https://img.shields.io/badge/chat-telegram-blueviolet?style=flat-square&logo=Telegram"></a>
+    <a href="https://github.com/tw93/Maple/commits" target="_blank">
+    <img alt="GitHub commit" src="https://img.shields.io/github/commit-activity/m/tw93/Maple?style=flat-square"></a>
+    <a href="https://github.com/tw93/Maple/issues?q=is%3Aissue+is%3Aclosed" target="_blank">
+    <img alt="GitHub closed issues" src="https://img.shields.io/github/issues-closed/tw93/Maple.svg?style=flat-square"></a>
+</div>
+<p align="center">隐藏书签栏，使用 <code>枫叶书签</code> 让你行云流水。</p>
+</p>
+
+## 介绍
+
+书签栏会占据浏览窗口且影响专注力，我常将其隐藏。但这使得访问书签很不方便，因此我开发了枫叶书签扩展，只需使用快捷键 `Command + E`(Mac)、`Ctrl+B`(Windows) 就能快速访问书签，甚至可以输入即搜索，实用且方便。
+
+<kbd>
+  <img src="https://raw.githubusercontent.com/tw93/static/master/pic/maple.gif" width="100%">
+</kbd>
+<br/>
+<details>
+<summary>🏂 <strong>更多效果可以展开查看</strong></summary>
+<table>
+  <tr>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg1.jpg" width="600"/></td>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg2.jpg" width="600"/></td>
+  </tr>
+  <tr>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg3.jpg" width="600"/></td>
+      <td><img src="https://raw.githubusercontent.com/tw93/static/master/pic/bg4.jpg" width="600"/></td>
+  </tr>
+</table>
+
+</details>
+
+## 安装
+
+- 使用 Chrome Web Store 来安装 [**Maple Bookmarks**](https://chrome.google.com/webstore/detail/maple-bookmarks/lgncmpklmepncbjpiebhdoejhmbcnjad)，假如好用很欢迎评价。
+- 假如你不可访问，可以下载 [Maple.zip](https://github.com/tw93/Maple/raw/main/resource/Maple.zip)，解压以后，参考 [Loading an unpacked extension](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked) 来使用本地包。
+
+## 标签页
+
+1. 由于 Chrome 的原因，即使隐藏掉书签栏，在默认标签页上还有，可以用 [Maple NewTab](https://chrome.google.com/webstore/detail/maple-newtab/fobmbldflolfooglijmbibmnhoflbjlb/related?hl=en&authuser=0) 扩展来替换掉，这样就可彻底隐藏掉书签栏了。
+2. `Maple NewTab` 当前支持`空白纯净页`、`潮流周刊图`、`Bing 图`三种形式的效果，光标放置背景图上，等待 2s 会出现切换框，点击即可切换。
+3. 假如你更喜欢现在自己的标签页，可以在扩展中移除掉 `Maple NewTab`，这样就能恢复到默认标签页了。
+
+## 实践
+
+1. 先整理好书签，可以调整常用顺序以及删除不常使用的，有文件夹的放后面，让它更整齐。
+2. 使用 `Command+Shift+B`(Mac)、`Ctrl+Shift+B`(Windows)，或者在书签栏上右键隐藏掉书签栏。
+3. 点击扩展图标，将 `Maple Bookmarks` 给固定到工具栏上。
+4. 试试使用 `Command + E`(Mac)、`Ctrl+B`(Windows) 来快速访问书签吧。
+5. **假如你的书签很多，可以直接输入关键词来搜索，支持中文、英文、域名等**，默认不开启搜索，使用快捷键 `Ctrl + S` 或者点击界面上方小箭头打开搜索模式。
+6. 每次搜索会在最上方保留最匹配的三个结果，通过键盘的 `←` 和 `→` 可以快速切换最匹配结果，`Entry` 快速打开高亮的选中书签。
+
+## 支持
+
+1. 我有两只猫，假如让你生活更美好，可以给猫 <a href="https://miaoyan.app/cats.html?name=Maple" target="_blank">喂罐头 🥩</a>。
+2. 如果你喜欢枫叶书签，可以在 Github Star 它，更欢迎推荐给你志同道合的朋友。
+3. 可以关注我的 [Twitter](https://twitter.com/HiTw93) 获取到版本更新消息，也欢迎加入 [Telegram](https://t.me/+GclQS9ZnxyI2ODQ1) 聊天群。
diff --git a/README_EN.md b/README_EN.md
diff --git a/bookmark/popup.html b/bookmark/popup.html
@@ -184,6 +184,9 @@
         background: transparent;
         text-align: center;
         border: none;
+      }
+
+      #search-wrapper.show #searchInput {
         border-bottom: 1px solid #e6e6e6;
       }
 
@@ -227,6 +230,9 @@
         #searchInput {
           color: #f1f1f1;
           caret-color: rgba(255, 255, 255, 0.5);
+        }
+
+        #search-wrapper.show #searchInput {
           border-bottom: 1px solid #555;
         }
       }

diff --git a/resource/bg1.jpg b/resource/bg1.jpg
diff --git a/resource/bg2.jpg b/resource/bg2.jpg
diff --git a/resource/bg3.jpg b/resource/bg3.jpg
diff --git a/resource/bg4.jpg b/resource/bg4.jpg
diff --git a/resource/card.png b/resource/card.png
diff --git a/resource/logo_128.png b/resource/logo_128.png
diff --git a/resource/logo_600.png b/resource/logo_600.png
diff --git a/resource/maple.gif b/resource/maple.gif
diff --git a/resource/newtab.png b/resource/newtab.png
diff --git a/resource/newtab1.png b/resource/newtab1.png
diff --git a/resource/newtab2.png b/resource/newtab2.png