DC
/
Moderna-Survey
Obserwuj 8
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
Przeglądaj źródła

update mrna tealium, SEO, 動態

Sherry 1 rok temu
rodzic
72ef1aa6f8
commit
af99068a31
11 zmienionych plików z 281 dodań i 231 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 43
    44
      src/fe/404.html
  2. 42
    43
      src/fe/500.html
  3. 8
    15
      src/fe/mrna/css/all.css
  4. 1
    1
      src/fe/mrna/css/all.css.map
  5. 8
    15
      src/fe/mrna/css/page/_errorPage.scss
  6. BIN
      src/fe/mrna/images/share.jpg
  7. 6
    6
      src/fe/mrna/index.html
  8. 166
    98
      src/fe/mrna/js/main.js
  9. 3
    3
      src/fe/mrna/js/tealiumTracking.js
  10. 2
    2
      src/fe/mrna/robots.txt
  11. 2
    4
      src/fe/mrna/sitemap.xml

+ 43
- 44
src/fe/404.html Wyświetl plik

7 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8 
   <meta name="format-detection" content="telephone=no">
8 
   <meta name="format-detection" content="telephone=no">
9
9
10 
-  <title></title>
10 
+  <title>時下正夯的mRNA你了解多少 ?</title>
11
11
12 
-  <meta name="description" content="" />
13 
-  <meta name="keywords" content="" />
12 
+  <meta name="description" content="mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手，也推動了更多疾病領域的藥物發展。進入學堂，了解mRNA無限可能 !" />
13 
+  <meta name="keywords" content="mRNA, mRNA疫苗, mRNA疫苗技術, 信使核糖核酸, 疫苗技術, 疫苗接種, 疫苗, 新冠, 新冠疫苗, 新冠肺炎, 新冠疫情, 疫情, COVID, COVID-19 , Covid, Covid疫苗, 病毒, 奈米科技, 奈米, 單鍊結構, 免疫反應, 罕見病, 癌症, 諾貝爾生醫獎" />
14
14
15 
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
15 
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
16 
   <link rel="image_src" href="https://event.leecy.org.tw/mrn/images/share.png" />
16 
   <link rel="image_src" href="https://event.leecy.org.tw/mrn/images/share.png" />
17 
   <link rel="canonical" href="https://event.leecy.org.tw/mrn/404.html" />
17 
   <link rel="canonical" href="https://event.leecy.org.tw/mrn/404.html" />
18 
-  <meta property="og:title" content="" />
18 
+  <meta property="og:title" content="時下正夯的mRNA你了解多少 ?" />
19 
   <meta property="og:type" content="website" />
19 
   <meta property="og:type" content="website" />
20 
   <meta property="og:url" content="" />
20 
   <meta property="og:url" content="" />
21 
-  <meta property="og:image" content="https://event.leecy.org.tw/mrn／images/share.png" />
22 
-  <meta property="og:description" content="" />
21 
+  <meta property="og:image" content="https://event.leecy.org.tw/mrn/images/share.png" />
22 
+  <meta property="og:description" content="mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手，也推動了更多疾病領域的藥物發展。進入學堂，了解mRNA無限可能 !" />
23
23
24 
-  <link rel="stylesheet" href="/css/all.css">
24 
+  <link rel="stylesheet" href="/mrn/css/all.css">
25
25
26 
-  <!-- Tealium Universal Tag --> <!-- Loading script asynchronously --> <script type="text/javascript"> (function(a,b,c,d) { a='//tags.tiqcdn.com/utag/modernatx/tafm-mrna.com.tw-dtc-taiwan/prod/utag.js'; b=document;c='script';d=b.createElement(c);d.src=a; d.type='text/java'+c;d.async=true; a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})(); </script>
26 
+  <!-- Tealium Universal Tag --> <!-- Loading script asynchronously --> <script type="text/javascript"> (function(a,b,c,d) { a='//tags.tiqcdn.com/utag/modernatx/leecy.org.tw-dtc-taiwan/prod/utag.js'; b=document;c='script';d=b.createElement(c);d.src=a; d.type='text/java'+c;d.async=true; a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})(); </script>
27
27
28 
-  <script type="text/javascript">
28 
+  <script type="text/javascript">
29 
     var moderna_dl ={
29 
     var moderna_dl ={
30 
-      page:{
31 
-        "site_language" : "chinese",
32 
-        "root_domain" : "tafm-mrna.com.tw",
33 
-        "therapeutic_area" : "infectious diseases",
34 
-        "side_of_brand" : "dtc",
35 
-        "brand_name" : "spikevax",
36 
-        "site_branding" : "branded",
37 
-        "indication" : "covid-19",
38 
-        "business_function" : "commercial",
39 
-        "location": "taiwan"
40 
-      }
41 
-    };
42 
-  </script>
43 
-
44 
-  <script type="text/javascript">
45 
-    var moderna_dl={
46 
-      page:{
47 
-        "page_type" : "errorpage",
48 
-        "error_message" : "Page not found",
49 
-        "error_code" : "404"
50 
-      }
51 
-    };
30 
+        page:{
31 
+            "site_language" : "chinese",
32 
+            "root_domain" : "leecy.org.tw",
33 
+            "therapeutic_area" : "infectious diseases",
34 
+            "side_of_brand" : "dtc",
35 
+            "brand_name" : "spikevax",
36 
+            "site_branding" : "branded",
37 
+            "indication" : "covid-19",
38 
+            "business_function" : "commercial",
39 
+            "location": "taiwan",
40 
+            "page_type" : "errorpage",
41 
+            "error_message" : "Page not found",
42 
+            "error_code" : "404"
43 
+          }
44 
+      };
52 
   </script>
