fix: localize IAM provider logos and replace casbin branding with Hanzo

- Download 93 OAuth/SAML/captcha/notification provider logo PNGs into apps/docs/public/img/iam/ (previously broken cdn.hanzo.ai refs) - Replace casbin.svg and casdoor IAM logo with real Hanzo H mark from ~/work/hanzo/logo/dist - Update all 7 IAM MDX files to use local /img/iam/ paths - Zero external CDN image dependencies remaining
2026-10-26 23:49:51 +00:00 · 2026-03-16 14:00:01 -07:00
parent cb181f418c
commit 03ddfb5d7d
103 changed files with 67 additions and 45 deletions
@@ -80,11 +80,11 @@ Example **Side panel HTML**:
  }
 </style>
 <div class="left-model">
-  <span class="side-logo"> <img src="https://cdn.hanzo.ai/img/iam-logo_1185x256.png" alt="Hanzo IAM" style="width: 120px"> 
+  <span class="side-logo"> <img src="/img/iam/hanzo-iam-logo.svg" alt="Hanzo IAM" style="width: 120px"> 
    <span>SSO</span> 
  </span>
  <div class="img">
-    <img src="https://cdn.hanzo.ai/img/casbin.svg" alt="Hanzo IAM"/>
+    <img src="/img/iam/hanzo.svg" alt="Hanzo IAM"/>
  </div>
 </div>

@@ -9,7 +9,7 @@ Supported providers: **Default**, **Cloudflare Turnstile**, **reCAPTCHA**, **hCa

 | Default | Cloudflare Turnstile | reCAPTCHA | hCaptcha | Alibaba Cloud | Geetest |
 |---------|----------------------|-----------|----------|---------------|---------|
-| <img src="https://cdn.hanzo.ai/img/social_default.png" width="40" /> | <img src="https://cdn.hanzo.ai/img/social_cloudflare.png" width="40" /> | <img src="https://cdn.hanzo.ai/img/social_recaptcha.png" width="40" /> | <img src="https://cdn.hanzo.ai/img/social_hcaptcha.png" width="40" /> | <img src="https://cdn.hanzo.ai/img/social_aliyun.png" width="40" /> | <img src="https://cdn.hanzo.ai/img/social_geetest.png" width="40" /> |
+| <img src="/img/iam/social_default.png" width="40" /> | <img src="/img/iam/social_cloudflare.png" width="40" /> | <img src="/img/iam/social_recaptcha.png" width="40" /> | <img src="/img/iam/social_hcaptcha.png" width="40" /> | <img src="/img/iam/social_aliyun.png" width="40" /> | <img src="/img/iam/social_geetest.png" width="40" /> |

 ## Add a captcha provider

@@ -9,24 +9,24 @@ Supported providers:

 | Provider | |
 |----------|---|
