Página inicial Explorar Ajuda
Registrar Entrar
choozmo
/
AI_Video_LP
4
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

add news page

SyuanYu 1 ano atrás
pai
e1b06e94cc
commit
1132de490e
28 arquivos alterados com 687 adições e 105 exclusões
Visão unificada Mostrar estatísticas do Diff
  1. 31 61
      layouts/_default/single.html
  2. 1 1
      layouts/_default/taxonomy.html
  3. 101 29
      layouts/main-news/list.html
  4. 57 1
      layouts/main-news/single.html
  5. 1 1
      layouts/partials/components/carousel.html
  6. 2 2
      layouts/partials/navbar.html
  7. 137 4
      static/css/style.css
  8. 0 0
      static/css/style.css.map
  9. 162 4
      static/css/style.scss
  10. 11 2
      webSite/config.toml
  11. BIN
      webSite/content/main-news/Virtual Production Studio Turnkey Solution/DM.jpg
  12. BIN
      webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-01.jpg
  13. BIN
      webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-03.jpg
  14. BIN
      webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-04.jpg
  15. BIN
      webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-05.jpg
  16. BIN
      webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-06.jpg
  17. 47 0
      webSite/content/main-news/Virtual Production Studio Turnkey Solution/index.md
  18. 5 0
      webSite/content/main-news/_index.md
  19. 7 0
      webSite/content/main-news/focus/_index.md
  20. 7 0
      webSite/content/main-news/serve/_index.md
  21. BIN
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/2023-05-16_182344.png
  22. BIN
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/2023-05-16_182603.png
  23. BIN
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/S__12525592.jpg
  24. BIN
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/S__12525597.jpg
  25. BIN
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/chrome_X1Sgj40mBt.png
  26. BIN
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/chrome_sEmGA571Vm.png
  27. BIN
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/chrome_uBWOF2He0T.png
  28. 118 0
      webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/index.md

+ 31 - 61
layouts/_default/single.html
Ver arquivo 

@@ -1,77 +1,47 @@
 
 <!DOCTYPE html>
 
 <!DOCTYPE html>
 
 <html lang="{{ .Site.LanguageCode }}">
 
 <html lang="{{ .Site.LanguageCode }}">
 
 
 
-  {{ partial "head.html" . }}
 
+{{ partial "head.html" . }}
 
 
 
-  <body>
 
+<body>
 
 
 
-    <div id="all">
 
-        {{ partial "nav.html" . }}
 
+  <div id="all">
 
+    {{ partial "nav.html" . }}
 
 
 
-        {{ partial "breadcrumbs.html" . }}
 
+    {{ partial "breadcrumbs.html" . }}
 
 
 
-        <div id="content">
 
-            <div class="container dd">
 
+    <div id="content">
 
+      <div class="container dd">
 
 
 
-                <div class="row">
 
+        <div class="row">
 
+          <div class="col-md-9" id="blog-post">
 
 
 
-                    <!-- *** LEFT COLUMN *** -->
 
-
 
-                    <div class="col-md-9" id="blog-post">
 
-                   
-                        {{ if or .Params.author .Params.date }}
 
-                          <p class="text-muted text-uppercase mb-small text-right">
 