45 
   </script>
53
46
54 
 </head>
47 
 </head>
56 
 <body>
49 
 <body>
57
50
58 
   <div class="wrapper wrapper-errorPage">
51 
   <div class="wrapper wrapper-errorPage">
52 
+    <header class="header">
53 
+      <div class="header__hamburger">
54 
+        <div class="header__hamburger__line"></div>
55 
+      </div>
56 
+      <div class="header__name">
57 
+        <h1>mRNA學堂</h1>
58 
+      </div>
59 
+    </header>
59 
     <!-- errorPage -->
60 
     <!-- errorPage -->
60 
     <section class="errorPage gradient-d">
61 
     <section class="errorPage gradient-d">
61 
-      <div class="deco">
62 
-        <img src="./images/kv-deco.png" alt="">
62 
+      <div class="bg expert__bg">
63 
+        <picture>
64 
+          <source media="(max-width: 992px)" srcset="./mrn/images/expert-bg_mb.png">
65 
+          <img class="expert__bg__img expert__bg__img-circle" src="./mrn/images/expert-bg.png" alt="">
66 
+        </picture>
67 
+        <picture>
68 
+          <source media="(max-width: 992px)" srcset="./mrn/images/expert-line.png">
69 
+          <img class="expert__bg__img expert__bg__img-line" src="./mrn/images/expert-line.png" alt="">
70 
+        </picture>
63 
       </div>
71 
       </div>
64 
       <div class="container">
72 
       <div class="container">
65 
         <h2>未找到網頁</h2>
73 
         <h2>未找到網頁</h2>
66 
         <p>抱歉，您要找的頁面已被刪除或暫時無法造訪</p>
74 
         <p>抱歉，您要找的頁面已被刪除或暫時無法造訪</p>
67 
-        <img class="arrow" src="./images/arrow-down-white.png" alt="">
68 
-        <a href="https://tafm-mrna.com.tw/">前往首頁</a>
75 
+        <img class="arrow" src="./mrn/images/arrow-down-white.png" alt="">
76 
+        <a href="https://event.leecy.org.tw/mrn/">前往首頁</a>
69 
       </div>
77 
       </div>
70 
-      <footer class="footer">
71 
-        <p>
72 
-          本網站不會收集或儲存任何關於您的個人資料。<br class="mb-show">以上內容僅供參考用途，不代表也不可取代醫生的意見，亦不能作為自我診斷或選擇治療的依據。<br>
73 
-          唯有您的醫生方能為您做出準確的診斷及提供適當的治療。<br class="mb-show">如果對個人醫療狀況或接種疫苗有任何疑問，請務必尋求醫生或其他醫療服務單位的建議。
74 
-        </p>
75 
-        <div class="footer__logo">
76 
-          <img src="./images/logo.png" alt="">
77 
-        </div>
78 
-      </footer>
79 
     </section>
78 
     </section>
80 
   </div>
79 
   </div>
81
80

+ 42
- 43
src/fe/500.html Wyświetl plik

7 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8 
   <meta name="format-detection" content="telephone=no">
8 
   <meta name="format-detection" content="telephone=no">
9
9
10 
-  <title>迎擊新冠病毒，你的抗體足夠且有效嗎？</title>
10 
+  <title>時下正夯的mRNA你了解多少 ?</title>
11
11
12 
-  <meta name="description" content="對抗新冠肺炎應隨不同變異株施打疫苗以確保體內有足夠且有效的抗體" />
13 
-  <meta name="keywords" content="" />
12 
+  <meta name="description" content=" mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手，也推動了更多疾病領域的藥物發展。進入學堂，了解mRNA無限可能 !" />
13 
+  <meta name="keywords" content="mRNA, mRNA疫苗, mRNA疫苗技術, 信使核糖核酸, 疫苗技術, 疫苗接種, 疫苗, 新冠, 新冠疫苗, 新冠肺炎, 新冠疫情, 疫情, COVID, COVID-19 , Covid, Covid疫苗, 病毒, 奈米科技, 奈米, 單鍊結構, 免疫反應, 罕見病, 癌症, 諾貝爾生醫獎" />
14
14
15 
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
15 
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
16 
   <link rel="image_src" href="https://tafm-mrna.com.tw/images/share.png" />
16 
   <link rel="image_src" href="https://tafm-mrna.com.tw/images/share.png" />
17 
   <link rel="canonical" href="https://tafm-mrna.com.tw/500.html" />
17 
   <link rel="canonical" href="https://tafm-mrna.com.tw/500.html" />
18 
-  <meta property="og:title" content="迎擊新冠病毒，你的抗體足夠且有效嗎？" />
18 
+  <meta property="og:title" content="時下正夯的mRNA你了解多少 ?" />
19 
   <meta property="og:type" content="website" />
19 
   <meta property="og:type" content="website" />
20 
   <meta property="og:url" content="" />
20 
   <meta property="og:url" content="" />
21 
   <meta property="og:image" content="https://tafm-mrna.com.tw/images/share.png" />
21 
   <meta property="og:image" content="https://tafm-mrna.com.tw/images/share.png" />