-| Telegram | <img src="https://cdn.hanzo.ai/img/social_telegram.png" width="40" /> |
-| Custom HTTP | <img src="https://cdn.hanzo.ai/img/email_default.png" width="40" /> |
-| Slack | <img src="https://cdn.hanzo.ai/img/social_slack.png" width="40" /> |
-| Google Chat | <img src="https://cdn.hanzo.ai/img/social_google_chat.png" width="40" /> |
-| Twitter | <img src="https://cdn.hanzo.ai/img/social_twitter.png" width="40" /> |
-| Discord | <img src="https://cdn.hanzo.ai/img/social_discord.png" width="40" /> |
-| Bark | <img src="https://cdn.hanzo.ai/img/social_bark.png" width="40" /> |
-| DingTalk | <img src="https://cdn.hanzo.ai/img/social_dingtalk.png" width="40" /> |
-| Lark | <img src="https://cdn.hanzo.ai/img/social_lark.png" width="40" /> |
-| Line | <img src="https://cdn.hanzo.ai/img/social_line.png" width="40" /> |
-| Matrix | <img src="https://cdn.hanzo.ai/img/social_matrix.png" width="40" /> |
-| Microsoft Teams | <img src="https://cdn.hanzo.ai/img/social_teams.png" width="40" /> |
-| WeCom | <img src="https://cdn.hanzo.ai/img/social_wecom.png" width="40" /> |
-| Pushbullet | <img src="https://cdn.hanzo.ai/img/social_pushbullet.png" width="40" /> |
-| Pushover | <img src="https://cdn.hanzo.ai/img/social_pushover.png" width="40" /> |
-| Reddit | <img src="https://cdn.hanzo.ai/img/social_reddit.png" width="40" /> |
-| Rocket Chat | <img src="https://cdn.hanzo.ai/img/social_rocket_chat.png" width="40" /> |
-| Viber | <img src="https://cdn.hanzo.ai/img/social_viber.png" width="40" /> |
-| Webpush | <img src="https://cdn.hanzo.ai/img/email_default.png" width="40" /> |
+| Telegram | <img src="/img/iam/social_telegram.png" width="40" /> |
+| Custom HTTP | <img src="/img/iam/email_default.png" width="40" /> |
+| Slack | <img src="/img/iam/social_slack.png" width="40" /> |
+| Google Chat | <img src="/img/iam/social_google_chat.png" width="40" /> |
+| Twitter | <img src="/img/iam/social_twitter.png" width="40" /> |
+| Discord | <img src="/img/iam/social_discord.png" width="40" /> |
+| Bark | <img src="/img/iam/social_bark.png" width="40" /> |
+| DingTalk | <img src="/img/iam/social_dingtalk.png" width="40" /> |
+| Lark | <img src="/img/iam/social_lark.png" width="40" /> |
+| Line | <img src="/img/iam/social_line.png" width="40" /> |
+| Matrix | <img src="/img/iam/social_matrix.png" width="40" /> |
+| Microsoft Teams | <img src="/img/iam/social_teams.png" width="40" /> |
+| WeCom | <img src="/img/iam/social_wecom.png" width="40" /> |
+| Pushbullet | <img src="/img/iam/social_pushbullet.png" width="40" /> |
+| Pushover | <img src="/img/iam/social_pushover.png" width="40" /> |
+| Reddit | <img src="/img/iam/social_reddit.png" width="40" /> |
+| Rocket Chat | <img src="/img/iam/social_rocket_chat.png" width="40" /> |
+| Viber | <img src="/img/iam/social_viber.png" width="40" /> |
+| Webpush | <img src="/img/iam/email_default.png" width="40" /> |

 See the provider subpages for configuration details per channel.
@@ -76,7 +76,7 @@ In Hanzo IAM **Providers** → **Add**, set **Type** to one of Custom, Custom2,
    "name": "admin",
    "preferred_username": "Admin",
    "email": "[email protected]",