-                            {{ if .Params.author }}{{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>{{ end }}
 
-                            {{ if and .Params.author .Params.date }} | {{ end }}
 
-                            {{ if .Params.date }}{{ .Date.Format .Site.Params.date_format }}{{ end }}
 
-                          </p>
 
-                        {{ end }}
 
-
 
-                        <div id="post-content">
 
-                          {{ .Content }}
 
-                        </div>
 
-                        <!--
 
-                           /#post-content 
-                       if .Site.DisqusShortname
 
-                        <div id="comments">
 
-                             template "_internal/disqus.html" . 
-                        </div>
 
-                         end 
-                      -->
 
-                    </div>
 
-                    <!-- /#blog-post -->
 
-
 
-                    <!-- *** LEFT COLUMN END *** -->
 
-
 
-                    <!-- *** RIGHT COLUMN *** -->
 
-
 
-                    <div class="col-md-3">
 
-
 
-                        <!-- *** MENUS AND WIDGETS *** -->
 
-
 
-                        {{ partial "sidebar.html" . }}
 
-
 
-                        <!-- *** MENUS AND FILTERS END *** -->
 
-
 
-                    </div>
 
-                    <!-- /.col-md-3 -->
 
-
 
-                    <!-- *** RIGHT COLUMN END *** -->
 
-
 
-                </div>
 
-                <!-- /.row -->
 
+            {{ if or .Params.author .Params.date }}
 
+            <p class="text-muted text-uppercase mb-small text-right">
 
+              {{ if .Params.author }}{{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>{{ end }}
 
+              {{ if and .Params.author .Params.date }} | {{ end }}
 
+              {{ if .Params.date }}{{ .Date.Format .Site.Params.date_format }}{{ end }}
 
+            </p>
 
+            {{ end }}
 
 
 
+            <div id="post-content">
 
+              {{ .Content }}
 
             </div>
 
             </div>
 
-            <!-- /.container -->
 
+          </div>
 
+
 
+          <div class="col-md-3">
 
+            {{ partial "sidebar.html" . }}
 
+          </div>
 
         </div>
 
         </div>
 
-        <!-- /#content -->
 
+      </div>
 
+    </div>
 
 
 
-        {{ partial "LP_components/Footer.html" . }}
 
+    {{ partial "LP_components/Footer.html" . }}
 
 
 
-    </div>
 
-    <!-- /#all -->
 
+  </div>
 
+
 
+  {{ partial "scripts.html" . }}
 
 
 
-    {{ partial "scripts.html" . }}
 
+</body>
 
 
 
-  </body>
 
-</html>
 
+</html>

+ 1 - 1
layouts/_default/taxonomy.html
Ver arquivo 

@@ -13,11 +13,11 @@
 
       {{ .Content }}
 
       {{ .Content }}
 
       <div class="container container_list">
 
       <div class="container container_list">
 
         <div class="row">
 
         <div class="row">
 
-          <!-- *** LEFT COLUMN *** -->
 
           <div class="col-md-9" id="blog-listing-medium">
 
           <div class="col-md-9" id="blog-listing-medium">
 
 
 
             {{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}
 
             {{ $paginator := .Paginate (where .Data.Pages "Type" "blog") }}
 
             {{ range $paginator.Pages }}
 
             {{ range $paginator.Pages }}
 
+            
             <section class="post tag-post">
 
             <section class="post tag-post">
 
               <div class="row">
 
               <div class="row">
 
                 <div class="col-md-4">
 
                 <div class="col-md-4">

+ 101 - 29
layouts/main-news/list.html
Ver arquivo 

@@ -18,44 +18,104 @@
 
   {{ partial "navbar.html" . }}
 
   {{ partial "navbar.html" . }}
 
 
 
   <main class="container news-content" style="overflow-x: hidden;">
 
   <main class="container news-content" style="overflow-x: hidden;">
 
-    {{ $paginator := .Paginate .Data.Pages }}
 
-
 
     <ul id="categories">
 
     <ul id="categories">
 
-      {{ range $paginator.Pages }}
 
-      {{ with .Params.categories }}
 
-      {{ range . }}
 
-     <li>
 
-      <button>
 
-        <a href="{{ "categories" | absURL}}/{{ . | urlize }}">{{ . }}</a>
 
-      </button>
 
-     </li>
 
-      {{ end }}
 
-      {{ end }}
 
-      {{ end }}
 
+      <li>
 
+        <button id="all">
 
+          <a href="/main-news/">所有訊息</a>
 
+        </button>
 
+      </li>
 
+      <li>
 
+        <button id="focus">
 
+          <a href="/main-news/focus/">焦點訊息</a>
 
+        </button>
 
+      </li>
 
+      <li>
 
+        <button id="serve">
 
+          <a href="/main-news/serve/">最新服務</a>
 
+        </button>
 
+      </li>
 
     </ul>
 
     </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">
 
+    {{ if eq (relURL .URL) ("/main-news/focus/") }}
 
+    {{ $t := $.Site.GetPage "/main-news" }}
 
+    <ul class="list">
 
+      {{ range $index, $element := where $t.Pages "Params.categories" "焦點訊息" }}
 
+      {{ $t := $.Site.GetPage "/main-news" }}
 
+      <li>
 
+        <a href="{{ .RelPermalink }}">
 
+          <h2>{{ .Title }}</h2>
 
+        </a>
 
+        <hr>
 
+        <section class="d-flex justify-content-between">
 
+          <p class="news-category">{{ .Params.categories }}</p>
 
+          <p>{{ .PublishDate.Format "2006-01-02" }}</p>
 
+        </section>
 
+        <a href="{{ .RelPermalink }}" class="content">
 
+          <p>{{.Summary}}</p>
 
+        </a>
 
+        <div class="more-btn">
 
           <a href="{{ .RelPermalink }}">
 
           <a href="{{ .RelPermalink }}">
 
-            <h1 class="bhouse_title">{{ .Title }}</h1>
 
+            閱讀文章
 
           </a>
 
           </a>
 
         </div>
 
         </div>
 
-        <div class="likeSee__state__filter">
 
+      </li>
 
+      {{ end }}
 
+    </ul>
 
+    {{ end }}
 
+
 
+    {{ if eq (relURL .URL) ("/main-news/serve/") }}
 
+    {{ $t := $.Site.GetPage "/main-news" }}
 
+    <ul class="list">
 
+      {{ range $index, $element := where $t.Pages "Params.categories" "最新服務" }}
 
+      {{ $t := $.Site.GetPage "/main-news" }}
 
+      <li>
 
+        <a href="{{ .RelPermalink }}">
 
+          <h2>{{ .Title }}</h2>
 
+        </a>
 
+        <hr>
 
+        <section class="d-flex justify-content-between">
 
+          <p class="news-category">{{ .Params.categories }}</p>
 
           <p>{{ .PublishDate.Format "2006-01-02" }}</p>
 
           <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>
 
+        </section>
 
+        <a href="{{ .RelPermalink }}" class="content">
 
+          <p>{{.Summary}}</p>
 
         </a>
 
         </a>
 
-      </div>
 
-    </div>
 
-    <hr class="bhouseweb_loc_line mt-30">
 
+        <div class="more-btn">
 
+          <a href="{{ .RelPermalink }}">
 
+            閱讀文章
 
+          </a>
 
+        </div>
 
+      </li>
 
+      {{ end }}
 
+    </ul>
 
     {{ end }}
 
     {{ end }}
 
+
 
+    {{ $paginator := .Paginate .Data.Pages }}
 
+    <ul class="list">
 
+      {{ range $paginator.Pages }}
 
+      {{ $t := $.Site.GetPage "/main-news" }}
 
+      {{ if ne .Params.categories "url" }} <!-- 排除分類用的 content -->
 
+      <li>
 
+        <a href="{{ .RelPermalink }}">
 
+          <h2>{{ .Title }}</h2>
 
+        </a>
 
+        <hr>
 
+        <section class="d-flex justify-content-between">
 
+          <p class="news-category">{{ .Params.categories }}</p>
 
+          <p>{{ .PublishDate.Format "2006-01-02" }}</p>
 
+        </section>
 
+        <a href="{{ .RelPermalink }}" class="content">
 
+          <p>{{.Summary}}</p>
 
+        </a>
 
+        <div class="more-btn">
 
+          <a href="{{ .RelPermalink }}">
 
+            閱讀文章
 
+          </a>
 
+        </div>
 
+      </li>
 
+      {{ end }}
 
+      {{ end }}
 
+    </ul>
 
   </main>
 
   </main>
 
 
 
   {{ partial "footer.html" . }}
 
   {{ partial "footer.html" . }}
 
@@ -68,6 +128,18 @@
 
     crossorigin="anonymous"></script>
 
     crossorigin="anonymous"></script>
 
   <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
 
   <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
 
     crossorigin="anonymous"></script>
 
     crossorigin="anonymous"></script>
 
+
 
+  <script>
 
+    let pathname = window.location.pathname;
 
+    $('.news-content button').removeClass('active');
 
+    if (pathname.includes('focus')) {
 
+      $('.news-content #focus').addClass('active');
 
+    } else if (pathname.includes('serve')) {
 
+      $('.news-content #serve').addClass('active');
 
+    } else {
 
+      $('.news-content #all').addClass('active');
 
+    }
 
+  </script>
 
 </body>
 
 </body>
 
 
 
 </html>
 
 </html>

+ 57 - 1
layouts/main-news/single.html
Ver arquivo 

@@ -1 +1,57 @@
 
-single
 
+<!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>
 
+  <div class="news-main-content">
 
+    {{ partial "navbar.html" . }}
 
+    <h1>{{.Title}}</h2>
 
+      <div id="content">
 
+        <div class="container">
 
+          <div class="row">
 
+            <div class="col-md-12">
 
+              {{ if or .Params.author .Params.date }}
 
+              <p>
 
+                {{ if .Params.author }}{{ i18n "authorBy" }} <a href="#">{{ .Params.author }}</a>{{ end }}
 
+                {{ if and .Params.author .Params.date }} | {{ end }}
 
+                {{ if .Params.date }}{{ .Date.Format .Site.Params.date_format }}{{ end }}
 
+              </p>
 
+              {{ end }}
 
+
 
+              <div>
 
+                {{ .Content | safeHTML }}
 
+              </div>
 
+
 
+              <a href="/main-news/" class="list-link">＜ 回到列表</a>
 
+            </div>
 
+
 
+            <!-- <div class="col-md-3">
 
+            {{ partial "sidebar.html" . }}
 
+          </div> -->
 
+          </div>
 
+        </div>
 
+      </div>
 
+  </div>
 
+
 
+  {{ partial "footer.html" . }}
 
+
 
+  <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 - 1
layouts/partials/components/carousel.html
Ver arquivo 

@@ -31,7 +31,7 @@
 
         </a>
 
         </a>
 
       </div>
 
       </div>
 
       <div class="swiper-slide">
 
       <div class="swiper-slide">
 
-        <a target="_blank" href="">
 
+        <a href="/main-news/virtual-production-studio-turnkey-solution/">
 
           <img src="/imgs/home/banner-02.jpg"
 
           <img src="/imgs/home/banner-02.jpg"
 
             alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning">
 
             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"> -->
 
           <!-- <img src="/imgs/home/banner01_mb.webp" alt="Choozmo in 2023CES" class="d-block d-md-none p-4"> -->

+ 2 - 2
layouts/partials/navbar.html
Ver arquivo 

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

+ 137 - 4
static/css/style.css
Ver arquivo 

@@ -4030,6 +4030,9 @@
 
     max-width: 100vw;
 
     max-width: 100vw;
 
   }
 
   }
 
 }
 
 }
 
+.carousel-wrapper .carousel {
 
+  position: relative;
 
+}
 
 .carousel-wrapper .carousel .wrapper {
 
 .carousel-wrapper .carousel .wrapper {
 
   position: relative;
 
   position: relative;
 
   background-image: url("/imgs/home/banner-01.jpg");
 
   background-image: url("/imgs/home/banner-01.jpg");
 
@@ -4052,27 +4055,157 @@
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
 
 }
 
 }
 
+.carousel-wrapper .carousel .lang {
 
+  position: absolute;
 
+}
 
 
 
 /* carousel End */
 
 /* carousel End */
 
 /* news-content Start */
 
 /* news-content Start */
 
 .news-content {
 
 .news-content {
 
-  margin-top: 150px;
 
+  margin: 150px auto;
 
 }
 
 }
 
 .news-content #categories {
 
 .news-content #categories {
 
   padding: 0;
 
   padding: 0;
 
   list-style: none;
 
   list-style: none;
 
   display: flex;
 
   display: flex;
 
+  margin-bottom: 25px;
 
 }
 
 }
 
 .news-content #categories li {
 
 .news-content #categories li {
 
