fix: fix video demo (#8)

fix: fix video demo
jcasbin · Feb 2, 2024 · 11a2e97 · 11a2e97
1 parent 53beb3f
commit 11a2e97
Show file tree

Hide file tree

Showing 8 changed files with 6 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -8,29 +8,29 @@ This document presents an example of dynamic permission menu loading based on jC
 **Technology Stack**
 
 - **Backend:** Spring Boot 2.x + jCasbin + Spring Data JPA
-- **Frontend:** Bootstrap + Thymeleaf
+- **Frontend:** Tailwind CSS + Thymeleaf
 
 **Startup Instructions**
 
 1. Build the menu structure you need in the [`casbin/policy.csv`](https://github.com/jcasbin/jcasbin-menu-permission/blob/master/src/main/resources/casbin/policy.csv) file. Specifically, `g2` represents the relationship between menus. For example: `g2, submenu name, parent menu name`.
-2. Once the configuration is complete, run the `main` method in [`Application.java`](https://github.com/jcasbin/jcasbin-menu-permission/blob/master/src/main/java/org/casbin/Application.java) located under `org/casbin/`. Access `http://localhost:8080/casbin/menu` for testing. 
+2. Once the configuration is complete, run the `main` method in [`Application.java`](https://github.com/jcasbin/jcasbin-menu-permission/blob/master/src/main/java/org/casbin/Application.java) located under `org/casbin/`. Access `http://localhost:8080/` for testing. 
 3. The access control model file for jCasbin is located at [`casbin/model.conf`](https://github.com/jcasbin/jcasbin-menu-permission/blob/master/src/main/resources/casbin/model.conf), and the policy file is at [`casbin/policy.csv`](https://github.com/jcasbin/jcasbin-menu-permission/blob/master/src/main/resources/casbin/policy.csv). Modify them as needed based on your requirements.
 
 ## Simple Examples
 
 **Demonstration video**
 
-<video width="640" height="480" controls>
-  <source src="examples/example.mp4" type="video/mp4">
-</video>
+<img src="examples/example.gif" alt="example_demo">
 
 **Root user**
 
 <img src="examples/root_example.png" alt="system_example" style="zoom:60%;" />
 
 **Admin user**
 
-<img src="examples/admin_example.png" alt="admin_example" style="zoom:60%;" />
+<img src="examples/admin_example_1.png" alt="admin_example" style="zoom:60%;" />
+
+<img src="examples/admin_example_2.png" alt="admin_example" style="zoom:60%;" />
 
 **Normal user**
 

diff --git a/examples/admin_example.png b/examples/admin_example.png
diff --git a/examples/admin_example_1.png b/examples/admin_example_1.png
diff --git a/examples/admin_example_2.png b/examples/admin_example_2.png
diff --git a/examples/example.gif b/examples/example.gif
diff --git a/examples/example.mp4 b/examples/example.mp4
diff --git a/examples/root_example.png b/examples/root_example.png
diff --git a/examples/user_example.png b/examples/user_example.png