Merge pull request #89 from AgoraIO/dev/redirect-tip

feat: add redirect notice for updated demo in English and Chinese

Author: HugoChaan

Demo/i18n/en/common.properties

@@ -75,4 +75,6 @@ logout=Logout
 ssoText=Logging in...
 superClarityExtention=Super Clarify
 superClarityExtentionNote=Add video quality enhancement with AI for video track with a SDK plugin.
+redirectTip=Note: This demo has been updated. Please visit <a href='https://webdemo-global.agora.io/index.html'> https://webdemo-global.agora.io/index.html</a> to experience the latest demo.
+
 

Demo/i18n/zh-CN/common.properties

@@ -75,3 +75,4 @@ logout=退出
 ssoText=正在登录中...
 superClarityExtention=AI画质	
 superClarityExtentionNote=使用SDK插件为video track添加基于AI的画质增强功能	
+redirectTip=此 Demo 已更新。请访问<a href='https://webdemo-global.agora.io/index.html'> https://webdemo-global.agora.io/index.html</a> 体验最新版本 Demo。

Demo/index.html

@@ -44,7 +44,7 @@
         href="https://forms.office.com/Pages/ResponsePage.aspx?id=dFMnYKo-wkmDw8wYnRJpgXLvSSJvzXpKsNwZBzWrfBhUNFFEUldSWVBNNkRMQklYS1ZZODY0Mk9BVy4u"><small><label
             class="i18n" name="questionare"></label></small></a></p>
     <a style="color: rgb(255, 255, 255);fill: rgb(255, 255, 255);fill-rule: evenodd; position: absolute; right: 60px; top: 10px;"
-      class="Header-link " href="https://github.com/AgoraIO/API-Examples-Web/tree/main/Demo">
+      class="Header-link " href="https://github.com/AgoraIO/API-Examples-Web/tree/legacy/Demo">
       <svg class="octicon octicon-mark-github v-align-middle" height="32" viewBox="0 0 16 16" version="1.1" width="32"
         aria-hidden="true">
         <path fill-rule="evenodd"
@@ -55,6 +55,16 @@
     <span style="cursor: pointer; position: absolute; right: 15px; top: 14px;" id="logout">
       <label class="i18n" name="logout" style="cursor: pointer;"></label>
     </span>
+
+    <div
+      style="position:fixed; top:0px;  display: flex; align-items: center;justify-content: center;width: 100%; z-index: 10; ">
+      <div class="alert alert-danger  alert-dismissible fade show" role="alert">
+        <label class="i18n" name="redirectTip"> </label>
+        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+    </div>
   </div>
 
   <div class="wrapper">