-  margin-right: 20px;
 
+  margin-right: 15px;
 
 }
 
 }
 
 .news-content #categories button {
 
 .news-content #categories button {
 
-  padding: 5px 30px;
 
+  margin-right: 10px;
 
   border: 1px solid #ea5413;
 
   border: 1px solid #ea5413;
 
-  border-radius: 2rem;
 
+  border-radius: 0.5rem;
 
+  background-color: #fff;
 
+  transition: all 0.3s;
 
+}
 
+.news-content #categories button:hover {
 
+  opacity: 0.8;
 
 }
 
 }
 
 .news-content #categories button a {
 
 .news-content #categories button a {
 
+  display: block;
 
+  padding: 5px 30px;
 
+  color: #ea5413;
 
+  font-weight: bold;
 
+  text-decoration: none;
 
+}
 
+.news-content #categories .active {
 
+  background-color: #ea5413 !important;
 
+}
 
+.news-content #categories .active a {
 
+  color: #fff !important;
 
+}
 
+.news-content .list {
 
+  padding: 0;
 
+  list-style: none;
 
+}
 
+.news-content .list a {
 
+  text-decoration: none;
 
+  transition: all 0.3s;
 
+}
 
+.news-content .list a:hover {
 
+  opacity: 0.8;
 
+}
 