22 
-  <meta property="og:description" content="對抗新冠肺炎應隨不同變異株施打疫苗以確保體內有足夠且有效的抗體" />
22 
+  <meta property="og:description" content=" mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手，也推動了更多疾病領域的藥物發展。進入學堂，了解mRNA無限可能 !" />
23
23
24 
-  <link rel="stylesheet" href="/css/all.css">
24 
+  <link rel="stylesheet" href="/mrn/css/all.css">
25
25
26 
-  <!-- Tealium Universal Tag --> <!-- Loading script asynchronously --> <script type="text/javascript"> (function(a,b,c,d) { a='//tags.tiqcdn.com/utag/modernatx/tafm-mrna.com.tw-dtc-taiwan/prod/utag.js'; b=document;c='script';d=b.createElement(c);d.src=a; d.type='text/java'+c;d.async=true; a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})(); </script>
26 
+  <!-- Tealium Universal Tag --> <!-- Loading script asynchronously --> <script type="text/javascript"> (function(a,b,c,d) { a='//tags.tiqcdn.com/utag/modernatx/leecy.org.tw-dtc-taiwan/prod/utag.js'; b=document;c='script';d=b.createElement(c);d.src=a; d.type='text/java'+c;d.async=true; a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})(); </script>
27
27
28 
-  <script type="text/javascript">
28 
+  <script type="text/javascript">
29 
     var moderna_dl ={
29 
     var moderna_dl ={
30 
-      page:{
31 
-        "site_language" : "chinese",
32 
-        "root_domain" : "tafm-mrna.com.tw",
33 
-        "therapeutic_area" : "infectious diseases",
34 
-        "side_of_brand" : "dtc",
35 
-        "brand_name" : "spikevax",
36 
-        "site_branding" : "branded",
37 
-        "indication" : "covid-19",
38 
-        "business_function" : "commercial",
39 
-        "location": "taiwan"
40 
-      }
41 
-    };
42 
-  </script>
43 
-
44 
-  <script type="text/javascript">
45 
-    var moderna_dl={
46 
-      page:{
47 
-        "page_type" : "errorpage",
48 
-        "error_message" : "System error",
49 
-        "error_code" : "500"
50 
-      }
51 
-    };
30 
+        page:{
31 
+            "site_language" : "chinese",
32 
+            "root_domain" : "leecy.org.tw",
33 
+            "therapeutic_area" : "infectious diseases",
34 
+            "side_of_brand" : "dtc",
35 
+            "brand_name" : "spikevax",
36 
+            "site_branding" : "branded",
37 
+            "indication" : "covid-19",
38 
+            "business_function" : "commercial",
39 
+            "location": "taiwan",
40 
+            "page_type" : "errorpage",
41 
+            "error_message" : "System error",
42 
+            "error_code" : "500"
43 
+          }
44 
+      };
52 
   </script>
45 
   </script>
53
46
54 
 </head>
47 
 </head>
56 
 <body>
49 
 <body>
57
50
58 
   <div class="wrapper wrapper-errorPage">
51 
   <div class="wrapper wrapper-errorPage">
52 
+    <header class="header">
53 
+      <div class="header__hamburger">
54 
+        <div class="header__hamburger__line"></div>
55 
+      </div>
56 
+      <div class="header__name">
57 
+        <h1>mRNA學堂</h1>
58 
+      </div>
59 
+    </header>
59 
     <!-- errorPage -->
60 
     <!-- errorPage -->
60 
     <section class="errorPage gradient-d">
61 
     <section class="errorPage gradient-d">
61 
-      <div class="deco">
62 
-        <img src="./images/kv-deco.png" alt="">
62 
+      <div class="bg expert__bg">
63 
+        <picture>
64 
+          <source media="(max-width: 992px)" srcset="./mrn/images/expert-bg_mb.png">
65 
+          <img class="expert__bg__img expert__bg__img-circle" src="./mrn/images/expert-bg.png" alt="">
66 
+        </picture>
67 
+        <picture>
68 
+          <source media="(max-width: 992px)" srcset="./mrn/images/expert-line.png">
69 
+          <img class="expert__bg__img expert__bg__img-line" src="./mrn/images/expert-line.png" alt="">
70 
+        </picture>
63 
       </div>
71 
       </div>
64 
       <div class="container">
72 
       <div class="container">
65 
         <h2>未找到網頁</h2>
73 
         <h2>未找到網頁</h2>
66 
         <p>抱歉，您要找的頁面已被刪除或暫時無法造訪</p>
74 
         <p>抱歉，您要找的頁面已被刪除或暫時無法造訪</p>
67 
-        <img class="arrow" src="./images/arrow-down-white.png" alt="">
68 
-        <a href="https://tafm-mrna.com.tw/">前往首頁</a>
75 
+        <img class="arrow" src="./mrn/images/arrow-down-white.png" alt="">
76 
+        <a href="https://event.leecy.org.tw/mrn/">前往首頁</a>
69 
       </div>
77 
       </div>
70 
-      <footer class="footer">
71 
-        <p>
72 
-          本網站不會收集或儲存任何關於您的個人資料。<br class="mb-show">以上內容僅供參考用途，不代表也不可取代醫生的意見，亦不能作為自我診斷或選擇治療的依據。<br>
73 
-          唯有您的醫生方能為您做出準確的診斷及提供適當的治療。<br class="mb-show">如果對個人醫療狀況或接種疫苗有任何疑問，請務必尋求醫生或其他醫療服務單位的建議。
74 
-        </p>
75 
-        <div class="footer__logo">
76 
-          <img src="./images/logo.png" alt="">
77 
-        </div>
78 
-      </footer>
79 
     </section>
78 
     </section>
80 
   </div>
79 
   </div>
81
80

