feat: update main page layout

Blue-Archive-Web · Nov 2, 2024 · af8996c · af8996c
1 parent 30b1757
commit af8996c
Showing 1 changed file with 79 additions and 77 deletions.
diff --git a/index.html b/index.html
@@ -326,91 +326,93 @@ <h2 id="relative_qun">相关交流群</h2>
 
 
                 <h2 id="mc-servers">相关 <code>Minecraft</code> 服务器</h2>
-                <ul class="mdui-list mdui-list-dense">
-                    <li class="mdui-subheader">TUnite 服务器联合组织</li>
-
-                    <!-- <li class="mdui-list-item mdui-ripple"> -->
-                    <li class="mdui-list-item mdui-ripple" onclick="openNewTab('https://www.bluecraft.top/')">
-                        <div class="mdui-list-item-avatar">
-                            <img src="./assets/images/server_logo/Bluecraft_Avatar.png" />
-                        </div>
-                        <div class="mdui-list-item-content">
-                            <div class="mdui-list-item-title">Bluecraft 服务器</div>
-                            <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
-                            <div class="mdui-list-item-text">
-                                <span class="mdui-text-color-theme-text">版本：1.20.1 QQ账号验证（无需MC正版）</span>
-                                <br>
-                                生存冒险\科技\魔法\枪械\YSM都在这里等你来玩<br><strong
-                                    style="color: #00FFFF;">与你相遇,便是奇迹！</strong><br>QQ群：555822991
-                            </div>
-
-                        </div>
-                        <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
-                    </li>
-                    <!-- 单个列表项结束 -->
-
-                    <!-- <li class="mdui-list-item mdui-ripple"> -->
-                    <li class="mdui-list-item mdui-ripple" onclick="openNewTab('https://www.blue-millennium.fun/')">
-                        <div class="mdui-list-item-avatar">
-                            <img src="./assets/images/server_logo/BlueMillennium.jpg" />
-                        </div>
-                        <div class="mdui-list-item-content">
-                            <div class="mdui-list-item-title">BlueMillennium</div>
-                            <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
-                            <!-- <div class="mdui-list-item-text">
+                <div class="mdui-row">
+                    <div class="mdui-col-md-6">
+
+                        <ul class="mdui-list mdui-list-dense">
+                            <li class="mdui-subheader">TUnite 服务器联合组织</li>
+
+                            <!-- <li class="mdui-list-item mdui-ripple"> -->
+                            <li class="mdui-list-item mdui-ripple" onclick="openNewTab('https://www.bluecraft.top/')">
+                                <div class="mdui-list-item-avatar">
+                                    <img src="./assets/images/server_logo/Bluecraft_Avatar.png" />
+                                </div>
+                                <div class="mdui-list-item-content">
+                                    <div class="mdui-list-item-title">Bluecraft 服务器</div>
+                                    <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
+                                    <div class="mdui-list-item-text">
+                                        <span class="mdui-text-color-theme-text">版本：1.20.1 QQ账号验证（无需MC正版）</span>
+                                        <br>
+                                        生存冒险\科技\魔法\枪械\YSM都在这里等你来玩<br><strong
+                                            style="color: #00FFFF;">与你相遇,便是奇迹！</strong><br>QQ群：555822991
+                                    </div>
+
+                                </div>
+                                <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
+                            </li>
+                            <!-- 单个列表项结束 -->
+
+                            <!-- <li class="mdui-list-item mdui-ripple"> -->
+                            <li class="mdui-list-item mdui-ripple"
+                                onclick="openNewTab('https://www.blue-millennium.fun/')">
+                                <div class="mdui-list-item-avatar">
+                                    <img src="./assets/images/server_logo/BlueMillennium.jpg" />
+                                </div>
+                                <div class="mdui-list-item-content">
+                                    <div class="mdui-list-item-title">BlueMillennium</div>
+                                    <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
+                                    <!-- <div class="mdui-list-item-text">
                                     <span class="mdui-text-color-theme-text">简介</span>
                                     
                                 </div> -->
 
