DC
/
InnovationLab
Watch 5
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

update EDM

OMEGA\ericky.hsiao 2 years ago
parent
b23f24dbd4
commit
877822267c
20 changed files with 476 additions and 0 deletions
Split View Show Diff Stats
  1. BIN
      public/EDM/2022-season-1/img/bg.jpg
  2. BIN
      public/EDM/2022-season-1/img/btn.png
  3. BIN
      public/EDM/2022-season-1/img/cover.jpg
  4. BIN
      public/EDM/2022-season-1/img/footer-1.png
  5. BIN
      public/EDM/2022-season-1/img/footer-2.png
  6. BIN
      public/EDM/2022-season-1/img/img-1.jpg
  7. BIN
      public/EDM/2022-season-1/img/img-1.png
  8. BIN
      public/EDM/2022-season-1/img/img-2.png
  9. 235
    0
      public/EDM/2022-season-1/index.html
  10. 3
    0
      public/EDM/2022-season-1/prototype-face-fusion.html
  11. BIN
      public/EDM/2022-season-Q4/img/bg.jpg
  12. BIN
      public/EDM/2022-season-Q4/img/btn.png
  13. BIN
      public/EDM/2022-season-Q4/img/cover.jpg
  14. BIN
      public/EDM/2022-season-Q4/img/footer-1.png
  15. BIN
      public/EDM/2022-season-Q4/img/footer-2.png
  16. BIN
      public/EDM/2022-season-Q4/img/img-1.jpg
  17. BIN
      public/EDM/2022-season-Q4/img/img-1.png
  18. BIN
      public/EDM/2022-season-Q4/img/img-2.png
  19. 235
    0
      public/EDM/2022-season-Q4/index.html
  20. 3
    0
      public/EDM/2022-season-Q4/prototype-face-fusion.html

BIN
public/EDM/2022-season-1/img/bg.jpg View File


BIN
public/EDM/2022-season-1/img/btn.png View File


BIN
public/EDM/2022-season-1/img/cover.jpg View File


BIN
public/EDM/2022-season-1/img/footer-1.png View File


BIN
public/EDM/2022-season-1/img/footer-2.png View File


BIN
public/EDM/2022-season-1/img/img-1.jpg View File


BIN
public/EDM/2022-season-1/img/img-1.png View File


BIN
public/EDM/2022-season-1/img/img-2.png View File


+ 235
- 0
public/EDM/2022-season-1/index.html View File 