+ 8
- 15
src/fe/mrna/css/all.css Wyświetl plik

14823 
   padding-top: 0;
 14823 
   padding-top: 0;
14824 
   opacity: 1;
 14824 
   opacity: 1;
14825 
   visibility: visible;
 14825 
   visibility: visible;
14826 
+  padding-top: 3.8em;
14827 
+}
14828 
+.wrapper-errorPage .header {
14829 
+  padding: 0.7em;
14826 
 }
 14830 
 }
14827
14831
14828 
 .errorPage {
 14832 
 .errorPage {
14833 
 .errorPage .bg {
 14837 
 .errorPage .bg {
14834 
   position: absolute;
 14838 
   position: absolute;
14835 
   width: 100%;
 14839 
   width: 100%;
14836 
-  bottom: -18em;
14837 
-  left: 50%;
14838 
-  transform: translateX(-50%);
14840 
+  height: 100%;
14841 
+  left: 0;
14842 
+  top: 0;
14843 
+  transform: none;
14839 
 }
 14844 
 }
14840 
 .errorPage .bg img {
 14845 
 .errorPage .bg img {
14841 
   width: 100%;
 14846 
   width: 100%;
14847 
 .errorPage .arrow img {
 14852 
 .errorPage .arrow img {
14848 
   width: 100%;
 14853 
   width: 100%;
14849 
 }
 14854 
 }
14850 
-.errorPage .deco {
14851 
-  position: absolute;
14852 
-  width: 20em;
14853 
-  top: 20%;
14854 
-  transform: translateY(-50%);
14855 
-  right: -8em;
14856 
-  opacity: 0.5;
14857 
-  mix-blend-mode: soft-light;
14858 
-}
14859 
-.errorPage .deco img {
14860 
-  width: 100%;
14861 
-}
14862 
 .errorPage .container {
 14855 
 .errorPage .container {
14863 
   position: absolute;
 14856 
   position: absolute;
14864 
   width: 100%;
 14857 
   width: 100%;

+ 1
- 1
src/fe/mrna/css/all.css.map
Plik diff jest za duży
Wyświetl plik


+ 8
- 15
src/fe/mrna/css/page/_errorPage.scss Wyświetl plik

4 
     padding-top: 0;
 4 
     padding-top: 0;
5 
     opacity: 1;
 5 
     opacity: 1;
6 
     visibility: visible;
 6 
     visibility: visible;
7 
+    padding-top: 3.8em;
8 
+    .header {
9 
+        padding: 0.7em;
10 
+    }
7 
 }
 11 
 }
8 
 .errorPage {
 12 
 .errorPage {
9 
     width: 100%;
 13 
     width: 100%;
12 
     .bg {
 16 
     .bg {
13 
         position: absolute;
 17 
         position: absolute;
14 
         width: 100%;
 18 
         width: 100%;
15 
-        bottom: -18em;
16 
-        left: 50%;
17 
-        transform: translateX(-50%);
19 
+        height: 100%;
20 
+        left: 0;
21 
+        top: 0;
22 
+        transform: none;
18 
         img {
 23 
         img {
19 
             width: 100%;
 24 
             width: 100%;
20 
         }
 25 
         }
26 
             width: 100%;
 31 
             width: 100%;
27 
         }
 32 
         }
28 
     }
 33 
     }
29 
-    .deco {
30 
-        position: absolute;
31 
-        width: 20em;
32 
-        top: 20%;
33 
-        transform: translateY(-50%);
34 
-        right: -8em;
35 
-        opacity: 0.5;
36 
-        mix-blend-mode: soft-light;
37 
-        img {
38 
-            width: 100%;
39 
-        }
40 
-    }
41 
     .container {
 34 
     .container {
42 
         position: absolute;
 35 
         position: absolute;
43 
         width: 100%;
 36 
         width: 100%;

BIN
src/fe/mrna/images/share.jpg Wyświetl plik


+ 6
- 6
src/fe/mrna/index.html Wyświetl plik

7 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8 
   <meta name="format-detection" content="telephone=no">
8 
   <meta name="format-detection" content="telephone=no">
9
9
10 
-  <title></title>
10 
+  <title>時下正夯的mRNA你了解多少 ?</title>
11
11
12 
-  <meta name="description" content="" />
12 
+  <meta name="description" content="mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手，也推動了更多疾病領域的藥物發展。進入學堂，了解mRNA無限可能 !" />
13 
   <meta name="keywords" content="mRNA, mRNA疫苗, mRNA疫苗技術, 信使核糖核酸, 疫苗技術, 疫苗接種, 疫苗, 新冠, 新冠疫苗, 新冠肺炎, 新冠疫情, 疫情, COVID, COVID-19 , Covid, Covid疫苗, 病毒, 奈米科技, 奈米, 單鍊結構, 免疫反應, 罕見病, 癌症, 諾貝爾生醫獎" />
13 
   <meta name="keywords" content="mRNA, mRNA疫苗, mRNA疫苗技術, 信使核糖核酸, 疫苗技術, 疫苗接種, 疫苗, 新冠, 新冠疫苗, 新冠肺炎, 新冠疫情, 疫情, COVID, COVID-19 , Covid, Covid疫苗, 病毒, 奈米科技, 奈米, 單鍊結構, 免疫反應, 罕見病, 癌症, 諾貝爾生醫獎" />
14
14
15 
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
15 
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
16 
   <link rel="image_src" href="https://event.leecy.org.tw/mrn/images/share.png" />
16 
   <link rel="image_src" href="https://event.leecy.org.tw/mrn/images/share.png" />
17 
   <link rel="canonical" href="https://event.leecy.org.tw/mrn/" />
17 
   <link rel="canonical" href="https://event.leecy.org.tw/mrn/" />
18 
-  <meta property="og:title" content="" />
18 
+  <meta property="og:title" content="時下正夯的mRNA你了解多少 ?" />
19 
   <meta property="og:type" content="website" />
19 
   <meta property="og:type" content="website" />
20 
   <meta property="og:url" content="" />
20 
   <meta property="og:url" content="" />
21 
   <meta property="og:image" content="https://event.leecy.org.tw/mrn/images/share.png" />
21 
   <meta property="og:image" content="https://event.leecy.org.tw/mrn/images/share.png" />
22 
-  <meta property="og:description" content="" />
22 
+  <meta property="og:description" content="mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手，也推動了更多疾病領域的藥物發展。進入學堂，了解mRNA無限可能 !" />
23
23
24 
   <link rel="stylesheet" href="./css/all.css">
24 
   <link rel="stylesheet" href="./css/all.css">
25
25
40 
           }
40 
           }
41 
       };
41 
       };
42 
   </script>
42 
   </script>
43 
-
43 
+
44 
   <script type="text/javascript">
44 
   <script type="text/javascript">
45 
     window.moderna_dl["page.page_type"] = '';
45 
     window.moderna_dl["page.page_type"] = '';
46 
     window.moderna_dl["page.error_message"] = '';
46 
     window.moderna_dl["page.error_message"] = '';
373 
                 </p>
373 
                 </p>
374 
               </div>
374 
               </div>
375 
             </div>
375 
             </div>
376 
-            <div class="qa__keypoint__item qa__keypoint__item">
376 
+            <div class="qa__keypoint__item">
377 
               <div class="qa__keypoint__pic">
377 
               <div class="qa__keypoint__pic">
378 
                 <div class="qa__keypoint__pic__line qa__keypoint__pic__line-left"></div>
378 
                 <div class="qa__keypoint__pic__line qa__keypoint__pic__line-left"></div>
379 
                 <div class="qa__keypoint__pic__line qa__keypoint__pic__line-right"></div>
379 
                 <div class="qa__keypoint__pic__line qa__keypoint__pic__line-right"></div>

+ 166
- 98
src/fe/mrna/js/main.js Wyświetl plik

134 
 		$(".modal-test .modal__game__item:nth-child("+num+") .modal__game__ans").css("display", "flex");
 134 
 		$(".modal-test .modal__game__item:nth-child("+num+") .modal__game__ans").css("display", "flex");
135 
 	}
 135 
 	}
