Home Explore Help
Register Sign In
choozmo
/
AI_Video_LP
4
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

update

SyuanYu 1 year ago
parent
4fc908f0b1
commit
69cc93dea6
15 changed files with 271 additions and 24 deletions
Split View Show Diff Stats
  1. 73 0
      layouts/main-news/list.html
  2. 1 0
      layouts/main-news/single.html
  3. 14 4
      layouts/partials/components/carousel.html
  4. 3 0
      layouts/partials/navbar.html
  5. 77 12
      static/css/style.css
  6. 0 0
      static/css/style.css.map
  7. 103 8
      static/css/style.scss
  8. BIN
      static/imgs/home/banner-01.jpg
  9. BIN
      static/imgs/home/banner-02.jpg
  10. 0 0
      static/imgs/home/banner-03-mb.webp
  11. 0 0
      static/imgs/home/banner-03.webp
  12. 0 0
      static/imgs/home/banner-04-mb.webp
  13. 0 0
      static/imgs/home/banner-04.webp
  14. 0 0
      static/imgs/home/banner-05-mb.webp
  15. 0 0
      static/imgs/home/banner-05.webp

+ 73 - 0
layouts/main-news/list.html
View File 

@@ -0,0 +1,73 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
 
+  <meta http-equiv="Cache-Control" content="no-cache">
 
+  <title>Choozmo Marketing Cloud</title>
 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
 
+    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
 
+  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
 
+  <link rel="stylesheet" href="/css/style.css">
 
+  <link rel="stylesheet" href="/css/custom.css">
 
+</head>
 
+
 
+<body>
 
+  {{ partial "navbar.html" . }}
 
+
 
+  <main class="container news-content" style="overflow-x: hidden;">
 
+    {{ $paginator := .Paginate .Data.Pages }}
 
+
 
+    <ul id="categories">
 
+      {{ range $paginator.Pages }}
 
+      {{ with .Params.categories }}
 
+      {{ range . }}
 
+     <li>
 
+      <button>
 
+        <a href="{{ "categories" | absURL}}/{{ . | urlize }}">{{ . }}</a>
 
+      </button>
 
+     </li>
 
+      {{ end }}
 
+      {{ end }}
 
+      {{ end }}
 
+    </ul>
 
+
 
+    {{ range $paginator.Pages }}
 
+    <div class="bhouse_news my-50 article-item">
 
+      <div class="likeSee__state pl-md-0 pr-md-0">
 
+        <div class="likeSee__state">
 
+          <a href="{{ .RelPermalink }}">
 
+            <h1 class="bhouse_title">{{ .Title }}</h1>
 
+          </a>
 
+        </div>
 
+        <div class="likeSee__state__filter">
 
+          <p>{{ .PublishDate.Format "2006-01-02" }}</p>
 
+        </div>
 
+      </div>
 
+      <div class="bhouseweb_loc_sec mt-15">
 
+        <a style="color:#212529" href="{{ .RelPermalink }}" class="description">
 
+          <div class="NewsDescription">
 
+            <p class="NewsDescription_p" style="letter-spacing: 1px;">{{.Summary}}</p>
 
+          </div>
 
+        </a>
 
+      </div>
 
+    </div>
 
+    <hr class="bhouseweb_loc_line mt-30">
 
+    {{ end }}
 
+  </main>
 
+
 
+  {{ partial "footer.html" . }}
 
+
 
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
 
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
 
+    crossorigin="anonymous"></script>
 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
 
+    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
 
+    crossorigin="anonymous"></script>
 
+  <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
 
+    crossorigin="anonymous"></script>
 
+</body>
 
+
 
+</html>

+ 1 - 0
layouts/main-news/single.html
View File 

@@ -0,0 +1 @@
 
+single

+ 14 - 4
layouts/partials/components/carousel.html
View File 

@@ -1,12 +1,22 @@
 
 <div class="swiper carousel">
 
   <div class="swiper-wrapper">
 
     <div class="swiper-slide">
 
-      <a target="_blank" href="https://cmm.ai/ces2023vid/">
 
-        <img src="/imgs/home/banner01.webp" alt="Choozmo in 2023CES" class="d-none d-md-block">
 
-        <img src="/imgs/home/banner01_mb.webp" alt="Choozmo in 2023CES" class="d-block d-md-none p-4">
 
+      <a target="_blank" href="https://www.youtube.com/playlist?list=PLjrAuyEb2pOxbUSBPLDxjh71RmjEtir_6">
 
+        <div class="wrapper">
 
+          <img src="/imgs/home/banner-01.jpg" alt="choozmo｜AI主播｜AI｜警察廣播電臺｜警廣｜警廣路況｜警廣線上收聽｜人工智慧｜AI人工智慧｜人工智能｜AI雙主播｜雙主播｜虛擬主播｜虛擬人｜新聞播報">
 
