Add icons and color to trial/index.md

DaoCloud · Mar 7, 2024 · 9f1f5ff · 9f1f5ff
1 parent 32e9a04
commit 9f1f5ff
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 16 deletions.
diff --git a/docs/en/docs/trial/index.md b/docs/en/docs/trial/index.md
@@ -7,7 +7,12 @@ hide:
 
 <div style="text-align: center;">
   <p style="font-size: 18px;"><img src="https://docs.daocloud.io/daocloud-docs-images/docs/en/docs/trial/images/hu01.gif" alt="Image" width="80"> Welcome to Install and Experience!</p>
-  <p style="font-size: 28px; color: green;">DCE Community <img src="https://docs.daocloud.io/daocloud-docs-images/docs/en/docs/trial/images/hu02.gif" alt="Image" width="80"></p>
+  <p style="font-size: 28px; color: green; background-image: linear-gradient(to right, #00ff00, #33ff33, #66ff66, #99ff99, #ccffcc, #ffffff, #ccffcc, #99ff99, #66ff66, #33ff33, #00ff00, #33ff33, #00ff00); 
+    background-size: 200%; 
+    color: transparent; 
+    -webkit-background-clip: text;
+    background-clip: text;
+    animation: shine 5s infinite linear;">DCE Community <img src="https://docs.daocloud.io/daocloud-docs-images/docs/zh/docs/trial/images/hu02.gif" alt="Image" width="80"></p>
 </div>
 
 DCE 5.0, with cloud native infrastructure at its core, is supported by self-developed open-source components. It provides cloud native computing, networking, storage, and other capabilities, supporting unified management of multi-cloud and multi-cluster lifecycles. It abstracts the complexity of underlying infrastructure, reduces the threshold for enterprises to use cloud native applications, and improves application development efficiency.
@@ -16,7 +21,7 @@ DCE 5.0, with cloud native infrastructure at its core, is supported by self-deve
   <p style="font-size: 24px; color: green;">Unlease DCE Community in 3 Steps</p>
 </div>
 
-## <font color="green"><strong>1st</strong> Installation Tutorials</font>
+## <font color="green"><strong>1st</strong> Installation Tutorials</font>  :door:
 
 !!! tip
 
@@ -68,7 +73,7 @@ If you have limited network access, you can choose to perform an offline install
 
 :material-run: [Start Offline Installation](../install/community/k8s/offline.md)
 