-    "picture": "https://casbin.org/img/casbin.svg",
+    "picture": "https://hanzo.ai/logo.svg",
    "phone": "+1234567890"
  }
  ```
@@ -7,26 +7,26 @@ Hanzo IAM can use external OAuth applications as sign-in methods. After adding a

 | Provider      | Logo                                                                           | Provider    | Logo                                                                       | Provider     | Logo                                                                      | Provider     | Logo                                                                        |
 |:--------------|:-------------------------------------------------------------------------------|:------------|:---------------------------------------------------------------------------|:-------------|:--------------------------------------------------------------------------|:-------------|:----------------------------------------------------------------------------|
-| ADFS          | <img src="https://cdn.hanzo.ai/img/social_adfs.png" width="40" />            | Alipay      | <img src="https://cdn.hanzo.ai/img/social_alipay.png" width="40" />      | Amazon       | <img src="https://cdn.hanzo.ai/img/social_amazon.png" width="40" />     | Apple        | <img src="https://cdn.hanzo.ai/img/social_apple.png" width="40" />        |
-| Auth0         | <img src="https://cdn.hanzo.ai/img/social_auth0.png" width="40" />           | Azure AD    | <img src="https://cdn.hanzo.ai/img/social_azuread.png" width="40" />     | Azure AD B2C | <img src="https://cdn.hanzo.ai/img/social_azureadb2c.png" width="40" /> | Baidu        | <img src="https://cdn.hanzo.ai/img/social_baidu.png" width="40" />        |
-| Bilibili      | <img src="https://cdn.hanzo.ai/img/social_bilibili.png" width="40" />        | Bitbucket   | <img src="https://cdn.hanzo.ai/img/social_bitbucket.png" width="40" />   | Box          | <img src="https://cdn.hanzo.ai/img/social_box.png" width="40" />        | Hanzo IAM      | <img src="https://cdn.hanzo.ai/img/social_iam.png" width="40" />      |
-| Cloud Foundry | <img src="https://cdn.hanzo.ai/img/social_cloudfoundry.png" width="40" />    | Dailymotion | <img src="https://cdn.hanzo.ai/img/social_dailymotion.png" width="40" /> | Deezer       | <img src="https://cdn.hanzo.ai/img/social_deezer.png" width="40" />     | DigitalOcean | <img src="https://cdn.hanzo.ai/img/social_digitalocean.png" width="40" /> |
-| DingTalk      | <img src="https://cdn.hanzo.ai/img/social_dingtalk.png" width="40" />        | Discord     | <img src="https://cdn.hanzo.ai/img/social_discord.png" width="40" />     | Tiktok       | <img src="https://cdn.hanzo.ai/img/social_douyin.png" width="40" />     | Dropbox      | <img src="https://cdn.hanzo.ai/img/social_dropbox.png" width="40" />      |
-| Eve Online    | <img src="https://cdn.hanzo.ai/img/social_eveonline.png" width="40" />       | Facebook    | <img src="https://cdn.hanzo.ai/img/social_facebook.png" width="40" />    | Fitbit       | <img src="https://cdn.hanzo.ai/img/social_fitbit.png" width="40" />     | Gitea        | <img src="https://cdn.hanzo.ai/img/social_gitea.png" width="40" />        |
-| Gitee         | <img src="https://cdn.hanzo.ai/img/social_gitee.png" width="40" />           | GitHub      | <img src="https://cdn.hanzo.ai/img/social_github.png" width="40" />      | GitLab       | <img src="https://cdn.hanzo.ai/img/social_gitlab.png" width="40" />     | Google       | <img src="https://cdn.hanzo.ai/img/social_google.png" width="40" />       |
-| Heroku        | <img src="https://cdn.hanzo.ai/img/social_heroku.png" width="40" />          | InfluxCloud | <img src="https://cdn.hanzo.ai/img/social_influxcloud.png" width="40" /> | Infoflow     | <img src="https://cdn.hanzo.ai/img/social_infoflow.png" width="40" />   | Instagram    | <img src="https://cdn.hanzo.ai/img/social_instagram.png" width="40" />    |
-| Intercom      | <img src="https://cdn.hanzo.ai/img/social_intercom.png" width="40" />        | Kakao       | <img src="https://cdn.hanzo.ai/img/social_kakao.png" width="40" />       | Lark         | <img src="https://cdn.hanzo.ai/img/social_lark.png" width="40" />       | Lastfm       | <img src="https://cdn.hanzo.ai/img/social_lastfm.png" width="40" />       |
-| Line          | <img src="https://cdn.hanzo.ai/img/social_line.png" width="40" />            | LinkedIn    | <img src="https://cdn.hanzo.ai/img/social_linkedin.png" width="40" />    | Mailru       | <img src="https://cdn.hanzo.ai/img/social_mailru.png" width="40" />     | Meetup       | <img src="https://cdn.hanzo.ai/img/social_meetup.png" width="40" />       |
-| Microsoft     | <img src="https://cdn.hanzo.ai/img/social_microsoftonline.png" width="40" /> | Naver       | <img src="https://cdn.hanzo.ai/img/social_naver.png" width="40" />       | Nextcloud    | <img src="https://cdn.hanzo.ai/img/social_nextcloud.png" width="40" />  | Okta         | <img src="https://cdn.hanzo.ai/img/social_okta.png" width="40" />         |
-| OneDrive      | <img src="https://cdn.hanzo.ai/img/social_onedrive.png" width="40" />        | Oura        | <img src="https://cdn.hanzo.ai/img/social_oura.png" width="40" />        | Patreon      | <img src="https://cdn.hanzo.ai/img/social_patreon.png" width="40" />    | PayPal       | <img src="https://cdn.hanzo.ai/img/social_paypal.png" width="40" />       |
-| QQ            | <img src="https://cdn.hanzo.ai/img/social_qq.png" width="40" />              | Salesforce  | <img src="https://cdn.hanzo.ai/img/social_salesforce.png" width="40" />  | Shopify      | <img src="https://cdn.hanzo.ai/img/social_shopify.png" width="40" />    | Slack        | <img src="https://cdn.hanzo.ai/img/social_slack.png" width="40" />        |
-| SoundCloud    | <img src="https://cdn.hanzo.ai/img/social_soundcloud.png" width="40" />      | Spotify     | <img src="https://cdn.hanzo.ai/img/social_spotify.png" width="40" />     | Steam        | <img src="https://cdn.hanzo.ai/img/social_steam.png" width="40" />      | Strava       | <img src="https://cdn.hanzo.ai/img/social_strava.png" width="40" />       |
-| Stripe        | <img src="https://cdn.hanzo.ai/img/social_stripe.png" width="40" />          | Telegram    | <img src="https://cdn.hanzo.ai/img/social_telegram.png" width="40" />    | TikTok       | <img src="https://cdn.hanzo.ai/img/social_tiktok.png" width="40" />     | Tumblr       | <img src="https://cdn.hanzo.ai/img/social_tumblr.png" width="40" />       |
-| Twitch        | <img src="https://cdn.hanzo.ai/img/social_twitch.png" width="40" />          | Twitter     | <img src="https://cdn.hanzo.ai/img/social_twitter.png" width="40" />     | Typetalk     | <img src="https://cdn.hanzo.ai/img/social_typetalk.png" width="40" />   | Uber         | <img src="https://cdn.hanzo.ai/img/social_uber.png" width="40" />         |
-| VK            | <img src="https://cdn.hanzo.ai/img/social_vk.png" width="40" />              | WeChat      | <img src="https://cdn.hanzo.ai/img/social_wechat.png" width="40" />      | WeCom        | <img src="https://cdn.hanzo.ai/img/social_wecom.png" width="40" />      | Weibo        | <img src="https://cdn.hanzo.ai/img/social_weibo.png" width="40" />        |
-| WePay         | <img src="https://cdn.hanzo.ai/img/social_wepay.png" width="40" />           | Xero        | <img src="https://cdn.hanzo.ai/img/social_xero.png" width="40" />        | Yahoo        | <img src="https://cdn.hanzo.ai/img/social_yahoo.png" width="40" />      | Yammer       | <img src="https://cdn.hanzo.ai/img/social_yammer.png" width="40" />       |
-| Yandex        | <img src="https://cdn.hanzo.ai/img/social_yandex.png" width="40" />          | Zoom        | <img src="https://cdn.hanzo.ai/img/social_zoom.png" width="40" />        | Email        | <img src="https://cdn.hanzo.ai/img/social_mail.png" width="40" />       | SMS          | <img src="https://cdn.hanzo.ai/img/social_msg.png" width="40" />          |
-| Battle.net    | <img src="https://cdn.hanzo.ai/img/social_battlenet.png" width="40" />       |             |                                                                             |              |                                                                            |              |                                                                              |
+| ADFS          | <img src="/img/iam/social_adfs.png" width="40" />            | Alipay      | <img src="/img/iam/social_alipay.png" width="40" />      | Amazon       | <img src="/img/iam/social_amazon.png" width="40" />     | Apple        | <img src="/img/iam/social_apple.png" width="40" />        |
+| Auth0         | <img src="/img/iam/social_auth0.png" width="40" />           | Azure AD    | <img src="/img/iam/social_azuread.png" width="40" />     | Azure AD B2C | <img src="/img/iam/social_azureadb2c.png" width="40" /> | Baidu        | <img src="/img/iam/social_baidu.png" width="40" />        |
+| Bilibili      | <img src="/img/iam/social_bilibili.png" width="40" />        | Bitbucket   | <img src="/img/iam/social_bitbucket.png" width="40" />   | Box          | <img src="/img/iam/social_box.png" width="40" />        | Hanzo IAM      | <img src="/img/iam/hanzo.svg" width="40" />      |
+| Cloud Foundry | <img src="/img/iam/social_cloudfoundry.png" width="40" />    | Dailymotion | <img src="/img/iam/social_dailymotion.png" width="40" /> | Deezer       | <img src="/img/iam/social_deezer.png" width="40" />     | DigitalOcean | <img src="/img/iam/social_digitalocean.png" width="40" /> |
+| DingTalk      | <img src="/img/iam/social_dingtalk.png" width="40" />        | Discord     | <img src="/img/iam/social_discord.png" width="40" />     | Tiktok       | <img src="/img/iam/social_douyin.png" width="40" />     | Dropbox      | <img src="/img/iam/social_dropbox.png" width="40" />      |
+| Eve Online    | <img src="/img/iam/social_eveonline.png" width="40" />       | Facebook    | <img src="/img/iam/social_facebook.png" width="40" />    | Fitbit       | <img src="/img/iam/social_fitbit.png" width="40" />     | Gitea        | <img src="/img/iam/social_gitea.png" width="40" />        |
+| Gitee         | <img src="/img/iam/social_gitee.png" width="40" />           | GitHub      | <img src="/img/iam/social_github.png" width="40" />      | GitLab       | <img src="/img/iam/social_gitlab.png" width="40" />     | Google       | <img src="/img/iam/social_google.png" width="40" />       |
+| Heroku        | <img src="/img/iam/social_heroku.png" width="40" />          | InfluxCloud | <img src="/img/iam/social_influxcloud.png" width="40" /> | Infoflow     | <img src="/img/iam/social_infoflow.png" width="40" />   | Instagram    | <img src="/img/iam/social_instagram.png" width="40" />    |
+| Intercom      | <img src="/img/iam/social_intercom.png" width="40" />        | Kakao       | <img src="/img/iam/social_kakao.png" width="40" />       | Lark         | <img src="/img/iam/social_lark.png" width="40" />       | Lastfm       | <img src="/img/iam/social_lastfm.png" width="40" />       |
+| Line          | <img src="/img/iam/social_line.png" width="40" />            | LinkedIn    | <img src="/img/iam/social_linkedin.png" width="40" />    | Mailru       | <img src="/img/iam/social_mailru.png" width="40" />     | Meetup       | <img src="/img/iam/social_meetup.png" width="40" />       |
+| Microsoft     | <img src="/img/iam/social_microsoftonline.png" width="40" /> | Naver       | <img src="/img/iam/social_naver.png" width="40" />       | Nextcloud    | <img src="/img/iam/social_nextcloud.png" width="40" />  | Okta         | <img src="/img/iam/social_okta.png" width="40" />         |
+| OneDrive      | <img src="/img/iam/social_onedrive.png" width="40" />        | Oura        | <img src="/img/iam/social_oura.png" width="40" />        | Patreon      | <img src="/img/iam/social_patreon.png" width="40" />    | PayPal       | <img src="/img/iam/social_paypal.png" width="40" />       |
+| QQ            | <img src="/img/iam/social_qq.png" width="40" />              | Salesforce  | <img src="/img/iam/social_salesforce.png" width="40" />  | Shopify      | <img src="/img/iam/social_shopify.png" width="40" />    | Slack        | <img src="/img/iam/social_slack.png" width="40" />        |
+| SoundCloud    | <img src="/img/iam/social_soundcloud.png" width="40" />      | Spotify     | <img src="/img/iam/social_spotify.png" width="40" />     | Steam        | <img src="/img/iam/social_steam.png" width="40" />      | Strava       | <img src="/img/iam/social_strava.png" width="40" />       |
+| Stripe        | <img src="/img/iam/social_stripe.png" width="40" />          | Telegram    | <img src="/img/iam/social_telegram.png" width="40" />    | TikTok       | <img src="/img/iam/social_tiktok.png" width="40" />     | Tumblr       | <img src="/img/iam/social_tumblr.png" width="40" />       |
+| Twitch        | <img src="/img/iam/social_twitch.png" width="40" />          | Twitter     | <img src="/img/iam/social_twitter.png" width="40" />     | Typetalk     | <img src="/img/iam/social_typetalk.png" width="40" />   | Uber         | <img src="/img/iam/social_uber.png" width="40" />         |
+| VK            | <img src="/img/iam/social_vk.png" width="40" />              | WeChat      | <img src="/img/iam/social_wechat.png" width="40" />      | WeCom        | <img src="/img/iam/social_wecom.png" width="40" />      | Weibo        | <img src="/img/iam/social_weibo.png" width="40" />        |
+| WePay         | <img src="/img/iam/social_wepay.png" width="40" />           | Xero        | <img src="/img/iam/social_xero.png" width="40" />        | Yahoo        | <img src="/img/iam/social_yahoo.png" width="40" />      | Yammer       | <img src="/img/iam/social_yammer.png" width="40" />       |
+| Yandex        | <img src="/img/iam/social_yandex.png" width="40" />          | Zoom        | <img src="/img/iam/social_zoom.png" width="40" />        | Email        | <img src="/img/iam/social_mail.png" width="40" />       | SMS          | <img src="/img/iam/social_msg.png" width="40" />          |
+| Battle.net    | <img src="/img/iam/social_battlenet.png" width="40" />       |             |                                                                             |              |                                                                            |              |                                                                              |

 ## Registering with a third-party OAuth service

@@ -9,7 +9,7 @@ Supported SAML providers: **Alibaba Cloud IDaaS**, **Keycloak**, **Custom**. Aft

 | Alibaba Cloud IDaaS | Keycloak | Custom |
 | :----------: | :------: | :-----: |
-| <img src="https://cdn.hanzo.ai/img/social_aliyun.png" width="40"></img> | <img src="https://cdn.hanzo.ai/img/social_keycloak.png" width="40"></img> | <img src="https://cdn.hanzo.ai/img/social_custom.png" width="40"></img> |
+| <img src="/img/iam/social_aliyun.png" width="40"></img> | <img src="/img/iam/social_keycloak.png" width="40"></img> | <img src="/img/iam/social_custom.png" width="40"></img> |
 |      ✅      |    ✅    |    ✅    |

 ## Terms
@@ -88,7 +88,7 @@ Since Hanzo IAM use Organization to manage User, where each User belongs to a sp
    ],
    "photos": [
        {
-            "value": "https://cdn.hanzo.ai/img/casbin.svg"
+            "value": "/img/iam/hanzo.svg"
        }
    ],
    "profileUrl": "https://test.com/profile/built-in/scim_test_user2",
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 360 80" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(4, 4) scale(1.075)">
+    <path d="M22.21 67V44.6369H0V67H22.21Z" fill="#ffffff"/>
+    <path d="M0 44.6369L22.21 46.8285V44.6369H0Z" fill="#DDDDDD"/>
+    <path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#ffffff"/>
+    <path d="M22.21 0H0V22.3184H22.21V0Z" fill="#ffffff"/>
+    <path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#ffffff"/>
+    <path d="M66.6753 22.3185L44.5098 20.0822V22.3185H66.6753Z" fill="#DDDDDD"/>
+    <path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#ffffff"/>
+  </g>
+  <text x="88" y="54" font-family="system-ui, -apple-system, 'Segoe UI', sans-serif" font-size="36" font-weight="700" letter-spacing="-0.5" fill="#ffffff">Hanzo IAM</text>
+</svg>
@@ -0,0 +1,10 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+  <rect width="64" height="64" rx="8" fill="#000000"/>
+  <g transform="translate(8, 8) scale(0.716)">
+    <path d="M22.21 67V44.6369H0V67H22.21Z" fill="#ffffff"/>
+    <path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#ffffff"/>
+    <path d="M22.21 0H0V22.3184H22.21V0Z" fill="#ffffff"/>
+    <path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#ffffff"/>
+    <path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#ffffff"/>
+  </g>
+</svg>
--- a/Show More
+++ b/Show More