136
136
137 
-	// 初始元素動態
138 
-	function elementReset() {
139 
-		// gsap.set(".qa__item", { y: 50, autoAlpha: 0 });
140 
-	}
141 
-
142 
 	// 開始程序
 137 
 	// 開始程序
143 
 	function startHandler() {
 138 
 	function startHandler() {
144 
 		// 調整頁面font-size
 139 
 		// 調整頁面font-size
149
144
150 
 			setTimeout(() => {
 145 
 			setTimeout(() => {
151 
 				headerH = $(".header").outerHeight();
 146 
 				headerH = $(".header").outerHeight();
152 
-				console.log("headerH: " + headerH);
147 
+				// console.log("headerH: " + headerH);
153 
 				$(".wrapper").css("padding-top", headerH);
 148 
 				$(".wrapper").css("padding-top", headerH);
154 
 			}, 800);
 149 
 			}, 800);
155 
 		} else {
 150 
 		} else {
169 
 		setTimeout(() => {
 164 
 		setTimeout(() => {
170 
 			gsap.to(".wrapper", { duration: 0.3, autoAlpha: 1 });
 165 
 			gsap.to(".wrapper", { duration: 0.3, autoAlpha: 1 });
171
166
172 
-			if(!isMobile) {
173 
-				$(".qa__box__scroll").niceScroll({
174 
-					cursorcolor: "#2ba4da", // 滾動條的顏色
175 
-					cursorwidth: "0.6em", // 滾動條寬度
176 
-					cursorborder: "1px solid #fff", // 滾動條邊框
177 
-					cursorborderradius: "5px", // 滾動條圓角
178 
-					touchbehavior: false, // 是否啟用拖曳行為
179 
-					autohidemode: false, // 不隱藏卷軸
180 
-					background: "", // 軌道背景色
181 
-					cursorminheight: 32, // 滾動條最小高度
182 
-					railpadding: { top: 0, right: 0, left: 0, bottom: 0 }, // 軌道內間距
183 
-					railalign: "center", // 對其垂直軌道
184 
-					railvalign: "center", // 對其水平軌道
185 
-					cursordragontouch: false, // 使用觸屏模式來實現拖曳
186 
-					grabcursorenabled: false,
187 
-				});
188 
-			}else {
189 
-				$(".qa__box__scroll").niceScroll({
190 
-					cursorcolor: "#2ba4da", // 滾動條的顏色
191 
-					cursorwidth: "0.7em", // 滾動條寬度
192 
-					cursorborder: "1px solid #fff", // 滾動條邊框
193 
-					cursorborderradius: "5px", // 滾動條圓角
194 
-					touchbehavior: false, // 是否啟用拖曳行為
195 
-					autohidemode: false, // 不隱藏卷軸
196 
-					background: "", // 軌道背景色
197 
-					cursorminheight: 32, // 滾動條最小高度
198 
-					railpadding: { top: 0, right: 0, left: 0, bottom: 0 }, // 軌道內間距
199 
-					railalign: "center", // 對其垂直軌道
200 
-					railvalign: "center", // 對其水平軌道
201 
-					cursordragontouch: false, // 使用觸屏模式來實現拖曳
202 
-					grabcursorenabled: false,
203 
-				});
204 
-			}
205 
-
206 
 			detectScrollSection();
 167 
 			detectScrollSection();
207
168
208 
 			$(window).scroll(function(){
 169 
 			$(window).scroll(function(){
209 
 				detectScrollSection();
 170 
 				detectScrollSection();
171 
+				ScrollTrigger.update();
210 
 			})
 172 
 			})
211
173
212 
 			setTimeout(()=>{
 174 
 			setTimeout(()=>{
213 
-				// 測試
214 
-				// swiper_history.slideNext();
215 
-				// swiper_history.slideTo(4, 1000)
216
175
176 
+				if(!isMobile) {
177 
+					$(".qa__box__scroll").niceScroll({
178 
+						cursorcolor: "#2ba4da", // 滾動條的顏色
179 
+						cursorwidth: "0.6em", // 滾動條寬度
180 
+						cursorborder: "1px solid #fff", // 滾動條邊框
181 
+						cursorborderradius: "5px", // 滾動條圓角
182 
+						touchbehavior: false, // 是否啟用拖曳行為
183 
+						autohidemode: false, // 不隱藏卷軸
184 
+						background: "", // 軌道背景色
185 
+						cursorminheight: 32, // 滾動條最小高度
186 
+						railpadding: { top: 0, right: 0, left: 0, bottom: 0 }, // 軌道內間距
187 
+						railalign: "center", // 對其垂直軌道
188 
+						railvalign: "center", // 對其水平軌道
189 
+						cursordragontouch: false, // 使用觸屏模式來實現拖曳
190 
+						grabcursorenabled: false,
191 
+					});
192 
+				}else {
193 
+					$(".qa__box__scroll").niceScroll({
194 
+						cursorcolor: "#2ba4da", // 滾動條的顏色
195 
+						cursorwidth: "0.7em", // 滾動條寬度
196 
+						cursorborder: "1px solid #fff", // 滾動條邊框
197 
+						cursorborderradius: "5px", // 滾動條圓角
198 
+						touchbehavior: false, // 是否啟用拖曳行為
199 
+						autohidemode: false, // 不隱藏卷軸
200 
+						background: "", // 軌道背景色
201 
+						cursorminheight: 32, // 滾動條最小高度
202 
+						railpadding: { top: 0, right: 0, left: 0, bottom: 0 }, // 軌道內間距
203 
+						railalign: "center", // 對其垂直軌道
204 
+						railvalign: "center", // 對其水平軌道
205 
+						cursordragontouch: false, // 使用觸屏模式來實現拖曳
206 
+						grabcursorenabled: false,
207 
+					});
208 
+				}
217
209
218 
 			}, 1000);
 210 
 			}, 1000);
219
211
220
212
221 
-			// // 開頭動態
222 
-			// startAni();
213 
+			//開頭動態
214 
+			startAni();
223
215
224 
-			// // 元素動態
225 
-			// elementAni();
216 
+			//元素動態
217 
+			elementAni();
226 
 		}, 1000);
 218 
 		}, 1000);
227 
 	}
 219 
 	}
