Browse Source

新增隱私權政策

SyuanYu 1 year ago
parent
commit
98f1276970

+ 1 - 1
layouts/main-news/single.html

@@ -10,7 +10,7 @@
 
   <div class="news-main-content">
     {{ partial "navbar.html" . }}
-    <h1>{{.Title}}</h2>
+    <h1>{{.Title}}</h1>
       <div id="content">
         <div class="container">
           <div class="row">

+ 33 - 5
layouts/partials/footer.html

@@ -1,4 +1,4 @@
-<footer class="footer">
+<footer class="footer position-relative">
   <div class="container">
     <div class="row">
       <div class="col-xs-12 col-sm-6 px-0">
@@ -8,15 +8,16 @@
         <div class="footer-socials">
           <a href="https://www.linkedin.com/company/choozmo/">
             <img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px">
-            </a>
+          </a>
           <a href="https://www.facebook.com/choozmo/">
             <img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px">
-            </a>
+          </a>
           <a href="https://line.me/R/ti/p/@choozmo?from=page">
             <img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px">
           </a>
           <a href="https://www.instagram.com/choozmo_cmm/">
-            <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px" style="margin-left: -6px; margin-right: -8px;">
+            <img src="https://i.imgur.com/pdJPY7m.png" alt="" width="60px" height="60px"
+              style="margin-left: -6px; margin-right: -8px;">
           </a>
           <a href="https://twitter.com/ai_cmm">
             <img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="28px" style="margin-right: 3px;">
@@ -36,9 +37,36 @@
       </div>
     </div>
   </div>
+
+  <!-- LINE 按鈕 -->
   <div class="line-btn">
     <a href="https://lin.ee/jYalbZq" target="_blank">
       <img src="/imgs/icon/line.png" alt="">
     </a>
   </div>
-</footer>
+
+  <div class="privacy-consent">
+    <p>本網站使用 Cookie 為您提供更好的用戶體驗。<br>
+      繼續使用本網站表示您同意我們的<a href="/privacy-policy">隱私權政策</a>。</p>
+    <button class="agree">同意</button>
+  </div>
+</footer>
+
+<script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
+  crossorigin="anonymous"></script>
+<script>
+  // 隱私權政策
+  let privacy = localStorage.getItem("privacy");
+
+  if (privacy === "false") {
+    $('.privacy-consent').hide();
+  } else {
+    $('.privacy-consent').show();
+  }
+
+  $('.privacy-consent .agree').click(function (e) {
+    e.preventDefault();
+    $('.privacy-consent').hide();
+    localStorage.setItem('privacy', 'false');
+  })
+</script>

+ 1 - 2
layouts/partials/navbar.html

@@ -1,8 +1,7 @@
 <nav class="navbar navbar-expand-xl navbar-light fixed-top">
   <div class="container-fluid justify-content-between justify-content-xl-start">
     <a class="navbar-brand" href="/">
-      <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="180" height="48"
-        class="d-inline-block align-text-top">
+      <img src="https://ai.choozmo.com/img/Choozmo%20cloud%20logo.png" alt="" width="185" class="d-inline-block align-text-top">
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
       aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

+ 50 - 0
layouts/privacy-policy/list.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+{{ partial "head_single.html" . }}
+
+<body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G" height="0" width="0"
+      style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+
+  <div class="news-main-content">
+    {{ partial "navbar.html" . }}
+    <h1>隱私權政策</h1>
+
+    <div class="container my-5 pt-3">
+      <ul style="list-style: none;">
+        <li>
+          <h5 class="fw-bold mb-3">一、隱私權與您的資訊</h5>
+          ChoozMo
+          把技術帶給企業、消費者及社會,在提供優異體驗的同時,也不會損及您的隱私權。我們相信創新與效能要支援隱私權,技術的設計要顧及隱私權。本隱私權聲明說明我們如何使用您的個人資訊和尊重您的隱私權。本隱私權聲明特別解釋我們的產品、服務、技術如何使用您的個人資訊。除非本公司提供了不同的或補充的隱私權聲明,否則這份聲明適用於本公司在我們整個網站、產品、線上服務、軟體、應用程式、工具及我們於線上或離線所提供的其它服務和功能上,使用個人資訊。
+          <br>
+          額外隱私權聲明及增補內容 <br>
+          以下隱私權增補內容、政策、通知及聲明均藉由援引的方式納入此隱私權聲明:
+        </li>
+
+        <li class="my-5">
+          <h5 class="fw-bold mb-3">二、我們會收集哪些類型的資訊?</h5>
+          ChoozMo 在其業務營運過程中收集資訊,以提供服務、回應要求和提供客戶支援、履行法律與合約義務,以及打造其創新產品。此等資料有一部分是您直接提供,例如您訂購ChoozMo產品時、聯絡客戶支援人員時、報名參加
+          ChoozMo
+          活動或訂閱 ChoozMo 刊物時。我們亦會使用如嵌入式產品技術和 Cookie 等方式,經由您與 ChoozMo 服務和我們網站間的互動收集資訊。我們亦會從第三方取得資料。
+        </li>
+
+        <li>
+          <h5 class="fw-bold mb-3">三、我們如何使用資訊</h5>
+          我們使用的是為合法目的收集而來的資訊,此等目的與我們業務的成長、維持及管理相關,我們同時並會尊重您的隱私權。這些用途包括我們的內部營運及管理、與您通訊、履行您針對ChoozMo 服務提出的要求、廣告與行銷、監控及維護
+          ChoozMo 服務的功能與安全性,以及改善、開發、增強和以其他方式提ChoozMo 服務。</li>
+      </ul>
+    </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>