@@ -0,0 +1,235 @@
1 
+<!DOCTYPE html>
2 
+<html
3 
+  xmlns="http://www.w3.org/1999/xhtml"
4 
+  xmlns:o="urn:schemas-microsoft-com:office:office"
5 
+  xmlns:v="urn:schemas-microsoft-com:vml"
6 
+>
7 
+  <head>
8 
+    <meta charset="UTF-8" />
9 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
10 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
11 
+    <title></title>
12 
+    <meta name="x-apple-disable-message-reformatting" />
13 
+    <!--[if !mso]><!-->
14 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
15 
+    <!--<![endif]-->
16 
+    <!--[if gte mso 9]>
17 
+      <xml>
18 
+        <o:OfficeDocumentSettings>
19 
+          <o:AllowPNG />
20 
+          <o:PixelsPerInch>96</o:PixelsPerInch>
21 
+        </o:OfficeDocumentSettings>
22 
+      </xml>
23 
+    <![endif]-->
24 
+  </head>
25 
+  <body style="font-size: 10px; font-family: 'Noto Sans CJK TC'; margin: 0">
26 
+    <table
27 
+      border="0"
28 
+      cellpadding="0"
29 
+      cellspacing="0"
30 
+      width="650"
31 
+      style="width: 650px; margin: auto; padding: 3em;background-image: url(./img/bg.jpg);    background: #e9e9e9;"
32 
+    >
33 
+      <tbody>
34 
+        <tr>
35 
+          <td
36 
+            style="
37 
+              color: #9fa0a0;
38 
+              font-size: 1.2em;
39 
+              font-weight: 900;
40 
+              line-height: 2;
41 
+            "
42 
+          >
43 
+            Innovation Lab Vo.1
44 
+          </td>
45 
+        </tr>
46 
+        <tr>
47 
+          <td style="font-size: 1.6em; font-weight: 900; line-height: 2">
48 
+            <span
49 
+              style="
50 
+                display: inline-block;
51 
+                width: 6.25em;
52 
+                height: 1.625em;
53 
+                background-color: #000000;
54 
+                transform: translateY(25%);
55 
+              "
56 
+            ></span>
57 
+            Innovation Lab 集結成冊 第一期 - 2022/07/XX
58 
+          </td>
59 
+        </tr>
60 
+        <tr>
61 
+          <td style="font-size: 1.2em; line-height: 2"></td>
62 
+        </tr>
63 
+        <tr>
64 
+          <td style="color: #9fa0a0; font-size: 1.2em; padding: 2em 0">
65 
+            XX XX
66 
+          </td>
67 
+        </tr>
68 
+        <tr>
69 
+          <td align="center">
70 
+            <img
71 
+              width="650"
72 
+              style="margin: 3em 0"
73 
+              src="./img/cover.jpg"
74 
+              alt="alt"
75 
+            />
76 
+          </td>
77 
+        </tr>
78 
+        <tr style="display: block; padding-left: 3em; padding-bottom: 3em">
79 
+          <td
80 
+            style="
81 
+              color: #9fa0a0;
82 
+              font-size: 1.2em;
83 
+              line-height: 1.75;
84 
+              padding-left: 3em;
85 
+              margin-top: 3em;
86 
+              border-left: 1em solid #919292;
87 
+            "
88 
+          >
89 
+          Innovation Lab是一群新時代的特務，專在瞬息萬變、資訊爆炸的世代，<br>追尋宇宙中最酷、最創新的科技產物。
90 
+          我們將每個破案的案件整理為超機密檔案，再一一解碼釋出，<br>供您一起窺見二元碼中的奧秘⋯⋯
91 
+          </td>
92 
+        </tr>
93 
+        <tr>
94 
+          <td style="font-size: 1.4em; font-weight: 700; padding: 1em 0">
95 
+            知己小姐是由一百位女人共創而生
96 
+          </td>
97 
+        </tr>
98 
+        <tr>
99 
+          <td style="font-size: 1.2em; line-height: 1.25">
100 
+            農純鄉客群以 35＋以上女性為主，為與其他滴雞精品牌做出差異，濃純鄉決定透過知己小姐來深化與女性的關係，為女性發聲，讓他們不用活在別人的期待底下而能自在地做自己，去理解女性、療癒女性，讓女性對品牌產生好感。
101 
+
102 
+            </td>
103 
+        </tr>
104 
+        <tr>
105 
+          <td
106 
+            style="
107 
+              font-size: 1.2em;
108 
+              font-weight: 700;
109 
+              line-height: 2;
110 
+              padding-top: 1em;
111 
+            "
112 
+          >
113 
+          </td>
114 
+        </tr>
115 
+        <tr>
116 
+          <td>
117 
+            <p>
118 
+              <span
119 
+                style="
120 
+                  display: inline-block;
121 
+                  width: 0.6em;
122 
+                  height: 0.6em;
123 
+                  background-color: #000000;
124 
+                  margin-right: 0.5em;
125 
+                  transform: translateY(-0.15em);
126 
+                "
127 
+              ></span
128 
+              >多人共創
129 
+            </p>
130 
+            <p>
131 
+              <span
132 
+                style="
133 
+                  display: inline-block;
134 
+                  width: 0.6em;
135 
+                  height: 0.6em;
136 
+                  background-color: #000000;
137 
+                  margin-right: 0.5em;
138 
+                  transform: translateY(-0.15em);
139 
+                "
140 
+              ></span
141 
+              >客製化分享內容
142 
+            </p>
143 
+            <p>
144 
+              <span
145 
+                style="
146 
+                  display: inline-block;
147 
+                  width: 0.6em;
148 
+                  height: 0.6em;
149 
+                  background-color: #000000;
150 
+                  margin-right: 0.5em;
151 
+                  transform: translateY(-0.15em);
152 
+                "
153 
+              ></span
154 
+              >HTML5 濾鏡
155 
+            </p>
156 
+          </td>
157 
+        </tr>
158 
+        <tr>
159 
+          <td align="center">
160 
+            <img
161 
+              width="520"
162 
+              style="margin-top: 3em; margin-bottom: 4em"
163 
+              src="./img/img-1.jpg"
164 
+              alt="alt"
165 
+            />
166 
+          </td>
167 
+        </tr>
168 
+        <tr>
169 
+          <td style="font-size: 1.4em; font-weight: 700; padding: 1em 0">
170 
+          </td>
171 
+        </tr>
172 
+        <tr>
173 
+          <td style="font-size: 1.2em; line-height: 1.25">
174 
+            農純鄉公所分專募集心聲、AI 分析人物臉孔，紀錄人物 3D 建模的過程，融合第一代知己小姐現身。
175 
+            第二階段讓更多女性加入計畫，畫出有自己成分的第二代知己小姐，讓這個數與每個女人的自己x知己小姐不斷有機成長。
176 
+            <center>
177 
+              <img
178 
+              width="520"
179 
+              style="margin-top: 3em; margin-bottom: 4em"
180 
+              src="./img/img-2.png"
181 
+              alt="alt"
182 
+            />
183 
+            </center>
184 
+
185 
+            <span style="line-height: 1.5;background-color: #000;color: #fff;width: fit-content;padding: 0.2em;">即時人臉特徵融合AI</span>
186 
+            特徵辨識使用者「眼、鼻、口」等五官特徵，並以知己小姐臉部作為模板，使用AI臉部融合技術根據比例參數與使用者五官融合，創造獨一無二的自己x知己小姐。
187 
+
188 
+
189 
+          </td>
190 
+        </tr>
191 
+
192 
+        <tr>
193 
+          <td align="center" style="padding: 3em 0 2em">
194 
+            <a
195 
+              href="https://omgww-my.sharepoint.com/:f:/g/personal/ericky_hsiao_ogilvy_com/Et2jO2r19apDryglPc26MGABW8RP5YiQcASxLQeAbWHNEA?e=yW3BFt"
196 
+              target="_blank"
197 
+              style="padding: 0px; text-decoration: none; display: inline-block"
198 
+            >
199 
+              <img style="width: 15em" src="./img/btn.png" alt="btn" />
200 
+            </a>
201 
+          </td>
202 
+        </tr>
203 
+
204 
+      </tbody>
205 
+    </table>
206 
+    <table
207 
+      border="0"
208 
+      cellpadding="0"
209 
+      cellspacing="0"
210 
+      width="650"
211 
+      style="
212 
+        width: 650px;
213 
+        margin: auto;
214 
+        padding: 3.6em 0 13.6em;
215 
+        background: url('./img/footer-2.png') no-repeat bottom / 100% 7em;
216 
+      "
217 
+    >
218 
+      <tbody>
219 
+        <tr>
220 
+          <td align="center">
221 
+            <img src="./img/footer-1.png" alt="footer" />
222 
+          </td>
223 
+        </tr>
224 
+        <tr>
225 
+          <td
226 
+            align="center"
227 
+            style="font-size: 1.2em; font-weight: 700; padding: 1em 0"
228 
+          >
229 
+            定時解密
230 
+          </td>
231 
+        </tr>
232 
+      </tbody>
233 
+    </table>
234 
+  </body>
235 
+</html>