228
220
259 
 	// 初始menu
 251 
 	// 初始menu
260 
 	function initMenu() {
 252 
 	function initMenu() {
261 
 		let menuListH = $(".header__nav").outerHeight();
 253 
 		let menuListH = $(".header__nav").outerHeight();
262 
-		console.log("menuListH: "+menuListH)
254 
+		// console.log("menuListH: "+menuListH)
263 
 		gsap.set(".header__nav", { top: -menuListH });
 255 
 		gsap.set(".header__nav", { top: -menuListH });
264 
 	}
 256 
 	}
265
257
574
566
575 
 	// ====================  滑動動態  ====================
 567 
 	// ====================  滑動動態  ====================
576
568
569 
+
570 
+	// 初始元素動態
571 
+	function elementReset() {
572 
+		gsap.set(".expert__video", { y: 50, autoAlpha: 0 });
573 
+		gsap.set(".expert__title", { y: 50, autoAlpha: 0 });
574 
+		gsap.set(".understand .container", { y: 50, autoAlpha: 0 });
575 
+		gsap.set(".history .container", { y: 50, autoAlpha: 0 });
576 
+		gsap.set(".research .container", { y: 50, autoAlpha: 0 });
577 
+		gsap.set(".research .research__item", { autoAlpha: 0 });
578 
+		gsap.set(".qa .container", { y: 50, autoAlpha: 0 });
579 
+		gsap.set(".moreref .container", { y: 50, autoAlpha: 0 });
580 
+		gsap.set(".qa .qa__keypoint__item:nth-child(1)", { x: 100, autoAlpha: 0 });
581 
+		gsap.set(".qa .qa__keypoint__item:nth-child(3)", { x: -100, autoAlpha: 0 });
582 
+	}
583 
+
577 
 	function startAni() {
 584 
 	function startAni() {
578 
-		// gsap.to(".kv__pic", { duration: 0.5, scale:1 });
579 
-		gsap.to(".kv__copywriting", {
580 
-			duration: 0.5,
581 
-			x: 0,
582 
-			autoAlpha: 1,
583 
-			delay: 0.3,
584 
-		});
585 
+		if(!isMobile) {
586 
+			gsap.to(".expert__video", {
587 
+				duration: 1,
588 
+				y: 0,
589 
+				autoAlpha: 1,
590 
+				delay: 0.3,
591 
+			});
592 
+			gsap.to(".expert__title", {
593 
+				duration: 0.6,
594 
+				y: 0,
595 
+				autoAlpha: 1,
596 
+				delay: 0.6,
597 
+			});
598 
+		}else {
599 
+			gsap.to(".expert__video", {
600 
+				duration: 1,
601 
+				y: 0,
602 
+				autoAlpha: 1,
603 
+				delay: 0.3,
604 
+			});
605 
+			gsap.to(".expert__title", {
606 
+				duration: 0.6,
607 
+				y: 0,
608 
+				autoAlpha: 1,
609 
+				delay: 0.3,
610 
+			});
611 
+		}
585 
 	}
 612 
 	}