+ 50 - 0
layouts/privacy-policy/single.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+{{ partial "head_single.html" . }}
+
+<body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G" height="0" width="0"
+      style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+
+  <div class="news-main-content">
+    {{ partial "navbar.html" . }}
+    <h1>隱私權政策</h1>
+
+    <div class="container my-5 pt-3">
+      <ul style="list-style: none;">
+        <li>
+          <h5 class="fw-bold mb-3">一、隱私權與您的資訊</h5>
+          ChoozMo
+          把技術帶給企業、消費者及社會,在提供優異體驗的同時,也不會損及您的隱私權。我們相信創新與效能要支援隱私權,技術的設計要顧及隱私權。本隱私權聲明說明我們如何使用您的個人資訊和尊重您的隱私權。本隱私權聲明特別解釋我們的產品、服務、技術如何使用您的個人資訊。除非本公司提供了不同的或補充的隱私權聲明,否則這份聲明適用於本公司在我們整個網站、產品、線上服務、軟體、應用程式、工具及我們於線上或離線所提供的其它服務和功能上,使用個人資訊。
+          <br>
+          額外隱私權聲明及增補內容 <br>
+          以下隱私權增補內容、政策、通知及聲明均藉由援引的方式納入此隱私權聲明:
+        </li>
+
+        <li class="my-5">
+          <h5 class="fw-bold mb-3">二、我們會收集哪些類型的資訊?</h5>
+          ChoozMo 在其業務營運過程中收集資訊,以提供服務、回應要求和提供客戶支援、履行法律與合約義務,以及打造其創新產品。此等資料有一部分是您直接提供,例如您訂購ChoozMo產品時、聯絡客戶支援人員時、報名參加
+          ChoozMo
+          活動或訂閱 ChoozMo 刊物時。我們亦會使用如嵌入式產品技術和 Cookie 等方式,經由您與 ChoozMo 服務和我們網站間的互動收集資訊。我們亦會從第三方取得資料。
+        </li>
+
+        <li>
+          <h5 class="fw-bold mb-3">三、我們如何使用資訊</h5>
+          我們使用的是為合法目的收集而來的資訊,此等目的與我們業務的成長、維持及管理相關,我們同時並會尊重您的隱私權。這些用途包括我們的內部營運及管理、與您通訊、履行您針對ChoozMo 服務提出的要求、廣告與行銷、監控及維護
+          ChoozMo 服務的功能與安全性,以及改善、開發、增強和以其他方式提ChoozMo 服務。</li>
+      </ul>
+    </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>

+ 38 - 0
static/css/style.css

@@ -4588,6 +4588,9 @@
   width: 100%;
   max-width: 1050px;
 }
+.news-main-content .align-text-top {
+  width: 185px;
+}
 .news-main-content .video-box {
   width: 100%;
   padding-bottom: 56%;
@@ -4670,4 +4673,39 @@
 .line-btn img:hover {
   width: 68px;
   height: 68px;
+}
+
+.privacy-consent {
+  max-width: 500px;
+  padding: 25px 50px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 5px;
+  box-shadow: 0 2px 10px 2px rgb(204, 204, 204);
+  position: fixed;
+  bottom: 25px;
+  left: 25px;
+  z-index: 999;
+}
+.privacy-consent a {
+  font-weight: bold;
+  border-bottom: 1px solid #000;
+  transition: all 0.2s;
+}
+.privacy-consent a:hover {
+  opacity: 0.8;
+}
+.privacy-consent button {
+  padding: 7px 30px;
+  display: inline-block;
+  color: #fff;
+  border: none;
+  border-radius: 5px;
+  background-color: #ea5413;
+  transition: all 0.2s;
+}
+.privacy-consent button:hover {
+  opacity: 0.8;
 }/*# sourceMappingURL=style.css.map */

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


+ 43 - 0
static/css/style.scss

@@ -5032,6 +5032,10 @@
     max-width: 1050px;
   }
 
+  .align-text-top {
+    width: 185px;
+  }
+
   .video-box {
     width: 100%;
     padding-bottom: 56%;
@@ -5133,4 +5137,43 @@
       height: 68px;
     }
   }
+}
+
+.privacy-consent {
+  max-width: 500px;
+  padding: 25px 50px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 5px;
+  box-shadow: 0 2px 10px 2px rgb(204, 204, 204);
+  position: fixed;
+  bottom: 25px;
+  left: 25px;
+  z-index: 999;
+
+  a {
+    font-weight: bold;
+    border-bottom: 1px solid #000;
+    transition: all .2s;
+    
+    &:hover {
+      opacity: .8;
+    }
+  }
+
+  button {
+    padding: 7px 30px;
+    display: inline-block;
+    color: #fff;
+    border: none;
+    border-radius: 5px;
+    background-color: #ea5413;
+    transition: all .2s;
+
+    &:hover {
+      opacity: .8;
+    }
+  }
 }

+ 5 - 0
webSite/content/privacy-policy/dm.md

@@ -0,0 +1,5 @@
++++
+title = "Privacy Policy"
+date = "2021-11-29T12:00:05+08:00"
+url = "/privacy-policy"
++++

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