+.news-content .list li {
 
+  padding: 30px 50px;
 
+  border: 1px solid #cccccc;
 
+  border-radius: 20px;
 
+  margin-bottom: 30px;
 
+}
 
+.news-content .list li hr {
 
+  height: 2px;
 
+  margin: 10px 0;
 
+  color: #ea5413;
 
+}
 
+.news-content .list li h2 {
 
+  color: #000;
 
+  font-weight: bold;
 
+  text-align: center;
 
+  margin-bottom: 20px;
 
+}
 
+.news-content .list li section p {
 
+  font-weight: bold;
 
+}
 
+.news-content .list li section p:first-child {
 
   color: #ea5413;
 
   color: #ea5413;
 
+}
 
+.news-content .list li section p:last-child {
 
+  color: #757575;
 
+}
 
+.news-content .list li .content {
 
+  color: #757575;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+  box-sizing: border-box;
 
+}
 
+.news-content .list li .more-btn {
 
+  display: flex;
 
+  justify-content: end;
 
+  margin-top: 30px;
 
+}
 
+.news-content .list li .more-btn a {
 
+  padding: 5px 20px;
 
+  border-radius: 10px;
 
+  color: #000;
 
+  background-color: #e1e1e1;
 
+  transition: all 0.3s;
 
+}
 
+.news-content .list li .more-btn a:hover {
 
+  opacity: 0.8;
 
+}
 
+
 
+.news-main-content {
 
+  margin: 75px auto;
 
+  line-height: 32px;
 
+}
 
+.news-main-content h1 {
 
+  position: relative;
 
+  text-align: center;
 
+  font-weight: bold;
 
+  background: url(https://i.imgur.com/N7tVTSh.png);
 
+  padding: 100px;
 
+  background-position: center;
 
+  background-repeat: no-repeat;
 
+  background-size: cover;
 
+}
 
+.news-main-content h1::after {
 
+  position: absolute;
 
+  width: 6rem;
 
+  height: 0.3rem;
 
+  top: 75%;
 
+  left: 45%;
 
+  content: "";
 
+  background-color: #EA5413;
 
+}
 
+.news-main-content h2 {
 
+  padding-left: 10px;
 
+  margin: 30px 0;
 
+  font-size: 1.8rem;
 
+  font-weight: bold;
 
+  border-left: 4px solid #ea5413;
 
+}
 
+.news-main-content p {
 
+  font-size: 16px;
 
+  margin-bottom: 50px;
 
+}
 
+.news-main-content img {
 
+  width: 100%;
 
+  max-width: 1100px;
 
+}
 
+.news-main-content iframe {
 
+  width: 95% !important;
 
+  height: 95% !important;
 
+}
 
+.news-main-content .list-link {
 
+  display: block;
 
+  margin-top: 50px;
 
+  text-align: center;
 
+  color: #ea5413;
 
+  font-weight: bold;
 
   text-decoration: none;
 
   text-decoration: none;
 
 }
 
 }

Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
static/css/style.css.map


+ 162 - 4
static/css/style.scss
Ver arquivo 

@@ -4345,6 +4345,8 @@
 
   }
 
   }
 
 
 
   .carousel {
 
   .carousel {
 
+    position: relative;
 
+
 
     .wrapper {
 
     .wrapper {
 
       position: relative;
 
       position: relative;
 
       background-image: url("/imgs/home/banner-01.jpg");
 
       background-image: url("/imgs/home/banner-01.jpg");
 
@@ -4370,6 +4372,9 @@
 
       }
 
       }
 
     }
 
     }
 
 
 