586
613
587 
 	function elementAni() {
 614 
 	function elementAni() {
592 
 			scroller: "body",
 619 
 			scroller: "body",
593 
 		});
 620 
 		});
594
621
595 
-		function qaItemAni($el) {
596 
-			gsap.to($el, {
597 
-				scrollTrigger: {
598 
-					trigger: $el,
599 
-					start: "top bottom-=20%", // when the top of the trigger hits the top of the viewport
600 
-					end: "+=" + $($el).height() / 2, // end after scrolling 500px beyond the start
601 
-					scrub: 1, // smooth scrubbing, takes 1 second to "catch up" to the scrollbar
602 
-					// markers: true
603 
-				},
604 
-				duration: 1,
605 
-				y: 0,
606 
-				autoAlpha: 1,
607 
-			});
608 
-		}
622 
+		gsap.to(".understand .container", {
623 
+			scrollTrigger: {
624 
+				trigger: ".understand",
625 
+				start: "top center",
626 
+				end: "+=" + ($(".understand").height() / 3),
627 
+				scrub: 1,
628 
+			},
629 
+			duration: 0.3,
630 
+			autoAlpha: 1,
631 
+			y: 0
632 
+		});
609
633
610 
-		qaItemAni(".qa__item-keypoints");
611 
-		qaItemAni(".qa__item-group");
612 
-		qaItemAni(".qa__item-positive");
613 
-		qaItemAni(".qa__item-child");
634 
+		gsap.to(".history .container", {
635 
+			scrollTrigger: {
636 
+				trigger: ".history",
637 
+				start: "top center",
638 
+				end: "+=" + ($(".history").height() / 3),
639 
+				scrub: 1,
640 
+			},
641 
+			duration: 0.3,
642 
+			autoAlpha: 1,
643 
+			y: 0
644 
+		});
645 
+
646 
+		gsap.to(".research .container", {
647 
+			scrollTrigger: {
648 
+				trigger: ".research",
649 
+				start: "top center",
650 
+				end: "+=" + ($(".research").height() / 3),
651 
+				scrub: 1,
652 
+			},
653 
+			duration: 0.3,
654 
+			autoAlpha: 1,
655 
+			y: 0
656 
+		});
614
657
615 
-		gsap.to(".brandvideo .mainvideo__video__frame", {
658 
+		gsap.to(".research .research__item", {
616 
 			scrollTrigger: {
 659 
 			scrollTrigger: {
617 
-				trigger: ".mainvideo .bg",
660 
+				trigger: ".research",
618 
 				start: "top center",
 661 
 				start: "top center",
619 
-				end: "+=" + $(".mainvideo__video__frame").height(),
662 
+				end: "+=" + ($(".history").height() / 2),
620 
 				scrub: 1,
 663 
 				scrub: 1,
621 
 			},
 664 
 			},
622 
-			duration: 1,
623 
-			scale: 1,
665 
+			stagger: 0.3,
666 
+			duration: 0.3,
624 
 			autoAlpha: 1,
 667 
 			autoAlpha: 1,
625 
 		});
 668 
 		});
626
669
627 
-		gsap.to(".propagandavideo-pc", {
670 
+		gsap.to(".qa .container", {
628 
 			scrollTrigger: {
 671 
 			scrollTrigger: {
629 
-				trigger: ".propagandavideo-pc",
672 
+				trigger: ".qa",
630 
 				start: "top center",
 673 
 				start: "top center",
631 
-				end: "+=" + $(".propagandavideo-pc").height() / 3,
674 
+				end: "+=" + ($(".qa").height() / 3),
632 
 				scrub: 1,
 675 
 				scrub: 1,
633 
 			},
 676 
 			},
634 
-			duration: 0.5,
677 
+			duration: 0.3,
635 
 			autoAlpha: 1,
 678 
 			autoAlpha: 1,
636 
-			y: 0,
679 
+			y: 0
637 
 		});
 680 
 		});
638
681
639 
-		gsap.to(".process__pic", {
682 
+		gsap.to(".qa .qa__keypoint__item:nth-child(1)", {
640 
 			scrollTrigger: {
 683 
 			scrollTrigger: {
641 
-				trigger: ".process .bg",
684 
+				trigger: ".qa",
642 
 				start: "top center",
 685 
 				start: "top center",
643 
-				end: "+=" + $(".process__pic").height(),
686 
+				end: "+=" + ($(".qa").height() / 3),
644 
 				scrub: 1,
 687 
 				scrub: 1,
645 
 			},
 688 
 			},
646 
-			duration: 0.5,
689 
+			duration: 0.3,
647 
 			autoAlpha: 1,
 690 
 			autoAlpha: 1,
691 
+			x: 0
648 
 		});
 692 
 		});
