修改猜词的音符异常

删除热点资源，主页样式优化
2022-05-19 15:18:25 +08:00
parent c915db3116
commit bc3650e737
12 changed files with 74 additions and 88 deletions
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -6,6 +6,7 @@
    <title>首页-Quinn</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/backgroud.css}">
+    <script src="https://cdn.bootcss.com/typed.js/2.0.5/typed.js"></script>
 </head>
 <style>
    #register{
@@ -20,6 +21,27 @@
    #fastLink{
        font-size: 20px;
    }
+    .typed-cursor{
+        opacity: 1;
+        -webkit-animation: blink 0.7s infinite;
+        -moz-animation: blink 0.7s infinite;
+        animation: blink 0.7s infinite;
+    }
+    @keyframes blink{
+        0% { opacity:1; }
+        50% { opacity:0; }
+        100% { opacity:1; }
+    }
+    @-webkit-keyframes blink{
+        0% { opacity:1; }
+        50% { opacity:0; }
+        100% { opacity:1; }
+    }
+    @-moz-keyframes blink{
+        0% { opacity:1; }
+        50% { opacity:0; }
+        100% { opacity:1; }
+    }
 </style>
 <body>

@@ -44,12 +66,14 @@
                </p>
                <br/>
                <div class="lead invertedContent">
-                    <p>欢迎访问</p>
                    <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightbulb-fill" viewBox="0 0 16 16">
                        <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5z"/>
-                    </svg>
-                        Quinn 包含资源推荐，资源分享，论坛交流模块</p>
-                    <p>戳下方了解详情↓↓↓</p>
+                    </svg>欢迎访问</p>
+                    <div class="row">
+                        <div class="col-md-3"></div>
+                        <span class="element"></span>
+                        <div class="col-md-3"></div>
+                    </div>
                </div>
                <div id="fastLink" class="row">
                    <div class="col-md-3"></div>
@@ -110,5 +134,12 @@
 <script th:src="@{/js/toTop.js}"></script>
 <script th:src="@{/js/jquery-ui.min.js}"></script>
 <script th:src="@{/live/js/addlive2d.js}"></script>
+<script>
+    var typed = new Typed('.element', {
+        strings: ["从前有座山，山里有座庙，庙里有个老和尚给小和尚讲故事...", "Quinn的注册流程，技术博客，交流反馈。可点击下方了解详情↓"], //输入内容, 支持html标签
+        typeSpeed: 120, //打字速度
+        backSpeed: 50 //回退速度
+    });
+</script>
 </body>
 </html>