+    .lang {
 
+      position: absolute;
 
+    }
 
   }
 
   }
 
 }
 
 }
 
 
 
@@ -4378,27 +4383,180 @@
 
 /* news-content Start */
 
 /* news-content Start */
 
 
 
 .news-content {
 
 .news-content {
 
-  margin-top: 150px;
 
+  margin: 150px auto;
 
 
 
   #categories {
 
   #categories {
 
     padding: 0;
 
     padding: 0;
 
     list-style: none;
 
     list-style: none;
 
     display: flex;
 
     display: flex;
 
+    margin-bottom: 25px;
 
 
 
     li {
 
     li {
 
-      margin-right: 20px;
 
+      margin-right: 15px;
 
     }
 
     }
 
 
 
     button {
 
     button {
 
-      padding: 5px 30px;
 
+      // padding: 5px 30px;
 
+      margin-right: 10px;
 
       border: 1px solid #ea5413;
 
       border: 1px solid #ea5413;
 
-      border-radius: 2rem;
 
+      border-radius: 0.5rem;
 
+      background-color: #fff;
 
+      transition: all .3s;
 
+
 
+      &:hover {
 
+        opacity: .8;
 
+      }
 
 
 
       a {
 
       a {
 
+        display: block;
 
+        padding: 5px 30px;
 
         color: #ea5413;
 
         color: #ea5413;
 
+        font-weight: bold;
 
         text-decoration: none;
 
         text-decoration: none;
 
       }
 
       }
 
     }
 
     }
 
+
 
+    .active {
 
+      background-color: #ea5413 !important;
 
+
 
+      a {
 
+        color: #fff !important;
 
+      }
 
+    }
 
+  }
 
+
 
+  .list {
 
+    padding: 0;
 
+    list-style: none;
 
+
 
+    a {
 
+      text-decoration: none;
 
+      transition: all .3s;
 
+
 
+      &:hover {
 
+        opacity: .8;
 
+      }
 
+    }
 
+
 
+    li {
 
+      padding: 30px 50px;
 
+      border: 1px solid #cccccc;
 
+      border-radius: 20px;
 
+      margin-bottom: 30px;
 
+
 
+      hr {
 
+        height: 2px;
 
+        margin: 10px 0;
 
+        color: #ea5413;
 
+      }
 
+
 
+      h2 {
 
+        color: #000;
 
+        font-weight: bold;
 
+        text-align: center;
 
+        margin-bottom: 20px;
 
+      }
 
+
 
+      section {
 
+        p {
 
+          font-weight: bold;
 
+
 
+          &:first-child {
 
+            color: #ea5413;
 
+          }
 
+
 
+          &:last-child {
 
+            color: #757575;
 
+          }
 
+        }
 
+      }
 
+
 
+      .content {
 
+        color: #757575;
 
+        overflow: hidden;
 
+        text-overflow: ellipsis;
 
+        display: -webkit-box;
 
+        -webkit-box-orient: vertical;
 
+        -webkit-line-clamp: 3;
 
+        box-sizing: border-box;
 
+      }
 
+
 
+      .more-btn {
 
+        display: flex;
 
+        justify-content: end;
 
+        margin-top: 30px;
 
+
 
+        a {
 
+          padding: 5px 20px;
 
+          border-radius: 10px;
 
+          color: #000;
 
+          background-color: #e1e1e1;
 
+          transition: all .3s;
 
+
 
+          &:hover {
 
+            opacity: .8;
 
+          }
 
+        }
 
+      }
 
+    }
 
+  }
 
+}
 
+
 
+.news-main-content {
 
+  margin: 75px auto;
 
+  line-height: 32px;
 
+
 
+  h1 {
 
+    position: relative;
 
+    text-align: center;
 
+    font-weight: bold;
 
+    background: url(https://i.imgur.com/N7tVTSh.png);
 
+    padding: 100px;
 
+    background-position: center;
 
+    background-repeat: no-repeat;
 
+    background-size: cover;
 
+
 
+    &::after {
 
+      position: absolute;
 
+      width: 6rem;
 
+      height: 0.3rem;
 
+      top: 75%;
 
+      left: 45%;
 
+      content: "";
 
+      background-color: #EA5413;
 
+    }
 
+  }
 
+
 
+  h2 {
 
+    padding-left: 10px;
 
+    margin: 30px 0;
 
+    font-size: 1.8rem;
 
+    font-weight: bold;
 
+    border-left: 4px solid #ea5413;
 
+  }
 
+
 
+  p {
 
+    font-size: 16px;
 
+    margin-bottom: 50px;
 
+  }
 
+
 
+  img {
 
+    width: 100%;
 
+    max-width: 1100px;
 
+  }
 
+
 
+  iframe {
 
+    width: 95% !important;
 
+    height: 95% !important;
 
+  }
 
+
 
+  .list-link {
 
+    display: block;
 
+    margin-top: 50px;
 
+    text-align: center;
 
+    color: #ea5413;
 
+    font-weight: bold;
 
+    text-decoration: none;
 
   }
 
   }
 
 }
 
 }

