Bläddra i källkod

add steps video title

huai-sian 3 år sedan
förälder
incheckning
30b631edef
6 ändrade filer med 20 tillägg och 10 borttagningar
  1. 1 1
      demo.html
  2. 2 0
      js/lan.js
  3. 2 1
      steps.html
  4. 8 4
      style.css
  5. 0 0
      style.css.map
  6. 7 4
      style.scss

+ 1 - 1
demo.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>glass-property</title>
+    <title>Ai_anchor_Demo</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"

+ 2 - 0
js/lan.js

@@ -175,6 +175,7 @@ var zh = {
     "index-steps": "使用流程",
     "index-usecases": "應用情境",
     "index-demo": "即時展示",
+    "time-lapse": "縮時影片"
 };
 
 var en = {
@@ -304,6 +305,7 @@ var en = {
     "index-steps": "Steps",
     "index-usecases": "Usecases",
     "index-demo": "Try it",
+    "time-lapse": "Time-lapse: Steps"
 };
 
 function switchLanContent(val){

+ 2 - 1
steps.html

@@ -64,7 +64,8 @@
         </div>
         <a class="btn-dark" onclick="direct()"><lan set-lan="html:try_it_out">立即開始</lan></a>
         <div class="row my-5">
-          <div class="col-12">
+          <div class="col-10 mx-auto">
+              <h2><img src="https://i.imgur.com/Sb7ik9D.png" width="45" class="me-2"><span set-lan="html:time-lapse">縮時影片</span></h2>
             <div class="step-videofr">
               <video autoplay muted loop>
                   <source src="img/官網1_加速.mp4" type="video/mp4">

+ 8 - 4
style.css

@@ -723,17 +723,21 @@ p {
 .demo-btn {
   width: 90%;
   margin: 0 auto;
-  background: #fff;
+  background: #3f4c72;
   font-size: 32px;
   padding: 10px 20px;
   text-decoration: none;
-  color: black;
-  border: 1px solid black;
+  color: white;
+  border: none;
   display: block;
-  padding: 4rem 0;
+  padding: 6rem 0;
   text-align: center;
 }
 
+.demo-btn:hover {
+  color: white;
+}
+
 .features-nav .dropdown-toggle::after {
   display: inline-block;
   margin-left: .255em;

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
style.css.map


+ 7 - 4
style.scss

@@ -667,15 +667,18 @@ h6,
 .demo-btn {
   width: 90%;
   margin: 0 auto;
-  background: #fff;
+  background: #3f4c72;
   font-size: 32px;
   padding: 10px 20px;
   text-decoration: none;
-  color: black;
-  border: 1px solid black;
+  color: white;
+  border: none;
   display: block;
-  padding: 4rem 0;
+  padding: 6rem 0;
   text-align: center;
+  &:hover {
+    color: white;
+  }
 }
 
 .features-nav {

Vissa filer visades inte eftersom för många filer har ändrats