-## <font color="green"><strong>2nd</strong> Apply for a License Key</font>
+## <font color="green"><strong>2nd</strong> Apply for a License Key</font> :key:
 
 1. Click [here to apply for a free "DCE Community" license key](https://qingflow.com/f/58604bf8). The license key will be sent to your email.
    (Some email providers may intercept the email containing the license key. If you do not receive it after a long time, please check your spam folder).
@@ -95,13 +100,13 @@ If you have limited network access, you can choose to perform an offline install
 
     If you selected a short validity period when applying for the license and it has expired, you can click [here for more renewal options](../dce/license0.md#license-renewal).
 
-## <font color="green"><strong>3rd</strong> Embark on the Cloud-Native Journey</font>
+## <font color="green"><strong>3rd</strong> Embark on the Cloud-Native Journey</font> :rice_scene:
 
 - [Cloud-Native Technology Practice Public Course](https://appu8cplrlw7661.h5.xiaoeknow.com): Suitable for beginners or junior cloud native developers to learn about the development background, basic knowledge, and operational practices of cloud native technology.
 - [Video Tutorials](../videos/index.md): Covering the usage demonstrations of the three major functional modules: container management, global management, and observability. There are also tutorials demonstrating Enterprise Package features. Feel free to check them out.
 
-<p style="font-size: 20px; color: green;">Learn more about DCE Community</p>
+<p style="font-size: 20px; color: green;">DCE Community includes three modules:</p>
 
-[What is Container Management](../kpanda/intro/index.md){ .md-button .md-button--primary }
-[What is Global Management](../ghippo/intro/index.md){ .md-button .md-button--primary }
-[What is Observability](../insight/intro/index.md){ .md-button .md-button--primary }
+[Container Management](../kpanda/intro/index.md){ .md-button .md-button--primary }
+[Global Management](../ghippo/intro/index.md){ .md-button .md-button--primary }
+[Insight](../insight/intro/index.md){ .md-button .md-button--primary }
diff --git a/docs/zh/docs/trial/index.md b/docs/zh/docs/trial/index.md
@@ -7,7 +7,12 @@ hide:
 
 <div style="text-align: center;">
   <p style="font-size: 18px;"><img src="https://docs.daocloud.io/daocloud-docs-images/docs/zh/docs/trial/images/hu01.gif" alt="Image" width="80"> 欢迎安装体验！</p>
-  <p style="font-size: 28px; color: green;">DaoCloud Enterprise 社区版 <img src="https://docs.daocloud.io/daocloud-docs-images/docs/zh/docs/trial/images/hu02.gif" alt="Image" width="80"></p>
+  <p style="font-size: 28px; color: green; background-image: linear-gradient(to right, #00ff00, #33ff33, #66ff66, #99ff99, #ccffcc, #ffffff, #ccffcc, #99ff99, #66ff66, #33ff33, #00ff00, #33ff33, #00ff00); 
+    background-size: 200%; 
+    color: transparent; 
+    -webkit-background-clip: text;
+    background-clip: text;
+    animation: shine 5s infinite linear;">DaoCloud Enterprise 社区版 <img src="https://docs.daocloud.io/daocloud-docs-images/docs/zh/docs/trial/images/hu02.gif" alt="Image" width="80"></p>
 </div>
 
 DCE 社区版以云原生底座为核心，自研开源组件加持，提供云原生计算、网络、存储等能力，支持多云、多集群全生命周期统一纳管，
@@ -17,7 +22,7 @@ DCE 社区版以云原生底座为核心，自研开源组件加持，提供云
   <p style="font-size: 24px; color: green;">解锁社区版三步曲</p>
 </div>
 
-## <font color="green"><strong>1st</strong> 安装教程传送门</font>
+## <font color="green"><strong>1st</strong> 安装教程传送门</font> :door:
 
 !!! tip
 
@@ -74,7 +79,7 @@ DCE 社区版以云原生底座为核心，自研开源组件加持，提供云
 
 :material-run: [开始离线安装](../install/community/k8s/offline.md)
 
-## <font color="green"><strong>2nd</strong> 申请许可证密钥</font>
+## <font color="green"><strong>2nd</strong> 申请许可证密钥</font> :key:
 
 1. 点击[此处免费申请「DCE 社区版」许可证密钥](https://qingflow.com/f/58604bf8)，许可证密钥将发送至您的邮箱
   （很多邮箱可能会拦截许可证密钥的邮件，如长时间未收到，可查看是否归为垃圾邮件）。
@@ -106,13 +111,13 @@ DCE 社区版以云原生底座为核心，自研开源组件加持，提供云
     由于在申请许可证时，选择的有效期过短，有些小伙伴会出现许可证过期的情况，
     这时，可点击[查看更多续期操作](../dce/license0.md#_1)。
 
-## <font color="green"><strong>3rd</strong> 开启云原生之旅</font>
+## <font color="green"><strong>3rd</strong> 开启云原生之旅</font> :rice_scene:
 
 - [云原生技术实践公开课](https://appu8cplrlw7661.h5.xiaoeknow.com)：适合零基础或初级云原生开发者学习，涵盖云原生发展背景、基础知识、操作实践等内容。
 - [视频教程](../videos/index.md)：涵盖容器管理、全局管理、可观测性这三大模块功能的使用演示，更有商业版功能演示教程，欢迎大家参阅。
 
-<p style="font-size: 20px; color: green;">进一步了解 DaoCloud Enterprise 社区版</p>
+<p style="font-size: 20px; color: green;">DaoCloud Enterprise 社区版包括这 3 个组件：</p>
 
-[什么是容器管理](../kpanda/intro/index.md){ .md-button .md-button--primary }
-[什么是全局管理](../ghippo/intro/index.md){ .md-button .md-button--primary }
-[什么是可观测性](../insight/intro/index.md){ .md-button .md-button--primary }
+[容器管理](../kpanda/intro/index.md){ .md-button .md-button--primary }
+[全局管理](../ghippo/intro/index.md){ .md-button .md-button--primary }
+[可观测性](../insight/intro/index.md){ .md-button .md-button--primary }