+ 11 - 2
webSite/config.toml
Ver arquivo 

@@ -13,6 +13,9 @@ publishDir  = "/var/www/html"
 
 
 
 summaryLength = 70
 
 summaryLength = 70
 
 
 
+[markup]
 
+  [markup.goldmark.renderer]
 
+    unsafe=true
 
 
 
 [taxonomies]
 
 [taxonomies]
 
   category = "categories"
 
   category = "categories"
 
@@ -130,17 +133,23 @@ page = ["HTML"]
 
     url  = "/tags/vtuber/"
 
     url  = "/tags/vtuber/"
 
     weight = 4
 
     weight = 4
 
 
 
+[[menu.main]]
 
+    identifier="main-news"
 
+    name = "最新消息"
 
+    url  = "/main-news/"
 
+    weight = 5
 
+
 
 [[menu.main]]
 
 [[menu.main]]
 
     identifier="聯絡我們"
 
     identifier="聯絡我們"
 
     name = "聯絡我們"
 
     name = "聯絡我們"
 
     url  = "/contact/service/"
 
     url  = "/contact/service/"
 
-    weight = 5
 
+    weight = 6
 
 
 
 [[menu.main]]
 
 [[menu.main]]
 
     identifier="關於我們"
 
     identifier="關於我們"
 
     name = "關於我們"
 
     name = "關於我們"
 
     url  = "/aboutus/info/"
 
     url  = "/aboutus/info/"
 
-    weight = 6
 
+    weight = 7
 
 
 
 # Top bar social links menu
 
 # Top bar social links menu

BIN
webSite/content/main-news/Virtual Production Studio Turnkey Solution/DM.jpg
Ver arquivo


BIN
webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-01.jpg
Ver arquivo


BIN
webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-03.jpg
Ver arquivo


BIN
webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-04.jpg
Ver arquivo


BIN
webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-05.jpg
Ver arquivo


BIN
webSite/content/main-news/Virtual Production Studio Turnkey Solution/Turnkey Solution-06.jpg
Ver arquivo


+ 47 - 0
webSite/content/main-news/Virtual Production Studio Turnkey Solution/index.md
Ver arquivo 

@@ -0,0 +1,47 @@
 
++++
 
+title = "Virtual Production Studio Turnkey Solution"
 
+date = "2023-05-16T00:21:34+08:00"
 
+tags = ["Virtual Production Studio"]
 
+categories = "最新服務"
 
+banner = ""
 
++++
 
+
 
+{{< youtube KFlCPaghoXI >}}
 
+
 
+We are ChoozMo, and we produce virtual production studio turnkey solutions.
 
+About 5/6 of the world's internet traffic is videos, such as YouTube, Netflix, and TikTok, and over 72% of consumers prefer videos than text. According to Google, the amount of webpages outweigh the number of videos by 30 times, and creating videos is way slower than creating web pages -- it's not just the content that is demanding; making videos can cost up to USD 10,000 per minute, and take up to 2 months to complete. In addition, there is no simple way to make videos by itself.
 
+
 
+As GPU becomes more powerful, demand for GPU has increased.
 
+Video production is basically too much work: from the filming location, crew, and all the work that has to be done before, during, and after filming, and even the cost! We can help slash the cost required to make videos by 50% or more.
 
+
 
+Video production costs an arm and a leg, and recently there are not enough talents in digital transformation to do that. We can tackle that with our AI Spokesperson Cloud Solution which allows users to create multimedia content quickly and without the cost burden, and a Turnkey Solution which gives users all they need to help in digital transformation.
 
+
 
+Therefore, we are offering a Virtual Production Studio Turnkey Solution, powered by our very own AI Spokesperson which allows you to freely, easily, and quickly create videos. This solution includes the AI Spokesperson technology itself, all required equipment to run it, and we will help with setup, training and technical support.
 
+
 
+AI Spokesperson basically runs on Generative AI and deep learning,
 
+and we are a SaaS-based cloud service which relies on the power of GPU to process everything, from speech and movement generation, to putting the finished video together.
 
+There are multiple presenter and video layouts that can be chosen, and users can get their completed video in 3-5 minutes after they uploaded their materials.
 
+
 
+We have built AI Spokesperson in a way which greatly simplifies the video making process – unlike traditional video making where users will have to go through a complicated process from planning and talent recruitment to filming and editing, with AI Spokesperson, users can simply upload their script, images, and videos, which will be processed to create a video.
 
+AI Spokesperson has have a wide range of usage scenarios, from product introductions, tutorials, to even guides.
 
+
 
+If compared with other products such as Synthesia, what makes AI Spokesperson stand out is that we support hand gestures and emotional expressions, real voice output, output up to 4K which allows videos to be shown in various displays, and it can also support 22 languages.
 
+
 
+Partners can increase their earnings using our Turnkey Solution through revenue from generated videos, custom avatar creation, as well as SaaS fees from customers. The only things that partners have to shell out are for setup and maintenance of the Turnkey Solution, training associated with it, and technical support of the Turnkey Solution. This will be a win-win solution for both us and partners.
 
+
 
