ReadMe 界面焕然一新！

README.md

@@ -53,11 +53,11 @@
 # 图标预览（当前共计 283 个）
 ## 圆角矩形图标
 <!-- START BORDER-RADIUS ICONS -->
-<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/163music_A.png" alt="163music_A" /><br/>163music_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/163music_B.png" alt="163music_B" /><br/>163music_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/189drive_A.png" alt="189drive_A" /><br/>189drive_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Adguard_A.png" alt="Adguard_A" /><br/>Adguard_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Adguard_B.png" alt="Adguard_B" /><br/>Adguard_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/AliDrive.png" alt="AliDrive" /><br/>AliDrive</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Alist.png" alt="Alist" /><br/>Alist</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Amule.png" alt="Amule" /><br/>Amule</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_A.png" alt="Apache_A" /><br/>Apache_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_B.png" alt="Apache_B" /><br/>Apache_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_C.png" alt="Apache_C" /><br/>Apache_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_D.png" alt="Apache_D" /><br/>Apache_D</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Arch_A.png" alt="Arch_A" /><br/>Arch_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Arch_B.png" alt="Arch_B" /><br/>Arch_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/AriaNgNative_A.png" alt="AriaNgNative_A" /><br/>AriaNgNative_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/AriaNgNative_B.png" alt="AriaNgNative_B" /><br/>AriaNgNative_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/BaiduNetdisk.png" alt="BaiduNetdisk" /><br/>BaiduNetdisk</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bark.png" alt="Bark" /><br/>Bark</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bilibili_A.png" alt="Bilibili_A" /><br/>Bilibili_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bilibili_B.png" alt="Bilibili_B" /><br/>Bilibili_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bilibili_C.png" alt="Bilibili_C" /><br/>Bilibili_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/BilibiliLine truncated
+<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/163music_A.png" alt="163music_A" /><br/>163music_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/163music_B.png" alt="163music_B" /><br/>163music_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/189drive_A.png" alt="189drive_A" /><br/>189drive_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Adguard_A.png" alt="Adguard_A" /><br/>Adguard_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Adguard_B.png" alt="Adguard_B" /><br/>Adguard_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/AliDrive.png" alt="AliDrive" /><br/>AliDrive</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Alist.png" alt="Alist" /><br/>Alist</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Amule.png" alt="Amule" /><br/>Amule</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_A.png" alt="Apache_A" /><br/>Apache_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_B.png" alt="Apache_B" /><br/>Apache_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_C.png" alt="Apache_C" /><br/>Apache_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Apache_D.png" alt="Apache_D" /><br/>Apache_D</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Arch_A.png" alt="Arch_A" /><br/>Arch_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Arch_B.png" alt="Arch_B" /><br/>Arch_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/AriaNgNative_A.png" alt="AriaNgNative_A" /><br/>AriaNgNative_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/AriaNgNative_B.png" alt="AriaNgNative_B" /><br/>AriaNgNative_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/BaiduNetdisk.png" alt="BaiduNetdisk" /><br/>BaiduNetdisk</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Bark.png" alt="Bark" /><br/>Bark</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Bilibili_A.png" alt="Bilibili_A" /><br/>Bilibili_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;width: 105px;" src="border-radius/Bilibili_B.png" alt="Bilibili_B" /><br/>Bilibili_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;wiLine truncated
 <!-- END BORDER-RADIUS ICONS -->
 
 ## 圆形图标
-<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/AriaNg.png" alt="AriaNg" /><br/>AriaNg</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Bazarr.png" alt="Bazarr" /><br/>Bazarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Caddy.png" alt="Caddy" /><br/>Caddy</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Cloudflare_A.png" alt="Cloudflare_A" /><br/>Cloudflare_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Cloudflare_B.png" alt="Cloudflare_B" /><br/>Cloudflare_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Compressarr.png" alt="Compressarr" /><br/>Compressarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/DDNS.png" alt="DDNS" /><br/>DDNS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Docker.png" alt="Docker" /><br/>Docker</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/FileBrowser.png" alt="FileBrowser" /><br/>FileBrowser</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Flood_A.png" alt="Flood_A" /><br/>Flood_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Flood_B.png" alt="Flood_B" /><br/>Flood_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/FreshRSS.png" alt="FreshRSS" /><br/>FreshRSS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/IYUU.png" alt="IYUU" /><br/>IYUU</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Jellyseerr.png" alt="Jellyseerr" /><br/>Jellyseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Lidarr.png" alt="Lidarr" /><br/>Lidarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Minio.png" alt="Minio" /><br/>Minio</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Navidrome.png" alt="Navidrome" /><br/>Navidrome</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Ombi.png" alt="Ombi" /><br/>Ombi</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Overseerr.png" alt="Overseerr" /><br/>Overseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Photoprism_A.png" alt="Photoprism_A" /><br/>Photoprism_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Photoprism_B.png" alt="Photoprism_B" /><br/>Photoprism_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Photoprism_C.png" alt="Photoprism_C" /><br/>Photoprism_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50pLine truncated
+<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/AriaNg.png" alt="AriaNg" /><br/>AriaNg</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Bazarr.png" alt="Bazarr" /><br/>Bazarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Caddy.png" alt="Caddy" /><br/>Caddy</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Cloudflare_A.png" alt="Cloudflare_A" /><br/>Cloudflare_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Cloudflare_B.png" alt="Cloudflare_B" /><br/>Cloudflare_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Compressarr.png" alt="Compressarr" /><br/>Compressarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/DDNS.png" alt="DDNS" /><br/>DDNS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Docker.png" alt="Docker" /><br/>Docker</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/FileBrowser.png" alt="FileBrowser" /><br/>FileBrowser</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Flood_A.png" alt="Flood_A" /><br/>Flood_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Flood_B.png" alt="Flood_B" /><br/>Flood_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/FreshRSS.png" alt="FreshRSS" /><br/>FreshRSS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/IYUU.png" alt="IYUU" /><br/>IYUU</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Jellyseerr.png" alt="Jellyseerr" /><br/>Jellyseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Lidarr.png" alt="Lidarr" /><br/>Lidarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Minio.png" alt="Minio" /><br/>Minio</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Navidrome.png" alt="Navidrome" /><br/>Navidrome</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Ombi.png" alt="Ombi" /><br/>Ombi</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Overseerr.png" alt="Overseerr" /><br/>Overseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Photoprism_A.png" alt="Photoprism_A" /><br/>Photoprism_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;width: 105px;" src="circle/Photoprism_B.png" alt="Photoprism_B" /><br/>Photoprism_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="bordLine truncated
 
 <!-- END CIRCLE ICONS -->
 

_generate.py

@@ -7,7 +7,7 @@ readme_path   = root / "README.md"
 
 
 def generate_img_tag(file,folder,radius):
-    return f'<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: {radius};" src="{folder}/{file.name}" alt="{file.stem}" /><br/>{file.stem}</div>'
+    return f'<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: {radius};width: 105px;" src="{folder}/{file.name}" alt="{file.stem}" /><br/>{file.stem}</div>'
 
 
 imgs            = sorted(Path("./border-radius").glob("*.png"))