@heliyos/heliyos-api-core 1.0.61 → 1.0.62
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.
|
@@ -245,7 +245,7 @@
|
|
|
245
245
|
{{#if has_tasks}}
|
|
246
246
|
<div class="section">
|
|
247
247
|
<div class="section-header">
|
|
248
|
-
<h2 class="section-title"
|
|
248
|
+
<h2 class="section-title">✓ Tasks</h2>
|
|
249
249
|
<span class="section-count">{{tasks_count}}</span>
|
|
250
250
|
</div>
|
|
251
251
|
<div class="section-content">
|
|
@@ -339,7 +339,7 @@
|
|
|
339
339
|
{{#if has_approvals}}
|
|
340
340
|
<div class="section">
|
|
341
341
|
<div class="section-header">
|
|
342
|
-
<h2 class="section-title">✔️
|
|
342
|
+
<h2 class="section-title">✔️ Reviews</h2>
|
|
343
343
|
<span class="section-count">{{approvals_count}}</span>
|
|
344
344
|
</div>
|
|
345
345
|
<div class="section-content">
|
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
{{#if has_leadsets}}
|
|
387
387
|
<div class="section">
|
|
388
388
|
<div class="section-header">
|
|
389
|
-
<h2 class="section-title"
|
|
389
|
+
<h2 class="section-title">✨ Leadsets</h2>
|
|
390
390
|
<span class="section-count">{{leadsets_count}}</span>
|
|
391
391
|
</div>
|
|
392
392
|
<div class="section-content">
|
|
@@ -1,228 +1,169 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
+
|
|
3
4
|
<head>
|
|
4
5
|
<meta charset="UTF-8">
|
|
5
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
7
|
<title>{{organization_name}} Daily Briefing</title>
|
|
7
8
|
<style>
|
|
8
9
|
body {
|
|
10
|
+
font-family: Arial, sans-serif;
|
|
11
|
+
line-height: 1.6;
|
|
12
|
+
color: #0e0d0c;
|
|
13
|
+
background-color: #f8f8f6;
|
|
9
14
|
margin: 0;
|
|
10
15
|
padding: 0;
|
|
11
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
12
|
-
background-color: #f5f5f7;
|
|
13
|
-
-webkit-font-smoothing: antialiased;
|
|
14
|
-
-moz-osx-font-smoothing: grayscale;
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
|
|
18
|
+
.container {
|
|
19
|
+
max-width: 600px;
|
|
20
|
+
margin: 20px auto;
|
|
19
21
|
background-color: #ffffff;
|
|
20
|
-
border
|
|
22
|
+
border: 2px solid #7c3aed;
|
|
23
|
+
border-radius: 12px;
|
|
21
24
|
overflow: hidden;
|
|
22
|
-
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
|
|
23
25
|
}
|
|
26
|
+
|
|
24
27
|
.header {
|
|
25
|
-
background:
|
|
26
|
-
padding:
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
27
30
|
text-align: center;
|
|
28
31
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
margin-bottom: 24px;
|
|
35
|
-
}
|
|
36
|
-
.logo-icon {
|
|
37
|
-
width: 40px;
|
|
38
|
-
height: 40px;
|
|
39
|
-
background-color: #1e1b29;
|
|
40
|
-
border-radius: 50%;
|
|
41
|
-
display: flex;
|
|
42
|
-
align-items: center;
|
|
43
|
-
justify-content: center;
|
|
44
|
-
}
|
|
45
|
-
.logo-text {
|
|
46
|
-
font-size: 28px;
|
|
47
|
-
font-weight: 600;
|
|
48
|
-
color: #ffffff;
|
|
49
|
-
letter-spacing: -0.5px;
|
|
32
|
+
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
margin-bottom: 12px;
|
|
50
37
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
font-size: 32px;
|
|
54
|
-
font-weight: 700;
|
|
38
|
+
|
|
39
|
+
.header-title {
|
|
55
40
|
color: #ffffff;
|
|
56
|
-
|
|
57
|
-
|
|
41
|
+
font-size: 24px;
|
|
42
|
+
font-weight: bold;
|
|
43
|
+
margin: 10px 0 4px 0;
|
|
58
44
|
}
|
|
45
|
+
|
|
59
46
|
.header-date {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
font-
|
|
47
|
+
color: #ffffff;
|
|
48
|
+
opacity: 0.9;
|
|
49
|
+
font-size: 14px;
|
|
63
50
|
}
|
|
51
|
+
|
|
64
52
|
.badge {
|
|
65
53
|
display: inline-block;
|
|
66
|
-
padding:
|
|
67
|
-
background-color: rgba(255, 255, 255, 0.
|
|
54
|
+
padding: 6px 14px;
|
|
55
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
68
56
|
border-radius: 20px;
|
|
69
|
-
font-size:
|
|
57
|
+
font-size: 13px;
|
|
70
58
|
color: #ffffff;
|
|
71
59
|
font-weight: 600;
|
|
72
|
-
margin-top:
|
|
73
|
-
backdrop-filter: blur(10px);
|
|
60
|
+
margin-top: 10px;
|
|
74
61
|
}
|
|
62
|
+
|
|
75
63
|
.content {
|
|
76
|
-
padding:
|
|
64
|
+
padding: 30px;
|
|
65
|
+
background-color: #ffffff;
|
|
77
66
|
}
|
|
67
|
+
|
|
78
68
|
.greeting {
|
|
79
|
-
font-size:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
margin-bottom: 32px;
|
|
83
|
-
}
|
|
84
|
-
.greeting strong {
|
|
85
|
-
color: #111827;
|
|
69
|
+
font-size: 16px;
|
|
70
|
+
color: #0e0d0c;
|
|
71
|
+
margin-bottom: 20px;
|
|
86
72
|
}
|
|
73
|
+
|
|
87
74
|
.section {
|
|
88
|
-
margin
|
|
75
|
+
margin: 20px 0;
|
|
76
|
+
padding: 0;
|
|
77
|
+
background-color: transparent;
|
|
78
|
+
border-radius: 0;
|
|
79
|
+
border-left: none;
|
|
89
80
|
}
|
|
90
|
-
|
|
81
|
+
|
|
82
|
+
.section-header {
|
|
91
83
|
display: flex;
|
|
84
|
+
justify-content: space-between;
|
|
92
85
|
align-items: center;
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
color: #111827;
|
|
97
|
-
margin-bottom: 20px;
|
|
98
|
-
padding-bottom: 12px;
|
|
99
|
-
border-bottom: 2px solid #e5e7eb;
|
|
86
|
+
margin-bottom: 12px;
|
|
87
|
+
padding-bottom: 8px;
|
|
88
|
+
border-bottom: 1px solid #e5e7eb;
|
|
100
89
|
}
|
|
101
|
-
|
|
102
|
-
|
|
90
|
+
|
|
91
|
+
.section-title {
|
|
92
|
+
font-size: 16px;
|
|
93
|
+
font-weight: bold;
|
|
94
|
+
color: #111827;
|
|
95
|
+
margin: 0;
|
|
103
96
|
}
|
|
97
|
+
|
|
104
98
|
.summary-text {
|
|
105
|
-
font-size:
|
|
106
|
-
line-height: 1.
|
|
99
|
+
font-size: 15px;
|
|
100
|
+
line-height: 1.7;
|
|
107
101
|
color: #374151;
|
|
108
|
-
padding:
|
|
102
|
+
padding: 16px;
|
|
109
103
|
background-color: #f9fafb;
|
|
110
|
-
border-radius:
|
|
111
|
-
border-left: 4px solid #
|
|
104
|
+
border-radius: 8px;
|
|
105
|
+
border-left: 4px solid #7c3aed;
|
|
106
|
+
margin-bottom: 20px;
|
|
112
107
|
white-space: pre-wrap;
|
|
113
108
|
word-wrap: break-word;
|
|
114
109
|
}
|
|
110
|
+
|
|
115
111
|
.list-container {
|
|
116
112
|
background-color: #ffffff;
|
|
117
113
|
}
|
|
114
|
+
|
|
118
115
|
.list-item {
|
|
119
|
-
padding:
|
|
116
|
+
padding: 12px 0;
|
|
120
117
|
border-bottom: 1px solid #f3f4f6;
|
|
121
|
-
line-height: 1.
|
|
118
|
+
line-height: 1.6;
|
|
122
119
|
color: #374151;
|
|
123
|
-
font-size:
|
|
124
|
-
display: flex;
|
|
125
|
-
gap: 12px;
|
|
120
|
+
font-size: 14px;
|
|
126
121
|
}
|
|
122
|
+
|
|
127
123
|
.list-item:last-child {
|
|
128
124
|
border-bottom: none;
|
|
129
125
|
}
|
|
130
|
-
|
|
131
|
-
flex-shrink: 0;
|
|
132
|
-
margin-top: 2px;
|
|
133
|
-
}
|
|
134
|
-
.list-item-text {
|
|
135
|
-
flex: 1;
|
|
136
|
-
}
|
|
137
|
-
.footer-notice {
|
|
138
|
-
text-align: center;
|
|
139
|
-
padding: 32px 40px;
|
|
140
|
-
background-color: #f9fafb;
|
|
141
|
-
border-top: 1px solid #e5e7eb;
|
|
142
|
-
}
|
|
143
|
-
.footer-notice p {
|
|
144
|
-
margin: 8px 0;
|
|
145
|
-
font-size: 14px;
|
|
146
|
-
color: #6b7280;
|
|
147
|
-
line-height: 1.6;
|
|
148
|
-
}
|
|
149
|
-
.footer-notice a {
|
|
150
|
-
color: #8b5cf6;
|
|
151
|
-
text-decoration: none;
|
|
152
|
-
font-weight: 600;
|
|
153
|
-
}
|
|
154
|
-
.footer-notice a:hover {
|
|
155
|
-
text-decoration: underline;
|
|
156
|
-
}
|
|
126
|
+
|
|
157
127
|
.footer {
|
|
128
|
+
background-color: #7c3aed;
|
|
129
|
+
padding: 20px;
|
|
158
130
|
text-align: center;
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
color: rgba(255, 255, 255, 0.8);
|
|
162
|
-
}
|
|
163
|
-
.footer p {
|
|
164
|
-
margin: 8px 0;
|
|
165
|
-
font-size: 13px;
|
|
166
|
-
line-height: 1.6;
|
|
167
|
-
}
|
|
168
|
-
.footer-links {
|
|
169
|
-
margin-top: 16px;
|
|
131
|
+
font-size: 12px;
|
|
132
|
+
color: #ffffff;
|
|
170
133
|
}
|
|
171
|
-
|
|
134
|
+
|
|
135
|
+
.footer a {
|
|
172
136
|
color: #ffffff;
|
|
173
137
|
text-decoration: none;
|
|
174
|
-
margin: 0 8px;
|
|
175
|
-
font-weight: 500;
|
|
176
138
|
}
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
.header {
|
|
183
|
-
padding: 32px 24px;
|
|
184
|
-
}
|
|
185
|
-
.header h1 {
|
|
186
|
-
font-size: 26px;
|
|
187
|
-
}
|
|
188
|
-
.content {
|
|
189
|
-
padding: 32px 24px;
|
|
190
|
-
}
|
|
191
|
-
.footer-notice,
|
|
192
|
-
.footer {
|
|
193
|
-
padding: 24px 24px;
|
|
194
|
-
}
|
|
139
|
+
|
|
140
|
+
.divider {
|
|
141
|
+
height: 1px;
|
|
142
|
+
background-color: #ebe7db;
|
|
143
|
+
margin: 24px 0;
|
|
195
144
|
}
|
|
196
145
|
</style>
|
|
197
146
|
</head>
|
|
147
|
+
|
|
198
148
|
<body>
|
|
199
|
-
<div class="
|
|
149
|
+
<div class="container">
|
|
200
150
|
<div class="header">
|
|
201
|
-
<
|
|
202
|
-
|
|
203
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
204
|
-
<circle cx="12" cy="12" r="10" fill="white"/>
|
|
205
|
-
<circle cx="12" cy="12" r="4" fill="#8b5cf6"/>
|
|
206
|
-
</svg>
|
|
207
|
-
</div>
|
|
208
|
-
<div class="logo-text">heliyos</div>
|
|
209
|
-
</div>
|
|
210
|
-
<h1>{{organization_name}} Daily Briefing</h1>
|
|
151
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
152
|
+
<div class="header-title">{{organization_name}} Daily Briefing</div>
|
|
211
153
|
<div class="header-date">{{date}}</div>
|
|
212
154
|
<div class="badge">📊 Organization summary</div>
|
|
213
155
|
</div>
|
|
214
156
|
|
|
215
157
|
<div class="content">
|
|
216
158
|
<div class="greeting">
|
|
217
|
-
|
|
159
|
+
Hello {{first_name}},<br>
|
|
218
160
|
Here's your comprehensive daily briefing for {{organization_name}}.
|
|
219
161
|
</div>
|
|
220
162
|
|
|
221
163
|
<!-- Summary Section -->
|
|
222
164
|
<div class="section">
|
|
223
|
-
<div class="section-
|
|
224
|
-
<
|
|
225
|
-
<span>Daily Overview</span>
|
|
165
|
+
<div class="section-header">
|
|
166
|
+
<h2 class="section-title">📊 Daily Overview</h2>
|
|
226
167
|
</div>
|
|
227
168
|
<div class="summary-text">{{summary}}</div>
|
|
228
169
|
</div>
|
|
@@ -230,15 +171,12 @@
|
|
|
230
171
|
<!-- Key Highlights -->
|
|
231
172
|
{{#if key_highlights}}
|
|
232
173
|
<div class="section">
|
|
233
|
-
<div class="section-
|
|
234
|
-
<
|
|
235
|
-
<span>Key Highlights</span>
|
|
174
|
+
<div class="section-header">
|
|
175
|
+
<h2 class="section-title">✨ Key Highlights</h2>
|
|
236
176
|
</div>
|
|
237
177
|
<div class="list-container">
|
|
238
178
|
{{#each key_highlights}}
|
|
239
|
-
<div class="list-item">
|
|
240
|
-
<div class="list-item-text">{{this}}</div>
|
|
241
|
-
</div>
|
|
179
|
+
<div class="list-item">{{this}}</div>
|
|
242
180
|
{{/each}}
|
|
243
181
|
</div>
|
|
244
182
|
</div>
|
|
@@ -247,15 +185,12 @@
|
|
|
247
185
|
<!-- Action Items -->
|
|
248
186
|
{{#if action_items}}
|
|
249
187
|
<div class="section">
|
|
250
|
-
<div class="section-
|
|
251
|
-
<
|
|
252
|
-
<span>Action Items</span>
|
|
188
|
+
<div class="section-header">
|
|
189
|
+
<h2 class="section-title">✓ Action Items</h2>
|
|
253
190
|
</div>
|
|
254
191
|
<div class="list-container">
|
|
255
192
|
{{#each action_items}}
|
|
256
|
-
<div class="list-item">
|
|
257
|
-
<div class="list-item-text">{{this}}</div>
|
|
258
|
-
</div>
|
|
193
|
+
<div class="list-item">{{this}}</div>
|
|
259
194
|
{{/each}}
|
|
260
195
|
</div>
|
|
261
196
|
</div>
|
|
@@ -264,32 +199,30 @@
|
|
|
264
199
|
<!-- Upcoming Priorities -->
|
|
265
200
|
{{#if upcoming_priorities}}
|
|
266
201
|
<div class="section">
|
|
267
|
-
<div class="section-
|
|
268
|
-
<
|
|
269
|
-
<span>Upcoming Priorities</span>
|
|
202
|
+
<div class="section-header">
|
|
203
|
+
<h2 class="section-title">🎯 Upcoming Priorities</h2>
|
|
270
204
|
</div>
|
|
271
205
|
<div class="list-container">
|
|
272
206
|
{{#each upcoming_priorities}}
|
|
273
|
-
<div class="list-item">
|
|
274
|
-
<div class="list-item-text">{{this}}</div>
|
|
275
|
-
</div>
|
|
207
|
+
<div class="list-item">{{this}}</div>
|
|
276
208
|
{{/each}}
|
|
277
209
|
</div>
|
|
278
210
|
</div>
|
|
279
211
|
{{/if}}
|
|
280
|
-
</div>
|
|
281
212
|
|
|
282
|
-
|
|
283
|
-
<p>You received this email because you have daily organization summaries enabled.</p>
|
|
284
|
-
<p><a href="{{settings_url}}">Manage your notification preferences</a></p>
|
|
285
|
-
</div>
|
|
213
|
+
<div class="divider"></div>
|
|
286
214
|
|
|
215
|
+
<p style="text-align: center; color: #5c5545; font-size: 14px;">
|
|
216
|
+
You received this email because you have daily organization summaries enabled.<br>
|
|
217
|
+
<a href="{{settings_url}}" style="color: #7c3aed;">Manage your notification preferences</a>
|
|
218
|
+
</p>
|
|
219
|
+
</div>
|
|
287
220
|
<div class="footer">
|
|
288
|
-
<p
|
|
289
|
-
<
|
|
221
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
222
|
+
<p>
|
|
290
223
|
<a href="{{settings_url}}">Notification Settings</a> |
|
|
291
|
-
|
|
292
|
-
</
|
|
224
|
+
This is an automated message, please do not reply.
|
|
225
|
+
</p>
|
|
293
226
|
</div>
|
|
294
227
|
</div>
|
|
295
228
|
</body>
|
package/package.json
CHANGED
|
@@ -245,7 +245,7 @@
|
|
|
245
245
|
{{#if has_tasks}}
|
|
246
246
|
<div class="section">
|
|
247
247
|
<div class="section-header">
|
|
248
|
-
<h2 class="section-title"
|
|
248
|
+
<h2 class="section-title">✓ Tasks</h2>
|
|
249
249
|
<span class="section-count">{{tasks_count}}</span>
|
|
250
250
|
</div>
|
|
251
251
|
<div class="section-content">
|
|
@@ -339,7 +339,7 @@
|
|
|
339
339
|
{{#if has_approvals}}
|
|
340
340
|
<div class="section">
|
|
341
341
|
<div class="section-header">
|
|
342
|
-
<h2 class="section-title">✔️
|
|
342
|
+
<h2 class="section-title">✔️ Reviews</h2>
|
|
343
343
|
<span class="section-count">{{approvals_count}}</span>
|
|
344
344
|
</div>
|
|
345
345
|
<div class="section-content">
|
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
{{#if has_leadsets}}
|
|
387
387
|
<div class="section">
|
|
388
388
|
<div class="section-header">
|
|
389
|
-
<h2 class="section-title"
|
|
389
|
+
<h2 class="section-title">✨ Leadsets</h2>
|
|
390
390
|
<span class="section-count">{{leadsets_count}}</span>
|
|
391
391
|
</div>
|
|
392
392
|
<div class="section-content">
|
|
@@ -1,228 +1,169 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
+
|
|
3
4
|
<head>
|
|
4
5
|
<meta charset="UTF-8">
|
|
5
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
7
|
<title>{{organization_name}} Daily Briefing</title>
|
|
7
8
|
<style>
|
|
8
9
|
body {
|
|
10
|
+
font-family: Arial, sans-serif;
|
|
11
|
+
line-height: 1.6;
|
|
12
|
+
color: #0e0d0c;
|
|
13
|
+
background-color: #f8f8f6;
|
|
9
14
|
margin: 0;
|
|
10
15
|
padding: 0;
|
|
11
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
12
|
-
background-color: #f5f5f7;
|
|
13
|
-
-webkit-font-smoothing: antialiased;
|
|
14
|
-
-moz-osx-font-smoothing: grayscale;
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
|
|
18
|
+
.container {
|
|
19
|
+
max-width: 600px;
|
|
20
|
+
margin: 20px auto;
|
|
19
21
|
background-color: #ffffff;
|
|
20
|
-
border
|
|
22
|
+
border: 2px solid #7c3aed;
|
|
23
|
+
border-radius: 12px;
|
|
21
24
|
overflow: hidden;
|
|
22
|
-
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
|
|
23
25
|
}
|
|
26
|
+
|
|
24
27
|
.header {
|
|
25
|
-
background:
|
|
26
|
-
padding:
|
|
28
|
+
background-color: #7c3aed;
|
|
29
|
+
padding: 30px 20px;
|
|
27
30
|
text-align: center;
|
|
28
31
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
margin-bottom: 24px;
|
|
35
|
-
}
|
|
36
|
-
.logo-icon {
|
|
37
|
-
width: 40px;
|
|
38
|
-
height: 40px;
|
|
39
|
-
background-color: #1e1b29;
|
|
40
|
-
border-radius: 50%;
|
|
41
|
-
display: flex;
|
|
42
|
-
align-items: center;
|
|
43
|
-
justify-content: center;
|
|
44
|
-
}
|
|
45
|
-
.logo-text {
|
|
46
|
-
font-size: 28px;
|
|
47
|
-
font-weight: 600;
|
|
48
|
-
color: #ffffff;
|
|
49
|
-
letter-spacing: -0.5px;
|
|
32
|
+
|
|
33
|
+
.header img {
|
|
34
|
+
max-width: 180px;
|
|
35
|
+
height: auto;
|
|
36
|
+
margin-bottom: 12px;
|
|
50
37
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
font-size: 32px;
|
|
54
|
-
font-weight: 700;
|
|
38
|
+
|
|
39
|
+
.header-title {
|
|
55
40
|
color: #ffffff;
|
|
56
|
-
|
|
57
|
-
|
|
41
|
+
font-size: 24px;
|
|
42
|
+
font-weight: bold;
|
|
43
|
+
margin: 10px 0 4px 0;
|
|
58
44
|
}
|
|
45
|
+
|
|
59
46
|
.header-date {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
font-
|
|
47
|
+
color: #ffffff;
|
|
48
|
+
opacity: 0.9;
|
|
49
|
+
font-size: 14px;
|
|
63
50
|
}
|
|
51
|
+
|
|
64
52
|
.badge {
|
|
65
53
|
display: inline-block;
|
|
66
|
-
padding:
|
|
67
|
-
background-color: rgba(255, 255, 255, 0.
|
|
54
|
+
padding: 6px 14px;
|
|
55
|
+
background-color: rgba(255, 255, 255, 0.2);
|
|
68
56
|
border-radius: 20px;
|
|
69
|
-
font-size:
|
|
57
|
+
font-size: 13px;
|
|
70
58
|
color: #ffffff;
|
|
71
59
|
font-weight: 600;
|
|
72
|
-
margin-top:
|
|
73
|
-
backdrop-filter: blur(10px);
|
|
60
|
+
margin-top: 10px;
|
|
74
61
|
}
|
|
62
|
+
|
|
75
63
|
.content {
|
|
76
|
-
padding:
|
|
64
|
+
padding: 30px;
|
|
65
|
+
background-color: #ffffff;
|
|
77
66
|
}
|
|
67
|
+
|
|
78
68
|
.greeting {
|
|
79
|
-
font-size:
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
margin-bottom: 32px;
|
|
83
|
-
}
|
|
84
|
-
.greeting strong {
|
|
85
|
-
color: #111827;
|
|
69
|
+
font-size: 16px;
|
|
70
|
+
color: #0e0d0c;
|
|
71
|
+
margin-bottom: 20px;
|
|
86
72
|
}
|
|
73
|
+
|
|
87
74
|
.section {
|
|
88
|
-
margin
|
|
75
|
+
margin: 20px 0;
|
|
76
|
+
padding: 0;
|
|
77
|
+
background-color: transparent;
|
|
78
|
+
border-radius: 0;
|
|
79
|
+
border-left: none;
|
|
89
80
|
}
|
|
90
|
-
|
|
81
|
+
|
|
82
|
+
.section-header {
|
|
91
83
|
display: flex;
|
|
84
|
+
justify-content: space-between;
|
|
92
85
|
align-items: center;
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
color: #111827;
|
|
97
|
-
margin-bottom: 20px;
|
|
98
|
-
padding-bottom: 12px;
|
|
99
|
-
border-bottom: 2px solid #e5e7eb;
|
|
86
|
+
margin-bottom: 12px;
|
|
87
|
+
padding-bottom: 8px;
|
|
88
|
+
border-bottom: 1px solid #e5e7eb;
|
|
100
89
|
}
|
|
101
|
-
|
|
102
|
-
|
|
90
|
+
|
|
91
|
+
.section-title {
|
|
92
|
+
font-size: 16px;
|
|
93
|
+
font-weight: bold;
|
|
94
|
+
color: #111827;
|
|
95
|
+
margin: 0;
|
|
103
96
|
}
|
|
97
|
+
|
|
104
98
|
.summary-text {
|
|
105
|
-
font-size:
|
|
106
|
-
line-height: 1.
|
|
99
|
+
font-size: 15px;
|
|
100
|
+
line-height: 1.7;
|
|
107
101
|
color: #374151;
|
|
108
|
-
padding:
|
|
102
|
+
padding: 16px;
|
|
109
103
|
background-color: #f9fafb;
|
|
110
|
-
border-radius:
|
|
111
|
-
border-left: 4px solid #
|
|
104
|
+
border-radius: 8px;
|
|
105
|
+
border-left: 4px solid #7c3aed;
|
|
106
|
+
margin-bottom: 20px;
|
|
112
107
|
white-space: pre-wrap;
|
|
113
108
|
word-wrap: break-word;
|
|
114
109
|
}
|
|
110
|
+
|
|
115
111
|
.list-container {
|
|
116
112
|
background-color: #ffffff;
|
|
117
113
|
}
|
|
114
|
+
|
|
118
115
|
.list-item {
|
|
119
|
-
padding:
|
|
116
|
+
padding: 12px 0;
|
|
120
117
|
border-bottom: 1px solid #f3f4f6;
|
|
121
|
-
line-height: 1.
|
|
118
|
+
line-height: 1.6;
|
|
122
119
|
color: #374151;
|
|
123
|
-
font-size:
|
|
124
|
-
display: flex;
|
|
125
|
-
gap: 12px;
|
|
120
|
+
font-size: 14px;
|
|
126
121
|
}
|
|
122
|
+
|
|
127
123
|
.list-item:last-child {
|
|
128
124
|
border-bottom: none;
|
|
129
125
|
}
|
|
130
|
-
|
|
131
|
-
flex-shrink: 0;
|
|
132
|
-
margin-top: 2px;
|
|
133
|
-
}
|
|
134
|
-
.list-item-text {
|
|
135
|
-
flex: 1;
|
|
136
|
-
}
|
|
137
|
-
.footer-notice {
|
|
138
|
-
text-align: center;
|
|
139
|
-
padding: 32px 40px;
|
|
140
|
-
background-color: #f9fafb;
|
|
141
|
-
border-top: 1px solid #e5e7eb;
|
|
142
|
-
}
|
|
143
|
-
.footer-notice p {
|
|
144
|
-
margin: 8px 0;
|
|
145
|
-
font-size: 14px;
|
|
146
|
-
color: #6b7280;
|
|
147
|
-
line-height: 1.6;
|
|
148
|
-
}
|
|
149
|
-
.footer-notice a {
|
|
150
|
-
color: #8b5cf6;
|
|
151
|
-
text-decoration: none;
|
|
152
|
-
font-weight: 600;
|
|
153
|
-
}
|
|
154
|
-
.footer-notice a:hover {
|
|
155
|
-
text-decoration: underline;
|
|
156
|
-
}
|
|
126
|
+
|
|
157
127
|
.footer {
|
|
128
|
+
background-color: #7c3aed;
|
|
129
|
+
padding: 20px;
|
|
158
130
|
text-align: center;
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
color: rgba(255, 255, 255, 0.8);
|
|
162
|
-
}
|
|
163
|
-
.footer p {
|
|
164
|
-
margin: 8px 0;
|
|
165
|
-
font-size: 13px;
|
|
166
|
-
line-height: 1.6;
|
|
167
|
-
}
|
|
168
|
-
.footer-links {
|
|
169
|
-
margin-top: 16px;
|
|
131
|
+
font-size: 12px;
|
|
132
|
+
color: #ffffff;
|
|
170
133
|
}
|
|
171
|
-
|
|
134
|
+
|
|
135
|
+
.footer a {
|
|
172
136
|
color: #ffffff;
|
|
173
137
|
text-decoration: none;
|
|
174
|
-
margin: 0 8px;
|
|
175
|
-
font-weight: 500;
|
|
176
138
|
}
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
.header {
|
|
183
|
-
padding: 32px 24px;
|
|
184
|
-
}
|
|
185
|
-
.header h1 {
|
|
186
|
-
font-size: 26px;
|
|
187
|
-
}
|
|
188
|
-
.content {
|
|
189
|
-
padding: 32px 24px;
|
|
190
|
-
}
|
|
191
|
-
.footer-notice,
|
|
192
|
-
.footer {
|
|
193
|
-
padding: 24px 24px;
|
|
194
|
-
}
|
|
139
|
+
|
|
140
|
+
.divider {
|
|
141
|
+
height: 1px;
|
|
142
|
+
background-color: #ebe7db;
|
|
143
|
+
margin: 24px 0;
|
|
195
144
|
}
|
|
196
145
|
</style>
|
|
197
146
|
</head>
|
|
147
|
+
|
|
198
148
|
<body>
|
|
199
|
-
<div class="
|
|
149
|
+
<div class="container">
|
|
200
150
|
<div class="header">
|
|
201
|
-
<
|
|
202
|
-
|
|
203
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
204
|
-
<circle cx="12" cy="12" r="10" fill="white"/>
|
|
205
|
-
<circle cx="12" cy="12" r="4" fill="#8b5cf6"/>
|
|
206
|
-
</svg>
|
|
207
|
-
</div>
|
|
208
|
-
<div class="logo-text">heliyos</div>
|
|
209
|
-
</div>
|
|
210
|
-
<h1>{{organization_name}} Daily Briefing</h1>
|
|
151
|
+
<img src="https://assets.heliyos.ai/heliyos-logo-white.png" alt="Heliyos AI">
|
|
152
|
+
<div class="header-title">{{organization_name}} Daily Briefing</div>
|
|
211
153
|
<div class="header-date">{{date}}</div>
|
|
212
154
|
<div class="badge">📊 Organization summary</div>
|
|
213
155
|
</div>
|
|
214
156
|
|
|
215
157
|
<div class="content">
|
|
216
158
|
<div class="greeting">
|
|
217
|
-
|
|
159
|
+
Hello {{first_name}},<br>
|
|
218
160
|
Here's your comprehensive daily briefing for {{organization_name}}.
|
|
219
161
|
</div>
|
|
220
162
|
|
|
221
163
|
<!-- Summary Section -->
|
|
222
164
|
<div class="section">
|
|
223
|
-
<div class="section-
|
|
224
|
-
<
|
|
225
|
-
<span>Daily Overview</span>
|
|
165
|
+
<div class="section-header">
|
|
166
|
+
<h2 class="section-title">📊 Daily Overview</h2>
|
|
226
167
|
</div>
|
|
227
168
|
<div class="summary-text">{{summary}}</div>
|
|
228
169
|
</div>
|
|
@@ -230,15 +171,12 @@
|
|
|
230
171
|
<!-- Key Highlights -->
|
|
231
172
|
{{#if key_highlights}}
|
|
232
173
|
<div class="section">
|
|
233
|
-
<div class="section-
|
|
234
|
-
<
|
|
235
|
-
<span>Key Highlights</span>
|
|
174
|
+
<div class="section-header">
|
|
175
|
+
<h2 class="section-title">✨ Key Highlights</h2>
|
|
236
176
|
</div>
|
|
237
177
|
<div class="list-container">
|
|
238
178
|
{{#each key_highlights}}
|
|
239
|
-
<div class="list-item">
|
|
240
|
-
<div class="list-item-text">{{this}}</div>
|
|
241
|
-
</div>
|
|
179
|
+
<div class="list-item">{{this}}</div>
|
|
242
180
|
{{/each}}
|
|
243
181
|
</div>
|
|
244
182
|
</div>
|
|
@@ -247,15 +185,12 @@
|
|
|
247
185
|
<!-- Action Items -->
|
|
248
186
|
{{#if action_items}}
|
|
249
187
|
<div class="section">
|
|
250
|
-
<div class="section-
|
|
251
|
-
<
|
|
252
|
-
<span>Action Items</span>
|
|
188
|
+
<div class="section-header">
|
|
189
|
+
<h2 class="section-title">✓ Action Items</h2>
|
|
253
190
|
</div>
|
|
254
191
|
<div class="list-container">
|
|
255
192
|
{{#each action_items}}
|
|
256
|
-
<div class="list-item">
|
|
257
|
-
<div class="list-item-text">{{this}}</div>
|
|
258
|
-
</div>
|
|
193
|
+
<div class="list-item">{{this}}</div>
|
|
259
194
|
{{/each}}
|
|
260
195
|
</div>
|
|
261
196
|
</div>
|
|
@@ -264,32 +199,30 @@
|
|
|
264
199
|
<!-- Upcoming Priorities -->
|
|
265
200
|
{{#if upcoming_priorities}}
|
|
266
201
|
<div class="section">
|
|
267
|
-
<div class="section-
|
|
268
|
-
<
|
|
269
|
-
<span>Upcoming Priorities</span>
|
|
202
|
+
<div class="section-header">
|
|
203
|
+
<h2 class="section-title">🎯 Upcoming Priorities</h2>
|
|
270
204
|
</div>
|
|
271
205
|
<div class="list-container">
|
|
272
206
|
{{#each upcoming_priorities}}
|
|
273
|
-
<div class="list-item">
|
|
274
|
-
<div class="list-item-text">{{this}}</div>
|
|
275
|
-
</div>
|
|
207
|
+
<div class="list-item">{{this}}</div>
|
|
276
208
|
{{/each}}
|
|
277
209
|
</div>
|
|
278
210
|
</div>
|
|
279
211
|
{{/if}}
|
|
280
|
-
</div>
|
|
281
212
|
|
|
282
|
-
|
|
283
|
-
<p>You received this email because you have daily organization summaries enabled.</p>
|
|
284
|
-
<p><a href="{{settings_url}}">Manage your notification preferences</a></p>
|
|
285
|
-
</div>
|
|
213
|
+
<div class="divider"></div>
|
|
286
214
|
|
|
215
|
+
<p style="text-align: center; color: #5c5545; font-size: 14px;">
|
|
216
|
+
You received this email because you have daily organization summaries enabled.<br>
|
|
217
|
+
<a href="{{settings_url}}" style="color: #7c3aed;">Manage your notification preferences</a>
|
|
218
|
+
</p>
|
|
219
|
+
</div>
|
|
287
220
|
<div class="footer">
|
|
288
|
-
<p
|
|
289
|
-
<
|
|
221
|
+
<p>© {{year}} {{company_name}}. All rights reserved.</p>
|
|
222
|
+
<p>
|
|
290
223
|
<a href="{{settings_url}}">Notification Settings</a> |
|
|
291
|
-
|
|
292
|
-
</
|
|
224
|
+
This is an automated message, please do not reply.
|
|
225
|
+
</p>
|
|
293
226
|
</div>
|
|
294
227
|
</div>
|
|
295
228
|
</body>
|