+When it comes to how we are going to earn from the Turnkey Solution, we will earn USD 50,000 from every Turnkey Solution installation and licensing, plus an additional USD 6,000 in training and maintenance from every partner every year. This will form a major portion of our revenue, and we will still earn from direct SaaS sales and avatar creation as well.
 
+Our goal is to amplify our revenue every year, from around USD 730,000 this year to USD 1.67 million by 2025.
 
+
 
+We are a multinational team with expertise in deep learning, and we are the only company in Taiwan accredited for its capabilities in AI applications for virtual idols.
 
+ChoozMo aims to help businesses create multinational, multi-language, localized content, and achieve glocalization.
 
+
 
+ChoozMo was founded on August 2020, and we have the chance to step on the AI stage ahead of time.
 
+
 
+<!-- 電腦版 -->
 
+<img src="DM.jpg" alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning" class="d-none d-md-block">
 
+<!-- 手機版 -->
 
+<img src="Turnkey Solution-01.jpg" alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning" class="d-block d-md-none">
 
+<img src="Turnkey Solution-03.jpg" alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning" class="d-block d-md-none">
 
+<img src="Turnkey Solution-04.jpg" alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning" class="d-block d-md-none">
 
+<img src="Turnkey Solution-05.jpg" alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning" class="d-block d-md-none">
 
+<img src="Turnkey Solution-06.jpg" alt="Turnkey Solution｜Virtual Production Studio｜AI Spokesperson｜choozmo｜AI主播｜AI｜AI建模｜虛擬主播｜人工智慧｜客製化主播｜最新服務｜英文AI主播｜AI 虛擬主播｜生成式 AI技術｜Facelandmark｜deeplearning" class="d-block d-md-none">

+ 5 - 0
webSite/content/main-news/_index.md
Ver arquivo 

@@ -0,0 +1,5 @@
 
++++
 
+title = "main-news"
 
+date = "2021-11-29T12:00:05+08:00"
 
+layout = "main-news"
 
++++

+ 7 - 0
webSite/content/main-news/focus/_index.md
Ver arquivo 

@@ -0,0 +1,7 @@
 
++++
 
+title = "focus"
 
+date = "2021-11-29T12:00:05+08:00"
 
+layout = "main-news"
 
+url = "/main-news/focus/"
 
+categories = "url"
 
++++

+ 7 - 0
webSite/content/main-news/serve/_index.md
Ver arquivo 

@@ -0,0 +1,7 @@
 
++++
 
+title = "serve"
 
+date = "2021-11-29T12:00:05+08:00"
 
+layout = "main-news"
 
+url = "/main-news/serve/"
 
+categories = "url"
 
++++

BIN
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/2023-05-16_182344.png
Ver arquivo


BIN
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/2023-05-16_182603.png
Ver arquivo


BIN
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/S__12525592.jpg
Ver arquivo


BIN
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/S__12525597.jpg
Ver arquivo


BIN
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/chrome_X1Sgj40mBt.png
Ver arquivo


BIN
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/chrome_sEmGA571Vm.png
Ver arquivo


BIN
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/chrome_uBWOF2He0T.png
Ver arquivo


+ 118 - 0
webSite/content/main-news/警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片/index.md
Ver arquivo 

@@ -0,0 +1,118 @@
 
++++
 
+title = "警察廣播電台初次AI主播真人建模！ 與ChoozMo合作AI影片"
 
+date = "2023-05-16T00:21:34+08:00"
 
+layout = "main-news"
 
+tags = ["AI主播"]
 
+categories = "焦點訊息"
 
+banner = ""
 
++++
 
+
 
+
 
+隨著 COVID-19 疫情迎來解封，全新數位產業生態正快速成形中， 因應 AI 技術不斷發展及改良，如今全球越來越多的智能形象運用在 播報上，「AI 主播」為人工智慧在媒體產業應用的一種新形態，是集科技、人文及藝術融合的產物。 近半年來 ChatGPT 掀起的生成式 AI 熱潮，帶給受眾群不同的觀感和體驗。 
+
 
+## 以生成式 AI 技術應用為主軸
 
+
 
+透過廣播主持人的專業性帶動結 合 AI 虛擬主播，營造出有讓人為之一亮的節目型態
 
+也是亞洲首位將廣播節目結合 AI 擬真影像，展現台灣廣播跨界與科技的軟實力
 
+
 
+![image](2023-05-16_182344.png)
 
+
 
+
 
+## AI主播是廣播人的助手，並非取代主持人工作
 
+
 
+藉虛擬實境直播互動延伸廣播的限制，並賦予 AI 虛擬角色的多變來報導內容，一反過去對於 AI 機器人冷冰冰的印象。
 
+同時為符合新南向政策，增加「多國語系翻譯」，以觸及更多聽眾及觀眾，拓展潛在的族群。加入 「手語版本」，提供手語翻譯，期盼讓身障者一起享受節目，達到無障礙的共融社會!
 
+手語版【新聞播報 就愛NEW新聞】2023全國歌仔戲比賽
 
+
 
+{{< youtube so6GrZlU-ls >}}
 
+
 
+## 雙 AI 主播的呈現為世界首例
 
+
 