+          <div class="video-wrapper">
 
+            <iframe src="https://www.youtube.com/embed/HgrjL8pTpUY?rel=0&autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 
+          </div>
 
+        </div>
 
       </a>
 
     </div>
 
     <div class="swiper-slide">
 
+      <a target="_blank" href="">
 
+        <img src="/imgs/home/banner-02.jpg" alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning">
 
+        <!-- <img src="/imgs/home/banner01_mb.webp" alt="Choozmo in 2023CES" class="d-block d-md-none p-4"> -->
 
+      </a>
 
+    </div>
 
+    <!-- <div class="swiper-slide">
 
       <a href="/seo-image/dm/">
 
         <img src="/imgs/home/banner02.webp" alt="形象SEO搶救負評大作戰" class="d-none d-md-block">
 
         <img src="/imgs/home/banner02_mb.webp" alt="形象SEO搶救負評大作戰" class="d-block d-md-none p-4">
 
@@ -17,7 +27,7 @@
 
         <img src="/imgs/home/banner03.webp" alt="高畫質AI主播" class="d-none d-md-block">
 
         <img src="/imgs/home/banner03_mb.webp" alt="高畫質AI主播" class="d-block d-md-none p-4">
 
       </a>
 
-    </div>
 
+    </div> -->
 
   </div>
 
   <div class="swiper-button-next d-none d-md-block"></div>
 
   <div class="swiper-button-prev d-none d-md-block"></div>

+ 3 - 0
layouts/partials/navbar.html
View File 

@@ -49,6 +49,9 @@
 
               <li><a class="dropdown-item" href="/collaboration/river-cam/">康河智庫管理顧問有限公司</a></li>
 
             </ul>
 
           </li> -->
 
+        <!-- <li class="nav-item">
 
+          <a class="nav-link" href="/main-news/">最新消息</a>
 
+        </li> -->
 
         <li class="nav-item">
 
           <a class="nav-link" href="/contact/service">聯絡我們</a>
 
         </li>

+ 77 - 12
static/css/style.css
View File 

@@ -504,20 +504,37 @@
 
     margin: 0 10px;
 
   }
 
 }
 
-#home .swiper .swiper-pagination {
 
-  bottom: -10px;
 
-}
 
-@media (max-width: 991px) {
 
-  #home .swiper .swiper-pagination {
 
-    bottom: -15px;
 
-  }
 
-}
 
 #home .swiper .swiper-pagination-bullet-active {
 
   background-color: #000 !important;
 
 }
 
-#home .swiper .swiper-button-next,
 
-#home .swiper .swiper-button-prev {
 
-  color: #6c6d70;
 
+#home .swiper .swiper-button-next::after, #home .swiper .swiper-button-next::before,
 
+#home .swiper .swiper-button-prev::after,
 
+#home .swiper .swiper-button-prev::before {
 
+  content: "";
 
+  display: block;
 
+  width: 30px;
 
+  height: 3px;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  left: 50%;
 
+  transform: translate(-50%, -50%) rotate(45deg);
 
+  box-shadow: 2px 2px 5px #333;
 
+}
 
+#home .swiper .swiper-button-prev::after {
 
+  top: 40px;
 
+  transform: translate(-50%, -50%) rotate(45deg);
 
+}
 
+#home .swiper .swiper-button-prev::before {
 
+  top: 20px;
 
+  transform: translate(-50%, -50%) rotate(-45deg);
 
+}
 
+#home .swiper .swiper-button-next::after {
 
+  top: 40px;
 
+  transform: translate(-50%, -50%) rotate(-45deg);
 
+}
 
+#home .swiper .swiper-button-next::before {
 
+  top: 20px;
 
+  transform: translate(-50%, -50%) rotate(45deg);
 
 }
 
 #home #main {
 
   overflow: hidden;
 
@@ -4019,4 +4036,52 @@
 
   transition: all 0.3s ease-in-out;
 
 }
 
 
-/* aboutus End *//*# sourceMappingURL=style.css.map */
 
+/* aboutus End */
 
+/* carousel Start */
 
+.carousel .wrapper {
 
+  position: relative;
 
+  background-image: url("/imgs/home/banner-01.jpg");
 
+  background-size: cover;
 
+  background-repeat: no-repeat;
 
+}
 
+.carousel .wrapper .video-wrapper {
 
+  position: absolute;
 
+  padding-bottom: 20%;
 
+  padding-top: 25px;
 
+  height: 0;
 
+  width: 39%;
 
+  top: 42%;
 
+  left: 13%;
 
+}
 
+.carousel .wrapper .video-wrapper iframe {
 
+  position: absolute;
 
+  top: 0;
 
+  left: 0;
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+/* carousel End */
 
+/* news-content Start */
 
+.news-content {
 
+  margin-top: 150px;
 
+}
 
+.news-content #categories {
 
+  padding: 0;
 
+  list-style: none;
 
+  display: flex;
 
+}
 