649
693
650 
-		gsap.to(".game__head", {
694 
+		gsap.to(".qa .qa__keypoint__item:nth-child(3)", {
651 
 			scrollTrigger: {
 695 
 			scrollTrigger: {
652 
-				trigger: ".game",
696 
+				trigger: ".qa",
653 
 				start: "top center",
 697 
 				start: "top center",
654 
-				end: "+=" + $(".game__head").height(),
698 
+				end: "+=" + ($(".qa").height() / 3),
655 
 				scrub: 1,
 699 
 				scrub: 1,
656 
 			},
 700 
 			},
657 
 			duration: 0.3,
 701 
 			duration: 0.3,
658 
-			scale: 1,
659 
 			autoAlpha: 1,
 702 
 			autoAlpha: 1,
660 
-			y: 0,
703 
+			x: 0
661 
 		});
 704 
 		});
662
705
663 
-		gsap.to(".game__place", {
706 
+		gsap.to(".moreref .container", {
664 
 			scrollTrigger: {
 707 
 			scrollTrigger: {
665 
-				trigger: ".game",
708 
+				trigger: ".moreref",
666 
 				start: "top center",
 709 
 				start: "top center",
667 
-				end: "+=" + $(".game__head").height(),
710 
+				end: "+=" + ($(".moreref").height() / 3),
668 
 				scrub: 1,
 711 
 				scrub: 1,
669 
 			},
 712 
 			},
670 
 			duration: 0.3,
 713 
 			duration: 0.3,
671 
-			scale: 1,
672 
 			autoAlpha: 1,
 714 
 			autoAlpha: 1,
673 
-			y: 0,
674 
-			delay: 0.2,
715 
+			y: 0
675 
 		});
 716 
 		});
717 
+
718 
+		// gsap.to(".game__head", {
719 
+		// 	scrollTrigger: {
720 
+		// 		trigger: ".game",
721 
+		// 		start: "top center",
722 
+		// 		end: "+=" + $(".game__head").height(),
723 
+		// 		scrub: 1,
724 
+		// 	},
725 
+		// 	duration: 0.3,
726 
+		// 	scale: 1,
727 
+		// 	autoAlpha: 1,
728 
+		// 	y: 0,
729 
+		// });
730 
+
731 
+		// gsap.to(".game__place", {
732 
+		// 	scrollTrigger: {
733 
+		// 		trigger: ".game",
734 
+		// 		start: "top center",
735 
+		// 		end: "+=" + $(".game__head").height(),
736 
+		// 		scrub: 1,
737 
+		// 	},
738 
+		// 	duration: 0.3,
739 
+		// 	scale: 1,
740 
+		// 	autoAlpha: 1,
741 
+		// 	y: 0,
742 
+		// 	delay: 0.2,
743 
+		// });
676 
 	}
 744 
 	}
677
745
678 
 	function scrollToSection() {
 746 
 	function scrollToSection() {

+ 3
- 3
src/fe/mrna/js/tealiumTracking.js Wyświetl plik

39
39
40 
                     if(!currentSection) {
 40 
                     if(!currentSection) {
41 
                         currentSection = sectionId;
 41 
                         currentSection = sectionId;
42 
-                        console.log('目前在 ' + currentSection + ' 部分。');
42 
+                        // console.log('目前在 ' + currentSection + ' 部分。');
43 
                         jQuery("document").trigger( "virtualPageView" );
 43 
                         jQuery("document").trigger( "virtualPageView" );
44 
                     }
 44 
                     }
45
45
46 
                     if(currentSection !== sectionId) {
 46 
                     if(currentSection !== sectionId) {
47 
                         currentSection = sectionId;
 47 
                         currentSection = sectionId;
48 
-                        console.log('目前在 ' + currentSection + ' 部分。');
48 
+                        // console.log('目前在 ' + currentSection + ' 部分。');
49 
                         jQuery("document").trigger( "virtualPageView" );
 49 
                         jQuery("document").trigger( "virtualPageView" );
50 
                     }
 50 
                     }
51
51
67
67
68 
     //public
 68 
     //public
69 
     return {
 69 
     return {
70 
-
70 
+
71 
     };
 71 
     };
72 
 };
 72 
 };
73
73

+ 2
- 2
src/fe/mrna/robots.txt Wyświetl plik

1 
-# https://tafm-mrna.com.tw/
1 
+# https://event.leecy.org.tw/mrn/
2
2
3 
 User-agent: *
 3 
 User-agent: *
4 
 Allow: /
 4 
 Allow: /
5
5
6 
-Sitemap:https://tafm-mrna.com.tw/sitemap.xml
6 
+Sitemap:https://event.leecy.org.tw/mrn/sitemap.xml

+ 2
- 4
src/fe/mrna/sitemap.xml Wyświetl plik

5 
       xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
5 
       xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
6 
             http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
6 
             http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
7
7
8 
-
9 
 <url>
8 
 <url>
10 
-  <loc>https://tafm-mrna.com.tw/</loc>
11 
-  <lastmod>2023-10-03T11:54:01+00:00</lastmod>
9 
+  <loc>https://event.leecy.org.tw/mrn/</loc>
10 
+  <lastmod>2023-10-25T11:58:01+00:00</lastmod>
12 
   <priority>1.00</priority>
11 
   <priority>1.00</priority>
13 
 </url>
12 
 </url>
14
13
15 
-
16 
 </urlset>
 14 
 </urlset>