-                        </div>
-                        <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
-                    </li>
-                    <!-- 单个列表项结束 -->
-
-                    <!-- <li class="mdui-list-item mdui-ripple"> -->
-                    <li class="mdui-list-item mdui-ripple" onclick="openNewTab('https://www.pudcraft.top/')">
-                        <div class="mdui-list-item-avatar">
-                            <img src="./assets/images/server_logo/Pudcraft.jpg" />
-                        </div>
-                        <div class="mdui-list-item-content">
-                            <div class="mdui-list-item-title">Pudcraft</div>
-                            <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
-                            <div class="mdui-list-item-text">
-                                <span class="mdui-text-color-theme-text">这是一个由中学生由于对《蔚蓝档案》IP 的喜爱而自发发起的社区</span>
-                                <br>
-                                目前我们正在规划一个《蔚蓝档案》主题的 Minecraft Java 纯公益服务器
-                                <br>
-                                相关交流群：961822878
-                            </div>
-
-                        </div>
-                        <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
-                    </li>
-                    <!-- 单个列表项结束 -->
-
-                    <!-- <li class="mdui-list-item mdui-ripple"> -->
-                    <li class="mdui-list-item mdui-ripple" onclick="openNewTab('https://minecraft.kivotos.net.cn/')">
-                        <div class="mdui-list-item-avatar">
-                            <img src="./assets/images/server_logo/MKv.png" />
-                        </div>
-                        <div class="mdui-list-item-content">
-                            <div class="mdui-list-item-title">Minecraft Kivotos</div>
-                            <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
-                            <!-- <div class="mdui-list-item-text">
+                                </div>
+                                <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
+                            </li>
+                            <!-- 单个列表项结束 -->
+
+                            <!-- <li class="mdui-list-item mdui-ripple"> -->
+                            <li class="mdui-list-item mdui-ripple" onclick="openNewTab('https://www.pudcraft.top/')">
+                                <div class="mdui-list-item-avatar">
+                                    <img src="./assets/images/server_logo/Pudcraft.jpg" />
+                                </div>
+                                <div class="mdui-list-item-content">
+                                    <div class="mdui-list-item-title">Pudcraft</div>
+                                    <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
+                                    <div class="mdui-list-item-text">
+                                        <span class="mdui-text-color-theme-text">这是一个由中学生由于对《蔚蓝档案》IP 的喜爱而自发发起的社区</span>
+                                        <br>
+                                        目前我们正在规划一个《蔚蓝档案》主题的 Minecraft Java 纯公益服务器
+                                        <br>
+                                        相关交流群：961822878
+                                    </div>
+
+                                </div>
+                                <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
+                            </li>
+                            <!-- 单个列表项结束 -->
+
+                            <!-- <li class="mdui-list-item mdui-ripple"> -->
+                            <li class="mdui-list-item mdui-ripple"
+                                onclick="openNewTab('https://minecraft.kivotos.net.cn/')">
+                                <div class="mdui-list-item-avatar">
+                                    <img src="./assets/images/server_logo/MKv.png" />
+                                </div>
+                                <div class="mdui-list-item-content">
+                                    <div class="mdui-list-item-title">Minecraft Kivotos</div>
+                                    <!-- <div class="mdui-list-item-text mdui-list-item-two-line"> -->
+                                    <!-- <div class="mdui-list-item-text">
                                 <span class="mdui-text-color-theme-text"></span>
                             </div> -->
 
-                        </div>
-                        <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
-                    </li>
-                    <!-- 单个列表项结束 -->
-                </ul>
-
-                </ul>
-
-
-
+                                </div>
+                                <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_arrow_right</i>
+                            </li>
+                            <!-- 单个列表项结束 -->
+                        </ul>
 
+                    </div>
+                </div>
                 <hr>
 
                 <h2 id="sub_Domain">二级域名</h2>