+.news-content #categories li {
 
+  margin-right: 20px;
 
+}
 
+.news-content #categories button {
 
+  padding: 5px 30px;
 
+  border: 1px solid #ea5413;
 
+  border-radius: 2rem;
 
+}
 
+.news-content #categories button a {
 
+  color: #ea5413;
 
+  text-decoration: none;
 
+}
 
+
 
+/* news-content End *//*# sourceMappingURL=style.css.map */

File diff suppressed because it is too large
+ 0 - 0
static/css/style.css.map


+ 103 - 8
static/css/style.scss
View File 

@@ -545,13 +545,13 @@
 
       }
 
     }
 
 
-    .swiper-pagination {
 
-      bottom: -10px;
 
+    // .swiper-pagination {
 
+    //   bottom: -10px;
 
 
-      @media (max-width: 991px) {
 
-        bottom: -15px;
 
-      }
 
-    }
 
+    //   @media (max-width: 991px) {
 
+    //     bottom: -15px;
 
+    //   }
 
+    // }
 
 
     .swiper-pagination-bullet-active {
 
       background-color: #000 !important;
 
@@ -559,7 +559,43 @@
 
 
     .swiper-button-next,
 
     .swiper-button-prev {
 
-      color: #6c6d70;
 
+
 
+      &::after,
 
+      &::before {
 
+        content: "";
 
+        display: block;
 
+        width: 30px;
 
+        height: 3px;
 
+        background-color: #fff;
 
+        position: absolute;
 
+        left: 50%;
 
+        transform: translate(-50%, -50%) rotate(45deg);
 
+        box-shadow: 2px 2px 5px #333;
 
+      }
 
+    }
 
+
 
+    .swiper-button-prev {
 
+      &::after {
 
+        top: 40px;
 
+        transform: translate(-50%, -50%) rotate(45deg);
 
+      }
 
+
 
+      &::before {
 
+        top: 20px;
 
+        transform: translate(-50%, -50%) rotate(-45deg);
 
+      }
 
+    }
 
+
 
+    .swiper-button-next {
 
+      &::after {
 
+        top: 40px;
 
+        transform: translate(-50%, -50%) rotate(-45deg);
 
+      }
 
+
 
+      &::before {
 
+        top: 20px;
 
+        transform: translate(-50%, -50%) rotate(45deg);
 
+      }
 
     }
 
   }
 
 
@@ -4251,4 +4287,63 @@
 
   }
 
 }
 
 
-/* aboutus End */
 
+/* aboutus End */
 
+
 
+/* carousel Start */
 
+
 
+.carousel {
 
+  .wrapper {
 
+    position: relative;
 
+    background-image: url("/imgs/home/banner-01.jpg");
 
+    background-size: cover;
 
+    background-repeat: no-repeat;
 
+
 
+    .video-wrapper {
 
+      position: absolute;
 
+      padding-bottom: 20%;
 
+      padding-top: 25px;
 
+      height: 0;
 
+      width: 39%;
 
+      top: 42%;
 
+      left: 13%;
 
+
 
+      iframe {
 
+        position: absolute;
 
+        top: 0;
 
+        left: 0;
 
+        width: 100%;
 
+        height: 100%;
 
+      }
 
+    }
 
+  }
 
+
 
+}
 
+
 
+/* carousel End */
 
+
 
+/* news-content Start */
 
+
 
+.news-content {
 
+  margin-top: 150px;
 
+
 
+  #categories {
 
+    padding: 0;
 
+    list-style: none;
 
+    display: flex;
 
+    li {
 
+      margin-right: 20px;
 
+    }
 
+    button {
 
+      padding: 5px 30px;
 
+      border: 1px solid #ea5413;
 
+      border-radius: 2rem;
 
+
 
+      a {
 
+        color: #ea5413;
 
+        text-decoration: none;
 
+      }
 
+    }
 
+  }
 
+}
 
+
 
+/* news-content End */

BIN
static/imgs/home/banner-01.jpg
View File


BIN
static/imgs/home/banner-02.jpg
View File


+ 0 - 0
static/imgs/home/banner01_mb.webp → static/imgs/home/banner-03-mb.webp
View File


+ 0 - 0
static/imgs/home/banner01.webp → static/imgs/home/banner-03.webp
View File


+ 0 - 0
static/imgs/home/banner03_mb.webp → static/imgs/home/banner-04-mb.webp
View File


+ 0 - 0
static/imgs/home/banner02.webp → static/imgs/home/banner-04.webp
View File


+ 0 - 0
static/imgs/home/banner02_mb.webp → static/imgs/home/banner-05-mb.webp
View File


+ 0 - 0
static/imgs/home/banner03.webp → static/imgs/home/banner-05.webp
View File


Some files were not shown because too many files changed in this diff