update icon design and readme

README.md

@@ -1,32 +1,40 @@
 <div align="center">
   <img src="./public/header.png" alt="onedrive-vercel-index" />
   <h3><a href="https://drive.spencerwoo.com">onedrive-vercel-index</a></h3>
-  <em>Yet another-another OneDrive index, powered by Vercel and Next.js</em>
+  <p><em>Yet another-another OneDrive index, powered by Vercel and Next.js</em></p>
+  <img src="https://img.shields.io/badge/OneDrive-2C68C3?style=flat&logo=microsoft-onedrive&logoColor=white" alt="Next.js" />
+  <img src="https://img.shields.io/badge/Next.js-black?style=flat&logo=next.js&logoColor=white" alt="Next.js" />
+  <img src="https://img.shields.io/badge/Vercel-black?style=flat&logo=Vercel&logoColor=white" alt="Vercel" />
+  <a href="https://github.com/spencerwooo/onedrive-vercel-index/discussions"><img src="https://img.shields.io/github/discussions/spencerwooo/onedrive-vercel-index?color=CF2B5B&labelColor=black&logo=github" alt="GitHub Discussions" /></a>
 </div>
 
 ---
 
-This is [onedrive-cf-index](https://github.com/spencerwooo/onedrive-cf-index)'s little brother, basically the same, but powered by Next.js and Vercel.
+<h5>This is <a href="https://github.com/spencerwooo/onedrive-cf-index">onedrive-cf-index</a>'s little brother, basically the same, but powered by Next.js and Vercel.</h5>
 
 ## Features
 
-🚧 **_This is a work in progress._**
+🚧 **_This is currently a work in progress._**
 
-- A TOTAL REFACTOR!
-- Much easier to deploy and manage.
-- Many more upcoming...
+- [x] File preview (PDF, markdown, code, plain text, ...)
+- [x] Image preview in gallery mode
+- [x] Video and audio preview (mp4, mp3, ...)
+- [x] Office documents preview (docx, pptx, xlsx, ...)
+- [x] `README.md` preview rendering
+- [x] File permalink copy and direct file download
+- [x] Dark mode
+- [x] Protected routes (password protection and authentication) through `.password` files
+- [ ] Pagination for folders with more than 200 items
 
 ## Discussion
 
-Please go to our discussion forum for general questions, **issues are for bug reports and bug reports only.**
-
-[![GitHub Discussions](https://img.shields.io/github/discussions/spencerwooo/onedrive-vercel-index?color=0364B9&labelColor=24292F&logo=github&style=for-the-badge)](https://github.com/spencerwooo/onedrive-vercel-index/discussions)
+Please go to our [discussion forum](https://github.com/spencerwooo/onedrive-vercel-index/discussions) for general questions, **issues are for bug reports and bug reports only.**
 
 ## Demo
 
 Available at: <https://drive.spencerwoo.com>.
 
-![demo](public/demo.png)
+![demo](./public/demo.png)
 
 ## Deployment
 
@@ -40,6 +48,10 @@ Available at: <https://drive.spencerwoo.com>.
 
 The authentication tokens and variables are the same as what you configured in the [`onedrive-cf-index`](https://github.com/spencerwooo/onedrive-cf-index) project. Detailed documentations can also be found there (for now). This project is at its early stages, for discussions *please, please, please* post to the [discussion forum](https://github.com/spencerwooo/onedrive-vercel-index/discussions).
 
+## Protected routes
+
+See: [Announcements - Password protected routes is now supported #66](https://github.com/spencerwooo/onedrive-vercel-index/discussions/66).
+
 ---
 
 **onedrive-vercel-index** ©Spencer Woo. Released under the MIT License.