Update README.md (#450)

## Update README.md, NuGet README.md, Docs home page, update CI action

Author: ColdForeign

.github/workflows/ci.yml

@@ -9,6 +9,8 @@ on:
   pull_request:
     branches-ignore:
       - master
+    paths-ignore:
+      - '**.md'
 
 permissions:
   contents: read

NuGet_README.md

@@ -1,12 +1,12 @@
 ## Cropper.Blazor is a component that wraps around Cropper.js version 1.6.2
 
-[![Build and run test](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/ci.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/ci.yml)
-[![Deploy to GitHub Pages](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml)
 [![Deploy to NuGet](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml)
+[![Deploy to GitHub Pages](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml)
 [![coverage](https://codecov.io/github/CropperBlazor/Cropper.Blazor/branch/dev/graph/badge.svg?token=39M66DO85T)](https://codecov.io/github/CropperBlazor/Cropper.Blazor)
 [![GitHub](https://img.shields.io/github/license/CropperBlazor/Cropper.Blazor?color=ff5c9b)](https://github.com/CropperBlazor/Cropper.Blazor/blob/dev/LICENSE)
 [![GitHub](https://img.shields.io/github/last-commit/CropperBlazor/Cropper.Blazor?color=009DEA)](https://github.com/CropperBlazor/Cropper.Blazor)
 [![NuGet Downloads](https://img.shields.io/nuget/dt/Cropper.Blazor?logo=nuget&label=nuget%20downloads&color=ff5c9b)](https://www.nuget.org/packages/Cropper.Blazor)
+[![NuGet Version](https://img.shields.io/nuget/v/Cropper.Blazor?logo=nuget&label=nuget%20version&color=009DEA)](https://www.nuget.org/packages/Cropper.Blazor)
 
 The most powerful image cropping tool for Blazor WebAssembly / Server, Hybrid with MAUI, MVC and
 other frameworks.
@@ -25,13 +25,12 @@ Cropper.Blazor is an essential component for building interactive image cropping
 ## Prerequisites
 | Cropper.Blazor | .NET | Support |
 | :--- | :---: | :---: |
-| - | .NET 3.1 | Not supported |
-| - | .NET 5 | Not supported |
+| - | .NET 3.1, .NET 5 | Not supported |
 | 1.1.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) | :heavy_check_mark: |
-| 1.2.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) | :heavy_check_mark: |
-| 1.3.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) & [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | :heavy_check_mark: |
-| 1.4.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) & [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) & [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) | :heavy_check_mark: |
-| 1.5.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) & [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) & [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) & [.NET 10](https://dotnet.microsoft.com/en-us/download/dotnet/10.0) | :heavy_check_mark: |
+| 1.2.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) | :heavy_check_mark: |
+| 1.3.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | :heavy_check_mark: |
+| 1.4.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0), [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) | :heavy_check_mark: |
+| 1.5.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0), [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 10](https://dotnet.microsoft.com/en-us/download/dotnet/10.0) | :heavy_check_mark: |
 
 - Supported .NET 10.0, .NET 9.0, .NET 8.0, .NET 7.0, .NET 6.0 versions for these web platforms:
   - Blazor WebAssembly
@@ -72,7 +71,6 @@ Import Custom Element:
 @using Cropper.Blazor.Components
 ```
 
-
 Add the following to `index.html` (client-side — Blazor Webassembly, Blazor MAUI) or `_Host.cshtml` (server-side — Blazor Server, MVC with Blazor Server) in the `head`
 ```razor
 <link href="_content/Cropper.Blazor/cropper.min.css" rel="stylesheet" />
@@ -83,7 +81,6 @@ Add the following to `index.html` or `_Host.cshtml` in the `body`
 <script src="_content/Cropper.Blazor/cropper.min.js"></script>
 ```
 
-
 Add the following to the relevant sections of `Program.cs`
 ```c#
 using Cropper.Blazor.Extensions;
@@ -121,7 +118,6 @@ builder.Services.AddServerSideBlazor()
 app.MapBlazorHub();
 ```
 
-
 And then use it in Razor file ([for example](https://github.com/CropperBlazor/Cropper.Blazor/blob/dev/src/Cropper.Blazor/Client/Pages/CropperDemo.razor)):
 
 ```razor
@@ -192,11 +188,3 @@ Definitely need to tell these rules in Blazor:
 ```c#
 await JSRuntime!.InvokeVoidAsync("window.overrideCropperJsInteropModule", MinZoomRatio, MaxZoomRatio);
 ```
-
-## Contributing
-
-1. Fork it!
-2. Create your feature branch: `git checkout -b feature/<my-new-feature>`
-3. Commit your changes: `git commit -m 'Add some feature'`
-4. Push to the branch: `git push origin feature/<my-new-feature>`
-5. Submit a pull request :D

README.md

@@ -10,48 +10,41 @@
   </p>
 </p>
 
-[![Build and run test](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/ci.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/ci.yml)
-[![Deploy to GitHub Pages](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml)
 [![Deploy to NuGet](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml)
+[![Deploy to GitHub Pages](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml/badge.svg?event=push)](https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml)
 [![coverage](https://codecov.io/github/CropperBlazor/Cropper.Blazor/branch/dev/graph/badge.svg?token=39M66DO85T)](https://codecov.io/github/CropperBlazor/Cropper.Blazor)
 [![GitHub](https://img.shields.io/github/license/CropperBlazor/Cropper.Blazor?color=ff5c9b)](https://github.com/CropperBlazor/Cropper.Blazor/blob/dev/LICENSE)
 [![GitHub](https://img.shields.io/github/last-commit/CropperBlazor/Cropper.Blazor?color=009DEA)](https://github.com/CropperBlazor/Cropper.Blazor)
 [![NuGet Downloads](https://img.shields.io/nuget/dt/Cropper.Blazor?logo=nuget&label=nuget%20downloads&color=ff5c9b)](https://www.nuget.org/packages/Cropper.Blazor)
+[![NuGet Version](https://img.shields.io/nuget/v/Cropper.Blazor?logo=nuget&label=nuget%20version&color=009DEA)](https://www.nuget.org/packages/Cropper.Blazor)
 
 The most powerful image cropping tool for Blazor WebAssembly / Server, Hybrid with MAUI, MVC and
 other frameworks.
 
 Cropper.Blazor is an essential component for building interactive image cropping and manipulation features in Blazor web applications. This versatile Blazor library empowers developers to integrate intuitive image cropping functionality directly into their Blazor projects, offering users a seamless and responsive image editing experience.
 
-## Demo
-- [CropperBlazor.github.io/demo](https://CropperBlazor.github.io/demo)
-
-## API
-- [CropperBlazor.github.io/api](https://cropperblazor.github.io/api)
-
-## Examples
-- [CropperBlazor.github.io/examples/cropperusage](https://cropperblazor.github.io/examples/cropperusage)
+## 🌐 [Demo](https://CropperBlazor.github.io/demo) 📖 [API](https://cropperblazor.github.io/api) 💡 [Examples](https://cropperblazor.github.io/examples/cropperusage)
 
 ## Prerequisites
 | Cropper.Blazor | .NET | Support |
 | :--- | :---: | :---: |
-| - | .NET 3.1 | Not supported |
-| - | .NET 5 | Not supported |
+| - | .NET 3.1, .NET 5 | Not supported |
 | 1.1.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) | :heavy_check_mark: |
-| 1.2.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) | :heavy_check_mark: |
-| 1.3.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) & [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | :heavy_check_mark: |
-| 1.4.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) & [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) & [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) | :heavy_check_mark: |
-| 1.5.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0) & [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) & [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) & [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) & [.NET 10](https://dotnet.microsoft.com/en-us/download/dotnet/10.0) | :heavy_check_mark: |
+| 1.2.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) | :heavy_check_mark: |
+| 1.3.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0) | :heavy_check_mark: |
+| 1.4.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0), [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0) | :heavy_check_mark: |
+| 1.5.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/en-us/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/en-us/download/dotnet/8.0), [.NET 9](https://dotnet.microsoft.com/en-us/download/dotnet/9.0), [.NET 10](https://dotnet.microsoft.com/en-us/download/dotnet/10.0) | :heavy_check_mark: |
 
 - Supported .NET 10.0, .NET 9.0, .NET 8.0, .NET 7.0, .NET 6.0 versions for these web platforms:
   - Blazor WebAssembly
   - Blazor Server
   - Blazor Server Hybrid with MVC
   - MAUI Blazor Hybrid
 
-  Note: if you have problem with MAUI project dependencies: 
-  - `dotnet workload update` + rebuilt the project. If that doesn't help, try the step below about override package
-  - override package, for example: `<PackageReference Include="Microsoft.Extensions.Logging.Abstractions" VersionOverride="7.0.1" />`
+> [!NOTE]  
+> If you have problem with MAUI project dependencies: 
+> - `dotnet workload update` + rebuilt the project. If that doesn't help, try the step below about override package
+> - override package, for example: `<PackageReference Include="Microsoft.Extensions.Logging.Abstractions" VersionOverride="7.0.1" />`
 
  ## Key features and aspects of the Cropper.Blazor package include
 

src/Cropper.Blazor/Client/Pages/Index.razor

@@ -57,15 +57,12 @@
             </MudButton>
         </MudItem>
         <p align="center">
-            <a style="text-decoration:none" rel="noopener" href="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/ci.yml" target="_blank">
-                <img loading="lazy" src="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/ci.yml/badge.svg?event=push" alt="Build and run test" />
+            <a style="text-decoration:none" rel="noopener" href="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml" target="_blank">
+                <img loading="lazy" src="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml/badge.svg?event=push" alt="Deploy to NuGet">
             </a>
             <a style="text-decoration:none" rel="noopener" href="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml" target="_blank">
                 <img loading="lazy" src="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/cd.yml/badge.svg?event=push" alt="Deploy to GitHub Pages">
             </a>
-            <a style="text-decoration:none" rel="noopener" href="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml" target="_blank">
-                <img loading="lazy" src="https://github.com/CropperBlazor/Cropper.Blazor/actions/workflows/release.yml/badge.svg?event=push" alt="Deploy to NuGet">
-            </a>
             <a style="text-decoration:none" rel="noopener" href="https://codecov.io/github/CropperBlazor/Cropper.Blazor" target="_blank">
                 <img loading="lazy" src="https://codecov.io/github/CropperBlazor/Cropper.Blazor/branch/dev/graph/badge.svg?token=39M66DO85T" alt="Code coverage" />
             </a>
@@ -76,7 +73,10 @@
                 <img loading="lazy" src="https://img.shields.io/github/last-commit/CropperBlazor/Cropper.Blazor?color=009DEA" alt="Last commit" />
             </a>
             <a style="text-decoration:none" rel="noopener" href="https://www.nuget.org/packages/Cropper.Blazor" target="_blank">
-                <img loading="lazy" src="https://img.shields.io/nuget/dt/Cropper.Blazor?logo=nuget&label=nuget%20downloads&color=ff5c9b" alt="Nuget version and downloads" />
+                <img loading="lazy" src="https://img.shields.io/nuget/dt/Cropper.Blazor?logo=nuget&label=nuget%20downloads&color=ff5c9b" alt="Nuget downloads" />
+            </a>
+            <a style="text-decoration:none" rel="noopener" href="https://www.nuget.org/packages/Cropper.Blazor" target="_blank">
+                <img loading="lazy" src="https://img.shields.io/nuget/v/Cropper.Blazor?logo=nuget&label=nuget%20version&color=009DEA" alt="Nuget version" />
             </a>
         </p>