+ChoozMo開發的AI主播再次達到新高度，能讓雙AI主播流暢使用多國語言對談
 
+亦能根據每一國語言，創建具有當地風格的虛擬人來做為主播最為合適
 
+
 
+{{< youtube pIt8g4jPggc >}}
 
+{{< youtube 7jTyzenud8o >}}
 
+{{< youtube QfmlSYbvNsg >}}
 
+
 
+## 多國語言AI主播
 
+
 
+1. 將語音資料與 AI 人物技術模組整合，模擬講話內容與嘴型變化。
 
+2. 文字轉語音(TTS)採用深度學習的 End-to-End FastSpeech 最新技術 (架構圖示意如下)，對比過往 TTS 模型，推論速度快速，在擬真程度 上表現極佳，在效率上遠高於過往人工合成模型。
 
+
 
+{{< youtube xJa3rXU9LZs >}}
 
+日文AI主播影片
 
+
 
+{{< youtube Gyox2OrK700 >}}
 
+印尼文AI主播影片
 
+
 
+{{< youtube pptDMzk0NJI >}}
 
+泰文AI主播影片
 
+
 
+{{< youtube j5CzdSu67Ow >}}
 
+馬來文AI主播影片
 
+
 
+{{< youtube FK7InhjoCos >}}
 
+英文AI主播影片
 
+
 
+{{< youtube icYXKUsC_lw >}}
 
+越南文AI主播影片
 
+
 
+臺灣是一個自由、開放、包容多元的國家， 以上影片的AI 主播隨著國度不同而更換臉孔，並讓身上的服飾 換裝，打進國外市場。
 
+例如:身穿穆斯林包巾的虛擬女主播說著流利 的印尼語，服裝上就很符合印尼的國情特色，整體效果出色又新潮， 營造出強烈共鳴性，就連說其它外語也不是問題，實現一源多用。 
+聲音也全部由程式生成
 
+
 
+## 台灣AI主播
 
+
 
+{{< youtube LtAePZyzpZ4 >}}
 
+臺語AI主播影片
 
+
 
+{{< youtube FccEdouST5Q >}}
 
+原住民語AI主播影片
 
+
 
+{{< youtube sQRGg-r4awY >}}
 
+國語AI主播影片
 
+
 
+{{< youtube VcLjdyJl_-4 >}}
 
+客語AI主播影片
 
+
 
+
 
+深植本土在地，才能放眼國際，播報影片皆納入臺語、客語及原住民(阿美族語) 彙集成「臺灣在地語系」播放清單。此舉使臺灣 AI 主播發展空間更 有彈性。另外在新聞的選材上，特別著墨在本土文化，將歌仔戲發揚 光大推廣至全世界，好讓更多的國際人士能夠感受臺灣之美。
 
+
 
+而本次 AI 主播的語音，在國語、閩南語、客語、原住民(阿美族語) 重新運用真人聲音 1:1 錄製，由主持人 Lucas 攜手臺內長官、記者， 及歌手事先錄製聲音完成，發揮各自語言專長，將聲音表情融入其中 再由系統搭配虛擬人臉合成產出，取代坊間 AI 機器人的讀稿發音， 藉別具特色的不同人聲，賦予 AI 靈魂。 
+
 
+## 角色介紹
 
+
 
+<!-- ![image](2023-05-16_182603.png) -->
 
+
 
+AI主播小王子：盧卡斯
 
+AI小尖兵：志哥
 
+由ChoozMo 進行真人建模 → 變身為可以講多國語言的AI主播
 
+而AI茱莉亞為全虛擬的AI主播，可以根據不同國情改變樣貌與穿著
 
+
 
+
 
+## AI主播技術
 
+
 
+ ChoozMo「AI 主播」主要運用深度神經網路、深度學習、Deep Fake 技術，透過虛擬人技術的支持下，藉由人臉的關鍵特色偵測、 人臉特徵擷取、臉部重構、唇語辨別、情感及表情分析等等先進科技 合成 AI 主播，並結合圖像及語音等資料庫建立模型，並且將模型的 訓練精準化，生成與真人高度相似的虛擬分身，進而合成 AI 主播。
 
+
 
+![image](chrome_X1Sgj40mBt.png)
 
+
 
+ 由 AI 合成的主播能將所輸入的中英文文稿自動生成相對應之影片， 在播報過程中，AI 主播的音頻、表情以及唇語嘴型可保持自然一致， AI 主播完全展現出與真人主播無差異的資訊傳達效果。 透過電腦視覺及 Deep Learning 技術，擷取臉部的 Facelandmark， 將語音檔的說話聲音，對應到嘴型變化，並將其套用於虛擬主播形象 讓 AI 能隨著不同內容而變換嘴型。
 
+
 
+![image](chrome_sEmGA571Vm.png)
 
+
 
+## 客製化AI主播建模流程圖 
+
 
+![image](chrome_uBWOF2He0T.png)
 
+
 
+## 警廣建模花絮照
 
+
 
+![image](S__12525597.jpg)
 
+
 
+![image](S__12525592.jpg)
 
+
 
+
 
+
 
+點我了解更多AI主播！
 
+https://ai.choozmo.com/ai-presenter/info/
 
+

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff