ts-glitter 13.8.791 → 13.8.795
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lowcode/Entry.js +1 -1
- package/lowcode/Entry.ts +1 -1
- package/lowcode/cms-plugin/ai-message.js +1 -1
- package/lowcode/cms-plugin/ai-message.ts +1 -1
- package/lowcode/editor-config.js +1 -1
- package/lowcode/editor-config.ts +1 -1
- package/lowcode/glitterBundle/module/html-generate.js +2 -2
- package/lowcode/glitterBundle/module/html-generate.ts +2 -2
- package/lowcode/landing-page/about-src/Frame 1368227889.png +0 -0
- package/lowcode/landing-page/about-src/Frame 1368227890.png +0 -0
- package/lowcode/landing-page/about-src/Frame 1368227891.png +0 -0
- package/lowcode/landing-page/about-src/Frame 1368227893.png +0 -0
- package/lowcode/landing-page/about-src/Frame 1368227901.png +0 -0
- package/lowcode/landing-page/about-src/bg1.png +0 -0
- package/lowcode/landing-page/about-src/bg2_desktop.png +0 -0
- package/lowcode/landing-page/about-src/ceo.png +0 -0
- package/lowcode/landing-page/about-src/cto.png +0 -0
- package/lowcode/landing-page/about-src/desk_gp.png +0 -0
- package/lowcode/landing-page/about-src/foot-right.png +0 -0
- package/lowcode/landing-page/about-src/lily.png +0 -0
- package/lowcode/landing-page/about-src/mkt.png +0 -0
- package/lowcode/landing-page/about-src/mobile-bg.png +0 -0
- package/lowcode/landing-page/about-src/mobile_time_line.png +0 -0
- package/lowcode/landing-page/about-src/soe.png +0 -0
- package/lowcode/landing-page/about-src/team_work_1.png +0 -0
- package/lowcode/landing-page/about-src/team_work_2.png +0 -0
- package/lowcode/landing-page/about-src/team_work_3.png +0 -0
- package/lowcode/landing-page/about-src/time_line.png +0 -0
- package/lowcode/landing-page/about-us.js +156 -14
- package/lowcode/landing-page/about-us.ts +156 -14
- package/package.json +1 -1
- package/src/export/export-test.ts +8 -8
package/lowcode/Entry.js
CHANGED
|
@@ -68,7 +68,7 @@ export class Entry {
|
|
|
68
68
|
}
|
|
69
69
|
window.renderClock = (_a = window.renderClock) !== null && _a !== void 0 ? _a : clockF();
|
|
70
70
|
console.log(`Entry-time:`, window.renderClock.stop());
|
|
71
|
-
glitter.share.editerVersion = 'V_13.8.
|
|
71
|
+
glitter.share.editerVersion = 'V_13.8.795';
|
|
72
72
|
glitter.share.start = new Date();
|
|
73
73
|
const vm = {
|
|
74
74
|
appConfig: [],
|
package/lowcode/Entry.ts
CHANGED
|
@@ -68,7 +68,7 @@ export class Entry {
|
|
|
68
68
|
}
|
|
69
69
|
(window as any).renderClock = (window as any).renderClock ?? clockF();
|
|
70
70
|
console.log(`Entry-time:`, (window as any).renderClock.stop());
|
|
71
|
-
glitter.share.editerVersion = 'V_13.8.
|
|
71
|
+
glitter.share.editerVersion = 'V_13.8.795';
|
|
72
72
|
glitter.share.start = new Date();
|
|
73
73
|
const vm: {
|
|
74
74
|
appConfig: any;
|
|
@@ -851,7 +851,7 @@ ${BgWidget.save(gvc.event(() => {
|
|
|
851
851
|
}
|
|
852
852
|
}
|
|
853
853
|
AiMessage.config = {
|
|
854
|
-
color: 'linear
|
|
854
|
+
color: 'linear-gradient(135deg, var(--main-orange) 0%, #ff6c02 100%)',
|
|
855
855
|
head: 'https://liondesign-prd.s3.amazonaws.com/file/252530754/1695093945424-Frame 62 (1).png',
|
|
856
856
|
name: '萊恩設計',
|
|
857
857
|
user_data: {
|
|
@@ -10,7 +10,7 @@ import {AiEditor} from "../editor/ai-editor.js";
|
|
|
10
10
|
|
|
11
11
|
export class AiMessage {
|
|
12
12
|
public static config: any = {
|
|
13
|
-
color: 'linear
|
|
13
|
+
color: 'linear-gradient(135deg, var(--main-orange) 0%, #ff6c02 100%)',
|
|
14
14
|
head: 'https://liondesign-prd.s3.amazonaws.com/file/252530754/1695093945424-Frame 62 (1).png',
|
|
15
15
|
name: '萊恩設計',
|
|
16
16
|
user_data: {
|
package/lowcode/editor-config.js
CHANGED
|
@@ -4,7 +4,7 @@ export class EditorConfig {
|
|
|
4
4
|
case 'shopnex':
|
|
5
5
|
return {
|
|
6
6
|
main_color: '#FFB400',
|
|
7
|
-
btn_background: 'linear
|
|
7
|
+
btn_background: 'linear-gradient(143deg, #FFB400 -22.7%, #FF6C02 114.57%);',
|
|
8
8
|
};
|
|
9
9
|
default:
|
|
10
10
|
return {
|
package/lowcode/editor-config.ts
CHANGED
|
@@ -9,7 +9,7 @@ export class EditorConfig {
|
|
|
9
9
|
case 'shopnex':
|
|
10
10
|
return {
|
|
11
11
|
main_color: '#FFB400',
|
|
12
|
-
btn_background: 'linear
|
|
12
|
+
btn_background: 'linear-gradient(143deg, #FFB400 -22.7%, #FF6C02 114.57%);',
|
|
13
13
|
};
|
|
14
14
|
default:
|
|
15
15
|
return {
|
|
@@ -1688,7 +1688,7 @@ ${obj.gvc.bindView({
|
|
|
1688
1688
|
window.parent.document.querySelector(`.it-${widget.id}`).style.background = '#F2F2F2';
|
|
1689
1689
|
}
|
|
1690
1690
|
$(e).children('.editorChild').get(0).style.background =
|
|
1691
|
-
'linear
|
|
1691
|
+
'linear-gradient(143deg, rgba(255, 180, 0, 0.2) -22.7%, rgba(255, 108, 2, 0.2) 114.57%)';
|
|
1692
1692
|
}),
|
|
1693
1693
|
},
|
|
1694
1694
|
];
|
|
@@ -1714,7 +1714,7 @@ ${obj.gvc.bindView({
|
|
|
1714
1714
|
window.parent.document.querySelector(`.it-${widget.id}`).style.background = '#F2F2F2';
|
|
1715
1715
|
}
|
|
1716
1716
|
$(e).children('.editorChild').get(0).style.background =
|
|
1717
|
-
'linear
|
|
1717
|
+
'linear-gradient(143deg, rgba(255, 180, 0, 0.2) -22.7%, rgba(255, 108, 2, 0.2) 114.57%)';
|
|
1718
1718
|
}),
|
|
1719
1719
|
},
|
|
1720
1720
|
{
|
|
@@ -2151,7 +2151,7 @@ ${e.line}
|
|
|
2151
2151
|
(window.parent as any).document.querySelector(`.it-${widget.id}`).style.background = '#F2F2F2';
|
|
2152
2152
|
}
|
|
2153
2153
|
($(e).children('.editorChild').get(0) as any).style.background =
|
|
2154
|
-
'linear
|
|
2154
|
+
'linear-gradient(143deg, rgba(255, 180, 0, 0.2) -22.7%, rgba(255, 108, 2, 0.2) 114.57%)';
|
|
2155
2155
|
}),
|
|
2156
2156
|
},
|
|
2157
2157
|
];
|
|
@@ -2179,7 +2179,7 @@ ${e.line}
|
|
|
2179
2179
|
(window.parent as any).document.querySelector(`.it-${widget.id}`).style.background = '#F2F2F2';
|
|
2180
2180
|
}
|
|
2181
2181
|
($(e).children('.editorChild').get(0) as any).style.background =
|
|
2182
|
-
'linear
|
|
2182
|
+
'linear-gradient(143deg, rgba(255, 180, 0, 0.2) -22.7%, rgba(255, 108, 2, 0.2) 114.57%)';
|
|
2183
2183
|
}),
|
|
2184
2184
|
},
|
|
2185
2185
|
{
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,20 +1,162 @@
|
|
|
1
1
|
const html = String.raw;
|
|
2
2
|
export class AboutUs {
|
|
3
3
|
static main(gvc) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
const css = String.raw;
|
|
5
|
+
gvc.addStyle(css `
|
|
6
|
+
.f_40 {
|
|
7
|
+
color: #393939;
|
|
8
|
+
text-align: center;
|
|
9
|
+
font-size: 40px;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-weight: 900;
|
|
12
|
+
line-height: normal;
|
|
13
|
+
letter-spacing: 3.2px;
|
|
14
|
+
margin: 0;
|
|
15
|
+
padding: 0;
|
|
16
|
+
}
|
|
17
|
+
.f_20 {
|
|
18
|
+
color: #393939;
|
|
19
|
+
font-size: 20px;
|
|
20
|
+
font-style: normal;
|
|
21
|
+
font-weight: 500;
|
|
22
|
+
line-height: normal;
|
|
23
|
+
letter-spacing: 0.8px;
|
|
24
|
+
margin: 0;
|
|
25
|
+
padding: 0;
|
|
26
|
+
}
|
|
27
|
+
@media (max-width: 768px) {
|
|
28
|
+
.f_40 {
|
|
29
|
+
font-size: 28px;
|
|
30
|
+
}
|
|
31
|
+
.f_20 {
|
|
32
|
+
font-size: 16px;
|
|
33
|
+
}
|
|
34
|
+
.t_m {
|
|
35
|
+
color: #000;
|
|
36
|
+
font-size: 18px;
|
|
37
|
+
font-style: normal;
|
|
38
|
+
font-weight: 500;
|
|
39
|
+
line-height: 140%; /* 25.2px */
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
.t_m {
|
|
43
|
+
color: #000;
|
|
44
|
+
font-size: 20px;
|
|
45
|
+
font-style: normal;
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
line-height: 140%; /* 25.2px */
|
|
48
|
+
}
|
|
49
|
+
.c_container {
|
|
50
|
+
width: 1440px;
|
|
51
|
+
}
|
|
52
|
+
.gradint {
|
|
53
|
+
background: linear-gradient(138deg, #FFB400 -7.89%, #FF6C02 107.55%);
|
|
54
|
+
background-clip: text;
|
|
55
|
+
-webkit-background-clip: text;
|
|
56
|
+
-webkit-text-fill-color: transparent;
|
|
57
|
+
}
|
|
58
|
+
`);
|
|
59
|
+
return html `
|
|
60
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/${(document.body.clientWidth < 800) ? `mobile-bg` : `bg1`}.png" class="position-absolute left-0 w-100" style="z-index:0;top:60px;">
|
|
61
|
+
|
|
62
|
+
<div class="w-100 d-flex align-items-center justify-content-center position-relative" style="z-index: 2;padding-bottom: 20px;">
|
|
63
|
+
<div class="c_container" style="max-width: 1100px;z-index:3;${((document.body.clientWidth < 800)) ? `padding-left:30px;padding-right:30px;padding-top: 44px;` : `padding-top: 88px;`}">
|
|
64
|
+
<div class="d-flex flex-column align-items-center justify-content-center mx-auto" style="gap:${(((document.body.clientWidth < 800))) ? `16` : `24`}px;">
|
|
65
|
+
<h1 class="f_40">關於我們</h1>
|
|
66
|
+
<h2 class="f_20">從<span class="gradint fw-bold f_20">零</span>開始出發，打造<span class="gradint fw-bold f_20">完美系統</span></h2>
|
|
67
|
+
</div>
|
|
68
|
+
<div style="${(document.body.clientWidth < 800) ? `gap:18px;margin-top: 32px;` : `margin-top: 64px;`}" class="d-flex flex-column flex-sm-row justify-content-between">
|
|
69
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/team_work_1.png" class="" style="max-width: 100%;width: 743px;">
|
|
70
|
+
<div class="d-flex flex-lg-column" style="${(document.body.clientWidth < 800) ? `width:100%;` : `width: calc(100% - 773px);`}">
|
|
71
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/team_work_3.png" class="" style="${(document.body.clientWidth < 800) ? `width: calc(50% - 10px);` : `width: 100%;`}">
|
|
72
|
+
<div class="flex-fill"></div>
|
|
73
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/team_work_2.png" class="" style="${(document.body.clientWidth < 800) ? `width: calc(50% - 10px);` : `width: 100%;`}">
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="d-flex flex-column align-items-center justify-content-center mx-auto" style="${(((document.body.clientWidth < 800))) ? `gap:8;margin-top:132px;` : `gap:16px;margin-top:200px;`}">
|
|
77
|
+
<h1 class="f_20 gradint fw-bold">一路走來</h1>
|
|
78
|
+
<h2 class="f_40 fw-bold">回顧過去的足跡<br>
|
|
79
|
+
展望更加輝煌的未來</h2>
|
|
80
|
+
</div>
|
|
81
|
+
${(document.body.clientWidth > 800) ? `
|
|
82
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/time_line.png" class="" style="width: 100%;margin-bottom:293px;margin-top:59px;">
|
|
83
|
+
` : `
|
|
84
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/mobile_time_line.png" class="" style="width: calc(100% + 30px);margin-left:-15px;margin-top:17px;">
|
|
85
|
+
`}
|
|
86
|
+
<div class="d-flex flex-column align-items-center justify-content-center mx-auto" style="${(((document.body.clientWidth < 800))) ? `gap:8;margin-top:132px;` : ``}">
|
|
87
|
+
<h1 class="f_20 gradint fw-bold">團隊介紹</h1>
|
|
88
|
+
<h2 class="f_40 fw-bold">熱愛突破的專家團隊<br>
|
|
89
|
+
塑造未來電商格局</h2>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="row" style="${document.body.clientWidth < 800 ? `margin-top:47px;margin-bottom:47px;` : `margin-top:97px;margin-bottom:47px;`}">
|
|
92
|
+
${[
|
|
93
|
+
{
|
|
94
|
+
title: 'Sam',
|
|
95
|
+
carer: 'CEO',
|
|
96
|
+
desc: `曾任上櫃公司軟體架構規劃師，精通多種程式開發領域，是把萬能瑞士刀，可以解決各種技術難題。`,
|
|
97
|
+
src: `ceo`
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
title: 'Daniel',
|
|
101
|
+
carer: 'CTO',
|
|
102
|
+
desc: `精通多種編程語言與技術框架，能獨立設計高效且可擴展的系統架構。`,
|
|
103
|
+
src: `cto`
|
|
104
|
+
},
|
|
105
|
+
`empty`,
|
|
106
|
+
`empty`,
|
|
107
|
+
`empty`,
|
|
108
|
+
{
|
|
109
|
+
title: 'Zack',
|
|
110
|
+
carer: 'Senior Engineer',
|
|
111
|
+
desc: `經驗豐富的軟體開發專家，擅長前後端分離及模組化JS渲染工程，提升開發效率並降低錯誤率。`,
|
|
112
|
+
src: `soe`
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
title: 'Lily',
|
|
116
|
+
carer: 'Product Manager',
|
|
117
|
+
desc: `負責將創新設計與功能需求融合，推動產品從構想到實現的全過程。`,
|
|
118
|
+
src: `lily`
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
title: 'Juno',
|
|
122
|
+
carer: 'Marketing Specialist',
|
|
123
|
+
desc: `擅長制定並執行有效的行銷策略，提升品牌知名度和銷售量。`,
|
|
124
|
+
src: `mkt`
|
|
125
|
+
}
|
|
126
|
+
].map((dd) => {
|
|
127
|
+
if (dd === 'empty') {
|
|
128
|
+
if (document.body.clientWidth > 800) {
|
|
129
|
+
return `<div class="col-3"></div>`;
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
return ``;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
return `<div class="col-6 col-sm-3 mb-4 mb-lg-5">
|
|
136
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/${dd.src}.png" class="w-100 rounded-3" >
|
|
137
|
+
<div class="d-flex flex-column">
|
|
138
|
+
<h3 class="t_m mt-2 m-0 p-0">${dd.title}</h3>
|
|
139
|
+
<div class="fs-base fw-500 " style="color:#ADADAD;margin-top:0px !important;">${dd.carer}</div>
|
|
140
|
+
<span class="fs-6" style="color: #393939;
|
|
141
|
+
font-size: 16px;
|
|
142
|
+
font-style: normal;
|
|
143
|
+
font-weight: 400;
|
|
144
|
+
line-height: normal;
|
|
145
|
+
letter-spacing: 0.64px;">${dd.desc}</span>
|
|
146
|
+
</div>
|
|
147
|
+
</div>`;
|
|
148
|
+
}).join('')}
|
|
149
|
+
</div>
|
|
150
|
+
|
|
151
|
+
</div>
|
|
152
|
+
${document.body.clientWidth < 1100 ? `<img src="${gvc.glitter.root_path}/landing-page/about-src/foot-right.png" class="position-absolute " style="z-index:0;bottom: 50px;width:400px;right:-30%;">` :
|
|
153
|
+
[
|
|
154
|
+
`<img src="${gvc.glitter.root_path}/landing-page/about-src/bg2_desktop.png" class="position-absolute" style="z-index:0;bottom: -43vw;width:100%;">`,
|
|
155
|
+
`<img src="${gvc.glitter.root_path}/landing-page/about-src/desk_gp.png" class="position-absolute" style="z-index:0;right:calc((100vw - 1400px) / 2);width:600px;bottom: 500px;">`
|
|
156
|
+
].join('')}
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
`;
|
|
18
160
|
}
|
|
19
161
|
}
|
|
20
162
|
window.glitter.setModule(import.meta.url, AboutUs);
|
|
@@ -4,20 +4,162 @@ const html = String.raw
|
|
|
4
4
|
|
|
5
5
|
export class AboutUs {
|
|
6
6
|
public static main(gvc: GVC) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
7
|
+
const css = String.raw
|
|
8
|
+
gvc.addStyle(css`
|
|
9
|
+
.f_40 {
|
|
10
|
+
color: #393939;
|
|
11
|
+
text-align: center;
|
|
12
|
+
font-size: 40px;
|
|
13
|
+
font-style: normal;
|
|
14
|
+
font-weight: 900;
|
|
15
|
+
line-height: normal;
|
|
16
|
+
letter-spacing: 3.2px;
|
|
17
|
+
margin: 0;
|
|
18
|
+
padding: 0;
|
|
19
|
+
}
|
|
20
|
+
.f_20 {
|
|
21
|
+
color: #393939;
|
|
22
|
+
font-size: 20px;
|
|
23
|
+
font-style: normal;
|
|
24
|
+
font-weight: 500;
|
|
25
|
+
line-height: normal;
|
|
26
|
+
letter-spacing: 0.8px;
|
|
27
|
+
margin: 0;
|
|
28
|
+
padding: 0;
|
|
29
|
+
}
|
|
30
|
+
@media (max-width: 768px) {
|
|
31
|
+
.f_40 {
|
|
32
|
+
font-size: 28px;
|
|
33
|
+
}
|
|
34
|
+
.f_20 {
|
|
35
|
+
font-size: 16px;
|
|
36
|
+
}
|
|
37
|
+
.t_m {
|
|
38
|
+
color: #000;
|
|
39
|
+
font-size: 18px;
|
|
40
|
+
font-style: normal;
|
|
41
|
+
font-weight: 500;
|
|
42
|
+
line-height: 140%; /* 25.2px */
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
.t_m {
|
|
46
|
+
color: #000;
|
|
47
|
+
font-size: 20px;
|
|
48
|
+
font-style: normal;
|
|
49
|
+
font-weight: 500;
|
|
50
|
+
line-height: 140%; /* 25.2px */
|
|
51
|
+
}
|
|
52
|
+
.c_container {
|
|
53
|
+
width: 1440px;
|
|
54
|
+
}
|
|
55
|
+
.gradint {
|
|
56
|
+
background: linear-gradient(138deg, #FFB400 -7.89%, #FF6C02 107.55%);
|
|
57
|
+
background-clip: text;
|
|
58
|
+
-webkit-background-clip: text;
|
|
59
|
+
-webkit-text-fill-color: transparent;
|
|
60
|
+
}
|
|
61
|
+
`)
|
|
62
|
+
return html`
|
|
63
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/${(document.body.clientWidth<800) ? `mobile-bg`:`bg1`}.png" class="position-absolute left-0 w-100" style="z-index:0;top:60px;">
|
|
64
|
+
|
|
65
|
+
<div class="w-100 d-flex align-items-center justify-content-center position-relative" style="z-index: 2;padding-bottom: 20px;">
|
|
66
|
+
<div class="c_container" style="max-width: 1100px;z-index:3;${((document.body.clientWidth<800)) ? `padding-left:30px;padding-right:30px;padding-top: 44px;`:`padding-top: 88px;`}">
|
|
67
|
+
<div class="d-flex flex-column align-items-center justify-content-center mx-auto" style="gap:${(((document.body.clientWidth<800))) ? `16`:`24`}px;">
|
|
68
|
+
<h1 class="f_40">關於我們</h1>
|
|
69
|
+
<h2 class="f_20">從<span class="gradint fw-bold f_20">零</span>開始出發，打造<span class="gradint fw-bold f_20">完美系統</span></h2>
|
|
70
|
+
</div>
|
|
71
|
+
<div style="${(document.body.clientWidth<800) ? `gap:18px;margin-top: 32px;`:`margin-top: 64px;`}" class="d-flex flex-column flex-sm-row justify-content-between">
|
|
72
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/team_work_1.png" class="" style="max-width: 100%;width: 743px;">
|
|
73
|
+
<div class="d-flex flex-lg-column" style="${(document.body.clientWidth<800) ? `width:100%;`:`width: calc(100% - 773px);`}">
|
|
74
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/team_work_3.png" class="" style="${(document.body.clientWidth<800) ? `width: calc(50% - 10px);`:`width: 100%;`}">
|
|
75
|
+
<div class="flex-fill"></div>
|
|
76
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/team_work_2.png" class="" style="${(document.body.clientWidth<800) ? `width: calc(50% - 10px);`:`width: 100%;`}">
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="d-flex flex-column align-items-center justify-content-center mx-auto" style="${(((document.body.clientWidth<800))) ? `gap:8;margin-top:132px;`:`gap:16px;margin-top:200px;`}">
|
|
80
|
+
<h1 class="f_20 gradint fw-bold">一路走來</h1>
|
|
81
|
+
<h2 class="f_40 fw-bold">回顧過去的足跡<br>
|
|
82
|
+
展望更加輝煌的未來</h2>
|
|
83
|
+
</div>
|
|
84
|
+
${(document.body.clientWidth>800) ? `
|
|
85
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/time_line.png" class="" style="width: 100%;margin-bottom:293px;margin-top:59px;">
|
|
86
|
+
`:`
|
|
87
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/mobile_time_line.png" class="" style="width: calc(100% + 30px);margin-left:-15px;margin-top:17px;">
|
|
88
|
+
`}
|
|
89
|
+
<div class="d-flex flex-column align-items-center justify-content-center mx-auto" style="${(((document.body.clientWidth<800))) ? `gap:8;margin-top:132px;`:``}">
|
|
90
|
+
<h1 class="f_20 gradint fw-bold">團隊介紹</h1>
|
|
91
|
+
<h2 class="f_40 fw-bold">熱愛突破的專家團隊<br>
|
|
92
|
+
塑造未來電商格局</h2>
|
|
93
|
+
</div>
|
|
94
|
+
<div class="row" style="${document.body.clientWidth<800 ? `margin-top:47px;margin-bottom:47px;`:`margin-top:97px;margin-bottom:47px;`}">
|
|
95
|
+
${[
|
|
96
|
+
{
|
|
97
|
+
title:'Sam',
|
|
98
|
+
carer:'CEO',
|
|
99
|
+
desc:`曾任上櫃公司軟體架構規劃師，精通多種程式開發領域，是把萬能瑞士刀，可以解決各種技術難題。`,
|
|
100
|
+
src:`ceo`
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
title:'Daniel',
|
|
104
|
+
carer:'CTO',
|
|
105
|
+
desc:`精通多種編程語言與技術框架，能獨立設計高效且可擴展的系統架構。`,
|
|
106
|
+
src:`cto`
|
|
107
|
+
},
|
|
108
|
+
`empty`,
|
|
109
|
+
`empty`,
|
|
110
|
+
`empty`,
|
|
111
|
+
{
|
|
112
|
+
title:'Zack',
|
|
113
|
+
carer:'Senior Engineer',
|
|
114
|
+
desc:`經驗豐富的軟體開發專家，擅長前後端分離及模組化JS渲染工程，提升開發效率並降低錯誤率。`,
|
|
115
|
+
src:`soe`
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
title:'Lily',
|
|
119
|
+
carer:'Product Manager',
|
|
120
|
+
desc:`負責將創新設計與功能需求融合，推動產品從構想到實現的全過程。`,
|
|
121
|
+
src:`lily`
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
title:'Juno',
|
|
125
|
+
carer:'Marketing Specialist',
|
|
126
|
+
desc:`擅長制定並執行有效的行銷策略，提升品牌知名度和銷售量。`,
|
|
127
|
+
src:`mkt`
|
|
128
|
+
}
|
|
129
|
+
].map((dd:any)=>{
|
|
130
|
+
if(dd==='empty'){
|
|
131
|
+
if(document.body.clientWidth>800){
|
|
132
|
+
return `<div class="col-3"></div>`
|
|
133
|
+
}else{
|
|
134
|
+
return ``
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
}
|
|
138
|
+
return `<div class="col-6 col-sm-3 mb-4 mb-lg-5">
|
|
139
|
+
<img src="${gvc.glitter.root_path}/landing-page/about-src/${dd.src}.png" class="w-100 rounded-3" >
|
|
140
|
+
<div class="d-flex flex-column">
|
|
141
|
+
<h3 class="t_m mt-2 m-0 p-0">${dd.title}</h3>
|
|
142
|
+
<div class="fs-base fw-500 " style="color:#ADADAD;margin-top:0px !important;">${dd.carer}</div>
|
|
143
|
+
<span class="fs-6" style="color: #393939;
|
|
144
|
+
font-size: 16px;
|
|
145
|
+
font-style: normal;
|
|
146
|
+
font-weight: 400;
|
|
147
|
+
line-height: normal;
|
|
148
|
+
letter-spacing: 0.64px;">${dd.desc}</span>
|
|
149
|
+
</div>
|
|
150
|
+
</div>`
|
|
151
|
+
}).join('')}
|
|
152
|
+
</div>
|
|
153
|
+
|
|
154
|
+
</div>
|
|
155
|
+
${document.body.clientWidth < 1100 ? `<img src="${gvc.glitter.root_path}/landing-page/about-src/foot-right.png" class="position-absolute " style="z-index:0;bottom: 50px;width:400px;right:-30%;">`:
|
|
156
|
+
[
|
|
157
|
+
`<img src="${gvc.glitter.root_path}/landing-page/about-src/bg2_desktop.png" class="position-absolute" style="z-index:0;bottom: -43vw;width:100%;">`,
|
|
158
|
+
`<img src="${gvc.glitter.root_path}/landing-page/about-src/desk_gp.png" class="position-absolute" style="z-index:0;right:calc((100vw - 1400px) / 2);width:600px;bottom: 500px;">`
|
|
159
|
+
].join('')}
|
|
160
|
+
</div>
|
|
161
|
+
|
|
162
|
+
`
|
|
21
163
|
}
|
|
22
164
|
}
|
|
23
165
|
|
package/package.json
CHANGED
|
@@ -316,7 +316,7 @@ const a=[
|
|
|
316
316
|
"elem": "span",
|
|
317
317
|
"class": "",
|
|
318
318
|
"inner": "GLITTER.AI",
|
|
319
|
-
"style": " background: -webkit-linear
|
|
319
|
+
"style": " background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;",
|
|
320
320
|
"setting": [],
|
|
321
321
|
"dataFrom": "static",
|
|
322
322
|
"atrExpand": {
|
|
@@ -1476,7 +1476,7 @@ const a=[
|
|
|
1476
1476
|
"elem": "i",
|
|
1477
1477
|
"class": "fa-light fa-globe text-gradient-primary mb-3",
|
|
1478
1478
|
"inner": "",
|
|
1479
|
-
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear
|
|
1479
|
+
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n ;;",
|
|
1480
1480
|
"setting": [],
|
|
1481
1481
|
"dataFrom": "static",
|
|
1482
1482
|
"atrExpand": {
|
|
@@ -1884,7 +1884,7 @@ const a=[
|
|
|
1884
1884
|
"elem": "i",
|
|
1885
1885
|
"class": "bx bxl-instagram-alt text-gradient-primary mb-2",
|
|
1886
1886
|
"inner": "",
|
|
1887
|
-
"style": "\n font-size: 40px;;\n display: block;\n background: -webkit-linear
|
|
1887
|
+
"style": "\n font-size: 40px;;\n display: block;\n background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n ;",
|
|
1888
1888
|
"setting": [],
|
|
1889
1889
|
"dataFrom": "static",
|
|
1890
1890
|
"atrExpand": {
|
|
@@ -2088,7 +2088,7 @@ const a=[
|
|
|
2088
2088
|
"elem": "i",
|
|
2089
2089
|
"class": "fa-regular fa-shop text-gradient-primary mb-3",
|
|
2090
2090
|
"inner": "",
|
|
2091
|
-
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear
|
|
2091
|
+
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size:24px;;",
|
|
2092
2092
|
"setting": [],
|
|
2093
2093
|
"dataFrom": "static",
|
|
2094
2094
|
"atrExpand": {
|
|
@@ -2292,7 +2292,7 @@ const a=[
|
|
|
2292
2292
|
"elem": "i",
|
|
2293
2293
|
"class": " mb-3\nfa-regular fa-handshake text-gradient-primary ",
|
|
2294
2294
|
"inner": "",
|
|
2295
|
-
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear
|
|
2295
|
+
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size:24px;;",
|
|
2296
2296
|
"setting": [],
|
|
2297
2297
|
"dataFrom": "static",
|
|
2298
2298
|
"atrExpand": {
|
|
@@ -2497,7 +2497,7 @@ const a=[
|
|
|
2497
2497
|
"elem": "i",
|
|
2498
2498
|
"class": " mb-3\nfa-sharp fa-regular fa-chart-mixed text-gradient-primary ",
|
|
2499
2499
|
"inner": "",
|
|
2500
|
-
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear
|
|
2500
|
+
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size:24px;;",
|
|
2501
2501
|
"setting": [],
|
|
2502
2502
|
"dataFrom": "static",
|
|
2503
2503
|
"atrExpand": {
|
|
@@ -2701,7 +2701,7 @@ const a=[
|
|
|
2701
2701
|
"elem": "i",
|
|
2702
2702
|
"class": " mb-3\nfa-sharp fa-light fa-coins text-gradient-primary ",
|
|
2703
2703
|
"inner": "",
|
|
2704
|
-
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear
|
|
2704
|
+
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size:24px;;",
|
|
2705
2705
|
"setting": [],
|
|
2706
2706
|
"dataFrom": "static",
|
|
2707
2707
|
"atrExpand": {
|
|
@@ -2905,7 +2905,7 @@ const a=[
|
|
|
2905
2905
|
"elem": "i",
|
|
2906
2906
|
"class": " mb-3\nfa-regular fa-building text-gradient-primary ",
|
|
2907
2907
|
"inner": "",
|
|
2908
|
-
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear
|
|
2908
|
+
"style": "\n font-size: 28px;;\n display: block;\n background: -webkit-linear-gradient(#9c47fc, #356ad2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size:24px;;",
|
|
2909
2909
|
"setting": [],
|
|
2910
2910
|
"dataFrom": "static",
|
|
2911
2911
|
"atrExpand": {
|