fix some typos, add a few tooltips

README.md

@@ -8,8 +8,6 @@
   <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>
 
----
-
 ## Discussion
 
 Please go to our [discussion forum](https://github.com/spencerwooo/onedrive-vercel-index/discussions) for general questions and FAQs, **issues are for bug reports and bug reports only.** Feature requests may or may not be ignored, as [I (@spencerwooo)](https://spencerwoo.com) am the only one maintaining the project, so **I only prioritise features that I use.**
@@ -89,7 +87,7 @@ Live demo at [Spencer's OneDrive](https://drive.spencerwoo.com).
 
 - Direct raw-file serving, proxied file serving ...
 - Permalink copy, proxied download link copy ...
-- Full dark mode support, style and website customisations...
+- Full dark mode support, style and website customisations ...
 
 🍌 More importantly, it's pretty (●'◡'●)
 

components/DownloadBtnGtoup.tsx

@@ -35,18 +35,21 @@ export const DownloadButton = ({
   btnText,
   btnIcon,
   btnImage,
+  btnTitle,
 }: {
   onClickCallback: MouseEventHandler<HTMLButtonElement>
   btnColor?: string
   btnText: string
   btnIcon?: IconProp
   btnImage?: string
+  btnTitle?: string
 }) => {
   return (
     <button
       className={`flex items-center space-x-2 py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border hover:bg-gray-100/10 focus:z-10 focus:ring-2 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-900 ${btnStyleMap(
         btnColor
       )}`}
+      title={btnTitle}
       onClick={onClickCallback}
     >
       {btnIcon && <FontAwesomeIcon icon={btnIcon} />}
@@ -67,12 +70,14 @@ const DownloadButtonGroup: React.FC<{ downloadUrl: string }> = ({ downloadUrl })
         btnColor="blue"
         btnText="Download"
         btnIcon="file-download"
+        btnTitle="Download the file directly through OneDrive"
       />
       <DownloadButton
         onClickCallback={() => window.open(`/api/proxy?url=${encodeURIComponent(downloadUrl)}`)}
         btnColor="teal"
         btnText="Proxy download"
         btnIcon="download"
+        btnTitle="Download the file with the stream proxied through Vercel Serverless"
       />
       <DownloadButton
         onClickCallback={() => {
@@ -82,6 +87,7 @@ const DownloadButtonGroup: React.FC<{ downloadUrl: string }> = ({ downloadUrl })
         btnColor="yellow"
         btnText="Copy direct link"
         btnIcon="copy"
+        btnTitle="Copy the permalink to the file to the clipboard"
       />
     </div>
   )

styles/markdown-github.css

@@ -995,7 +995,7 @@
     background-color: #18181b;
   }
   .markdown-body a {
-    color: #58a6ff;
+    color: rgba(2, 132, 199);
   }
   .markdown-body hr {
     border-bottom: 1px solid #21262d;