+ 3
- 0
public/EDM/2022-season-1/prototype-face-fusion.html View File 

@@ -0,0 +1,3 @@
1 
+<script>
2 
+  location.href = "https://innovationlab.cecmartech.com/%5bEric%5dphotoHelper/";
3 
+</script>

BIN
public/EDM/2022-season-Q4/img/bg.jpg View File


BIN
public/EDM/2022-season-Q4/img/btn.png View File


BIN
public/EDM/2022-season-Q4/img/cover.jpg View File


BIN
public/EDM/2022-season-Q4/img/footer-1.png View File


BIN
public/EDM/2022-season-Q4/img/footer-2.png View File


BIN
public/EDM/2022-season-Q4/img/img-1.jpg View File


BIN
public/EDM/2022-season-Q4/img/img-1.png View File


BIN
public/EDM/2022-season-Q4/img/img-2.png View File


+ 235
- 0
public/EDM/2022-season-Q4/index.html View File 

@@ -0,0 +1,235 @@
1 
+<!DOCTYPE html>
2 
+<html
3 
+  xmlns="http://www.w3.org/1999/xhtml"
4 
+  xmlns:o="urn:schemas-microsoft-com:office:office"
5 
+  xmlns:v="urn:schemas-microsoft-com:vml"
6 
+>
7 
+  <head>
8 
+    <meta charset="UTF-8" />
9 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
10 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
11 
+    <title></title>
12 
+    <meta name="x-apple-disable-message-reformatting" />
13 
+    <!--[if !mso]><!-->
14 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
15 
+    <!--<![endif]-->
16 
+    <!--[if gte mso 9]>
17 
+      <xml>
18 
+        <o:OfficeDocumentSettings>
19 
+          <o:AllowPNG />
20 
+          <o:PixelsPerInch>96</o:PixelsPerInch>
21 
+        </o:OfficeDocumentSettings>
22 
+      </xml>
23 
+    <![endif]-->
24 
+  </head>
25 
+  <body style="font-size: 10px; font-family: 'Noto Sans CJK TC'; margin: 0">
26 
+    <table
27 
+      border="0"
28 
+      cellpadding="0"
29 
+      cellspacing="0"
30 
+      width="650"
31 
+      style="width: 650px; margin: auto; padding: 3em;background-image: url(./img/bg.jpg);    background: #e9e9e9;"
32 
+    >
33 
+      <tbody>
34 
+        <tr>
35 
+          <td
36 
+            style="
37 
+              color: #9fa0a0;
38 
+              font-size: 1.2em;
39 
+              font-weight: 900;
40 
+              line-height: 2;
41 
+            "
42 
+          >
43 
+            Innovation Lab Vo.1
44 
+          </td>
45 
+        </tr>
46 
+        <tr>
47 
+          <td style="font-size: 1.6em; font-weight: 900; line-height: 2">
48 
+            <span
49 
+              style="
50 
+                display: inline-block;
51 
+                width: 6.25em;
52 
+                height: 1.625em;
53 
+                background-color: #000000;
54 
+                transform: translateY(25%);
55 
+              "
56 
+            ></span>
57 
+            Innovation Lab 集結成冊 第一期 - 2022/07/XX
58 
+          </td>
59 
+        </tr>
60 
+        <tr>
61 
+          <td style="font-size: 1.2em; line-height: 2"></td>
62 
+        </tr>
63 
+        <tr>
64 
+          <td style="color: #9fa0a0; font-size: 1.2em; padding: 2em 0">
65 
+            XX XX
66 
+          </td>
67 
+        </tr>
68 
+        <tr>
69 
+          <td align="center">
70 
+            <img
71 
+              width="650"
72 
+              style="margin: 3em 0"
73 
+              src="./img/cover.jpg"
74 
+              alt="alt"
75 
+            />
76 
+          </td>
77 
+        </tr>
78 
+        <tr style="display: block; padding-left: 3em; padding-bottom: 3em">
79 
+          <td
80 
+            style="
81 
+              color: #9fa0a0;
82 
+              font-size: 1.2em;
83 
+              line-height: 1.75;
84 
+              padding-left: 3em;
85 
+              margin-top: 3em;
86 
+              border-left: 1em solid #919292;
87 
+            "
88 
+          >
89 
+          Innovation Lab是一群新時代的特務，專在瞬息萬變、資訊爆炸的世代，<br>追尋宇宙中最酷、最創新的科技產物。
90 
+          我們將每個破案的案件整理為超機密檔案，再一一解碼釋出，<br>供您一起窺見二元碼中的奧秘⋯⋯
91 
+          </td>
92 
+        </tr>
93 
+        <tr>
94 
+          <td style="font-size: 1.4em; font-weight: 700; padding: 1em 0">
95 
+            知己小姐是由一百位女人共創而生
96 
+          </td>
97 
+        </tr>
98 
+        <tr>
99 
+          <td style="font-size: 1.2em; line-height: 1.25">
100 
+            農純鄉客群以 35＋以上女性為主，為與其他滴雞精品牌做出差異，濃純鄉決定透過知己小姐來深化與女性的關係，為女性發聲，讓他們不用活在別人的期待底下而能自在地做自己，去理解女性、療癒女性，讓女性對品牌產生好感。
101 
+
102 
+            </td>
103 
+        </tr>
104 
+        <tr>
105 
+          <td
106 
+            style="
107 
+              font-size: 1.2em;
108 
+              font-weight: 700;
109 
+              line-height: 2;
110 
+              padding-top: 1em;
111 
+            "
112 
+          >
113 
+          </td>
114 
+        </tr>
115 
+        <tr>
116 
+          <td>
117 
+            <p>
118 
+              <span
119 
+                style="
120 
+                  display: inline-block;
121 
+                  width: 0.6em;
122 
+                  height: 0.6em;
123 
+                  background-color: #000000;
124 
+                  margin-right: 0.5em;
125 
+                  transform: translateY(-0.15em);
126 
+                "
127 
+              ></span
128 
+              >多人共創
129 
+            </p>
130 
+            <p>
131 
+              <span
132 
+                style="
133 
+                  display: inline-block;
134 
+                  width: 0.6em;
135 
+                  height: 0.6em;
136 
+                  background-color: #000000;
137 
+                  margin-right: 0.5em;
138 
+                  transform: translateY(-0.15em);
139 
+                "
140 
+              ></span
141 
+              >客製化分享內容
142 
+            </p>
143 
+            <p>
144 
+              <span
145 
+                style="
146 
+                  display: inline-block;
147 
+                  width: 0.6em;
148 
+                  height: 0.6em;
149 
+                  background-color: #000000;
150 
+                  margin-right: 0.5em;
151 
+                  transform: translateY(-0.15em);
152 
+                "
153 
+              ></span
154 
+              >HTML5 濾鏡
155 
+            </p>
156 
+          </td>
157 
+        </tr>
158 
+        <tr>
159 
+          <td align="center">
160 
+            <img
161 
+              width="520"
162 
+              style="margin-top: 3em; margin-bottom: 4em"
163 
+              src="./img/img-1.jpg"
164 
+              alt="alt"
165 
+            />
166 
+          </td>
167 
+        </tr>
168 
+        <tr>
169 
+          <td style="font-size: 1.4em; font-weight: 700; padding: 1em 0">
170 
+          </td>
171 
+        </tr>
172 
+        <tr>
173 
+          <td style="font-size: 1.2em; line-height: 1.25">
174 
+            農純鄉公所分專募集心聲、AI 分析人物臉孔，紀錄人物 3D 建模的過程，融合第一代知己小姐現身。
175 
+            第二階段讓更多女性加入計畫，畫出有自己成分的第二代知己小姐，讓這個數與每個女人的自己x知己小姐不斷有機成長。
176 
+            <center>
177 
+              <img
178 
+              width="520"
179 
+              style="margin-top: 3em; margin-bottom: 4em"
180 
+              src="./img/img-2.png"
181 
+              alt="alt"
182 
+            />
183 
+            </center>
184 
+
185 
+            <span style="line-height: 1.5;background-color: #000;color: #fff;width: fit-content;padding: 0.2em;">即時人臉特徵融合AI</span>
186 
+            特徵辨識使用者「眼、鼻、口」等五官特徵，並以知己小姐臉部作為模板，使用AI臉部融合技術根據比例參數與使用者五官融合，創造獨一無二的自己x知己小姐。
187 
+
188 
+
189 
+          </td>
190 
+        </tr>
191 
+
192 
+        <tr>
193 
+          <td align="center" style="padding: 3em 0 2em">
194 
+            <a
195 
+              href="https://omgww-my.sharepoint.com/:f:/g/personal/ericky_hsiao_ogilvy_com/Et2jO2r19apDryglPc26MGABW8RP5YiQcASxLQeAbWHNEA?e=yW3BFt"
196 
+              target="_blank"
197 
+              style="padding: 0px; text-decoration: none; display: inline-block"
198 
+            >
199 
+              <img style="width: 15em" src="./img/btn.png" alt="btn" />
200 
+            </a>
201 
+          </td>
202 
+        </tr>
203 
+
204 
+      </tbody>
205 
+    </table>
206 
+    <table
207 
+      border="0"
208 
+      cellpadding="0"
209 
+      cellspacing="0"
210 
+      width="650"
211 
+      style="
212 
+        width: 650px;
213 
+        margin: auto;
214 
+        padding: 3.6em 0 13.6em;
215 
+        background: url('./img/footer-2.png') no-repeat bottom / 100% 7em;
216 
+      "
217 
+    >
218 
+      <tbody>
219 
+        <tr>
220 
+          <td align="center">
221 
+            <img src="./img/footer-1.png" alt="footer" />
222 
+          </td>
223 
+        </tr>
224 
+        <tr>
225 
+          <td
226 
+            align="center"
227 
+            style="font-size: 1.2em; font-weight: 700; padding: 1em 0"
228 
+          >
229 
+            定時解密
230 
+          </td>
231 
+        </tr>
232 
+      </tbody>
233 
+    </table>
234 
+  </body>
235 
+</html>

+ 3
- 0
public/EDM/2022-season-Q4/prototype-face-fusion.html View File 

@@ -0,0 +1,3 @@
1 
+<script>
2 
+  location.href = "https://innovationlab.cecmartech.com/%5bEric%5dphotoHelper/";
3 
+</script>