@miakapp/cli 4.0.0-alpha.0 → 4.0.0-alpha.10
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/README.md +151 -35
- package/assets/agent-guide.md +232 -79
- package/assets/design/OFL-Manrope.txt +93 -0
- package/assets/design/components.css +139 -0
- package/assets/design/fonts.css +9 -0
- package/assets/design/gallery.html +667 -0
- package/assets/design/guide.md +77 -0
- package/assets/design/tokens.css +185 -0
- package/assets/starter/app/app/README.md +74 -0
- package/assets/starter/app/app/main.ts +124 -0
- package/assets/starter/app/app/miakapp.ts +156 -0
- package/assets/starter/app/app/theme.ts +8 -0
- package/assets/starter/app/tsconfig.json +23 -0
- package/bin/miakapp.js +5 -1
- package/dist/agent-pack.d.ts +11 -3
- package/dist/agent-pack.d.ts.map +1 -1
- package/dist/agent-pack.js +26 -10
- package/dist/agent-pack.js.map +1 -1
- package/dist/contexts.d.ts +59 -0
- package/dist/contexts.d.ts.map +1 -0
- package/dist/contexts.js +388 -0
- package/dist/contexts.js.map +1 -0
- package/dist/control-plane.d.ts +14 -0
- package/dist/control-plane.d.ts.map +1 -1
- package/dist/control-plane.js +33 -1
- package/dist/control-plane.js.map +1 -1
- package/dist/internal/names.d.ts +5 -0
- package/dist/internal/names.d.ts.map +1 -1
- package/dist/internal/names.js +6 -0
- package/dist/internal/names.js.map +1 -1
- package/dist/main.d.ts +22 -5
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +673 -60
- package/dist/main.js.map +1 -1
- package/dist/mcp.d.ts +7 -1
- package/dist/mcp.d.ts.map +1 -1
- package/dist/mcp.js +195 -26
- package/dist/mcp.js.map +1 -1
- package/dist/pairing.d.ts +27 -0
- package/dist/pairing.d.ts.map +1 -0
- package/dist/pairing.js +148 -0
- package/dist/pairing.js.map +1 -0
- package/dist/project.d.ts +3 -1
- package/dist/project.d.ts.map +1 -1
- package/dist/project.js +33 -6
- package/dist/project.js.map +1 -1
- package/dist/publication.d.ts +20 -5
- package/dist/publication.d.ts.map +1 -1
- package/dist/publication.js +58 -16
- package/dist/publication.js.map +1 -1
- package/dist/starter.d.ts +17 -0
- package/dist/starter.d.ts.map +1 -0
- package/dist/starter.js +72 -0
- package/dist/starter.js.map +1 -0
- package/dist/terminal.d.ts +10 -0
- package/dist/terminal.d.ts.map +1 -0
- package/dist/terminal.js +70 -0
- package/dist/terminal.js.map +1 -0
- package/dist/version.d.ts +15 -0
- package/dist/version.d.ts.map +1 -0
- package/dist/version.js +15 -0
- package/dist/version.js.map +1 -0
- package/package.json +6 -4
|
@@ -0,0 +1,667 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en" data-theme="lumiere">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Miakapp — design inspirations</title>
|
|
7
|
+
<style>
|
|
8
|
+
/* Manrope (SIL Open Font License 1.1, see OFL-Manrope.txt), Latin subset, weights 200-800. */
|
|
9
|
+
@font-face {
|
|
10
|
+
font-family: "Manrope";
|
|
11
|
+
font-style: normal;
|
|
12
|
+
font-display: swap;
|
|
13
|
+
font-weight: 200 800;
|
|
14
|
+
src: url("data:font/woff2;base64,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") format("woff2");
|
|
15
|
+
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/*
|
|
19
|
+
* Miakapp design tokens — a starting palette for home interfaces.
|
|
20
|
+
*
|
|
21
|
+
* Copy it, rename it, change any value: it is yours. Four themes share the
|
|
22
|
+
* same variable names, so a screen written once works in all of them.
|
|
23
|
+
* <html data-theme="lumiere"> day, glass on peach, mint and lilac (default)
|
|
24
|
+
* <html data-theme="miel"> warm honey, cosy evenings
|
|
25
|
+
* <html data-theme="minuit"> night blue and gold, wall tablets after dark
|
|
26
|
+
* <html data-theme="craie"> flat and high-contrast, no blur: old tablets, accessibility
|
|
27
|
+
*
|
|
28
|
+
* The frame has no network: no web font is fetched. "Manrope" is used when the
|
|
29
|
+
* app bundles it as a data: URL; otherwise the system stack takes over.
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
:root,
|
|
33
|
+
[data-theme="lumiere"] {
|
|
34
|
+
color-scheme: light;
|
|
35
|
+
|
|
36
|
+
/* Canvas */
|
|
37
|
+
--mk-bg: #f6f3ee;
|
|
38
|
+
--mk-bg-art:
|
|
39
|
+
radial-gradient(60% 45% at 0% 0%, #ffd2b0 0%, transparent 70%),
|
|
40
|
+
radial-gradient(55% 45% at 100% 10%, #e3dcff 0%, transparent 70%),
|
|
41
|
+
radial-gradient(60% 50% at 80% 100%, #d6f5e3 0%, transparent 70%),
|
|
42
|
+
radial-gradient(40% 35% at 10% 90%, #ffe9a8 0%, transparent 70%);
|
|
43
|
+
|
|
44
|
+
/* Ink */
|
|
45
|
+
--mk-ink: #0a1024;
|
|
46
|
+
--mk-ink-2: rgb(10 16 36 / .62);
|
|
47
|
+
--mk-ink-3: rgb(10 16 36 / .40);
|
|
48
|
+
--mk-hairline: rgb(10 16 36 / .08);
|
|
49
|
+
|
|
50
|
+
/* Glass surfaces */
|
|
51
|
+
--mk-surface: linear-gradient(160deg, rgb(255 255 255 / .74), rgb(255 255 255 / .36));
|
|
52
|
+
--mk-surface-strong: rgb(255 255 255 / .86);
|
|
53
|
+
--mk-surface-sunken: rgb(10 16 36 / .05);
|
|
54
|
+
--mk-selected: rgb(255 255 255 / .9);
|
|
55
|
+
--mk-rim: rgb(255 255 255 / .8);
|
|
56
|
+
--mk-blur: 24px;
|
|
57
|
+
--mk-saturate: 1.8;
|
|
58
|
+
--mk-shadow: 0 1px 0 rgb(255 255 255 / .9) inset, 0 18px 40px -18px rgb(60 40 80 / .28);
|
|
59
|
+
|
|
60
|
+
/* Accent: titles, focus, the one thing that matters on a screen */
|
|
61
|
+
--mk-accent: #e0569b;
|
|
62
|
+
--mk-accent-gradient: linear-gradient(110deg, #ff7a45, #e0569b 55%, #7a5cff);
|
|
63
|
+
|
|
64
|
+
/* Something is on (a light, a plug, a scene running) */
|
|
65
|
+
--mk-on: linear-gradient(150deg, #ffe48a, #ffb547 70%, #ffa63b);
|
|
66
|
+
--mk-on-ink: #3a2300;
|
|
67
|
+
--mk-on-glow: 0 10px 30px -8px rgb(255 166 59 / .65);
|
|
68
|
+
|
|
69
|
+
/* Buttons */
|
|
70
|
+
--mk-button: #0a1024;
|
|
71
|
+
--mk-button-ink: #ffffff;
|
|
72
|
+
|
|
73
|
+
/* Meaning */
|
|
74
|
+
--mk-heat: #ff7a45;
|
|
75
|
+
--mk-cool: #5b8cff;
|
|
76
|
+
--mk-ok: #23a26d;
|
|
77
|
+
--mk-warn: #e58a12;
|
|
78
|
+
--mk-alert: #e5484d;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
[data-theme="miel"] {
|
|
82
|
+
color-scheme: light;
|
|
83
|
+
--mk-bg: #fff6e8;
|
|
84
|
+
--mk-bg-art:
|
|
85
|
+
radial-gradient(60% 45% at 0% 0%, #ffe08a 0%, transparent 70%),
|
|
86
|
+
radial-gradient(50% 40% at 100% 20%, #ffc59a 0%, transparent 70%),
|
|
87
|
+
radial-gradient(60% 50% at 70% 100%, #ffd9c2 0%, transparent 70%);
|
|
88
|
+
--mk-ink: #1a1433;
|
|
89
|
+
--mk-ink-2: rgb(26 20 51 / .64);
|
|
90
|
+
--mk-ink-3: rgb(26 20 51 / .42);
|
|
91
|
+
--mk-hairline: rgb(26 20 51 / .09);
|
|
92
|
+
--mk-surface: linear-gradient(160deg, rgb(255 252 244 / .78), rgb(255 248 232 / .42));
|
|
93
|
+
--mk-surface-strong: rgb(255 252 244 / .9);
|
|
94
|
+
--mk-surface-sunken: rgb(26 20 51 / .06);
|
|
95
|
+
--mk-rim: rgb(255 255 255 / .75);
|
|
96
|
+
--mk-shadow: 0 1px 0 rgb(255 255 255 / .9) inset, 0 18px 40px -18px rgb(140 70 10 / .3);
|
|
97
|
+
--mk-accent: #ff7448;
|
|
98
|
+
--mk-accent-gradient: linear-gradient(110deg, #ffb41f, #ff9f2e 45%, #ff7448);
|
|
99
|
+
--mk-on: linear-gradient(150deg, #ffd45c, #ff9f2e 75%, #ff7448);
|
|
100
|
+
--mk-on-ink: #2a1300;
|
|
101
|
+
--mk-on-glow: 0 10px 30px -8px rgb(255 116 72 / .55);
|
|
102
|
+
--mk-button: #1a1433;
|
|
103
|
+
--mk-button-ink: #fff6e8;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
[data-theme="minuit"] {
|
|
107
|
+
color-scheme: dark;
|
|
108
|
+
--mk-bg: #0a1024;
|
|
109
|
+
--mk-bg-art:
|
|
110
|
+
radial-gradient(70% 50% at 50% -10%, rgb(76 107 214 / .55) 0%, transparent 70%),
|
|
111
|
+
radial-gradient(50% 40% at 100% 100%, rgb(29 43 87 / .9) 0%, transparent 70%),
|
|
112
|
+
radial-gradient(40% 35% at 0% 80%, rgb(255 166 59 / .10) 0%, transparent 70%);
|
|
113
|
+
--mk-ink: #f4f1e8;
|
|
114
|
+
--mk-ink-2: rgb(244 241 232 / .76);
|
|
115
|
+
--mk-ink-3: rgb(244 241 232 / .58);
|
|
116
|
+
--mk-hairline: rgb(255 255 255 / .14);
|
|
117
|
+
--mk-surface: linear-gradient(160deg, rgb(255 255 255 / .16), rgb(255 255 255 / .07));
|
|
118
|
+
--mk-surface-strong: rgb(255 255 255 / .16);
|
|
119
|
+
--mk-surface-sunken: rgb(255 255 255 / .11);
|
|
120
|
+
--mk-selected: rgb(255 255 255 / .2);
|
|
121
|
+
--mk-rim: rgb(255 255 255 / .22);
|
|
122
|
+
--mk-saturate: 1.4;
|
|
123
|
+
--mk-shadow: 0 1px 0 rgb(255 255 255 / .12) inset, 0 20px 50px -20px rgb(0 0 0 / .7);
|
|
124
|
+
--mk-accent: #ffdd6e;
|
|
125
|
+
--mk-accent-gradient: linear-gradient(110deg, #fff1b8, #ffdd6e 40%, #ffa63b);
|
|
126
|
+
--mk-on: linear-gradient(150deg, #ffe48a, #ffa63b);
|
|
127
|
+
--mk-on-ink: #0a1024;
|
|
128
|
+
--mk-on-glow: 0 0 34px -6px rgb(255 190 80 / .6);
|
|
129
|
+
--mk-button: linear-gradient(150deg, #ffe48a, #ffa63b);
|
|
130
|
+
--mk-button-ink: #0a1024;
|
|
131
|
+
--mk-heat: #ff9a5c;
|
|
132
|
+
--mk-cool: #7ea2ff;
|
|
133
|
+
--mk-ok: #4fd39a;
|
|
134
|
+
--mk-warn: #ffbf47;
|
|
135
|
+
--mk-alert: #ff6b6f;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
[data-theme="craie"] {
|
|
139
|
+
color-scheme: light;
|
|
140
|
+
--mk-bg: #eef0f3;
|
|
141
|
+
--mk-bg-art: none;
|
|
142
|
+
--mk-ink: #0d1117;
|
|
143
|
+
--mk-ink-2: #46505c;
|
|
144
|
+
--mk-ink-3: #6b7480;
|
|
145
|
+
--mk-hairline: #d6dbe1;
|
|
146
|
+
--mk-surface: #ffffff;
|
|
147
|
+
--mk-surface-strong: #ffffff;
|
|
148
|
+
--mk-surface-sunken: #e3e7ec;
|
|
149
|
+
--mk-selected: #e3e7ec;
|
|
150
|
+
--mk-rim: #d6dbe1;
|
|
151
|
+
--mk-blur: 0px;
|
|
152
|
+
--mk-saturate: 1;
|
|
153
|
+
--mk-shadow: 0 1px 2px rgb(13 17 23 / .08);
|
|
154
|
+
--mk-accent: #2457e6;
|
|
155
|
+
--mk-accent-gradient: linear-gradient(#0d1117, #0d1117);
|
|
156
|
+
--mk-on: #ffc533;
|
|
157
|
+
--mk-on-ink: #0d1117;
|
|
158
|
+
--mk-on-glow: none;
|
|
159
|
+
--mk-button: #0d1117;
|
|
160
|
+
--mk-button-ink: #ffffff;
|
|
161
|
+
--mk-ok: #12804f;
|
|
162
|
+
--mk-warn: #a85d00;
|
|
163
|
+
--mk-alert: #c4282d;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
:root {
|
|
167
|
+
/* Type */
|
|
168
|
+
--mk-font: "Manrope", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
169
|
+
--mk-text-xs: 12px;
|
|
170
|
+
--mk-text-sm: 13px;
|
|
171
|
+
--mk-text: 15px;
|
|
172
|
+
--mk-text-lg: 18px;
|
|
173
|
+
--mk-title: 24px;
|
|
174
|
+
--mk-display: 40px;
|
|
175
|
+
--mk-hero: 64px;
|
|
176
|
+
--mk-tight: -0.035em;
|
|
177
|
+
|
|
178
|
+
/* Shape: continuous corners where the browser supports them */
|
|
179
|
+
--mk-radius-sm: 12px;
|
|
180
|
+
--mk-radius: 22px;
|
|
181
|
+
--mk-radius-lg: 30px;
|
|
182
|
+
--mk-pill: 999px;
|
|
183
|
+
|
|
184
|
+
/* Space: 4 px steps */
|
|
185
|
+
--mk-1: 4px;
|
|
186
|
+
--mk-2: 8px;
|
|
187
|
+
--mk-3: 12px;
|
|
188
|
+
--mk-4: 16px;
|
|
189
|
+
--mk-5: 20px;
|
|
190
|
+
--mk-6: 24px;
|
|
191
|
+
--mk-8: 32px;
|
|
192
|
+
|
|
193
|
+
/* Motion */
|
|
194
|
+
--mk-ease: cubic-bezier(.2, .8, .2, 1);
|
|
195
|
+
--mk-spring: cubic-bezier(.34, 1.56, .64, 1);
|
|
196
|
+
--mk-fast: 140ms;
|
|
197
|
+
--mk-slow: 320ms;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
@media (prefers-reduced-motion: reduce) {
|
|
201
|
+
:root { --mk-fast: 0ms; --mk-slow: 0ms; }
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
/*
|
|
205
|
+
* Miakapp component recipes. Plain CSS on top of tokens.css: take what you
|
|
206
|
+
* need, rewrite the rest. No class here is required by Miakapp.
|
|
207
|
+
*/
|
|
208
|
+
|
|
209
|
+
.mk-app {
|
|
210
|
+
min-height: 100%;
|
|
211
|
+
font-family: var(--mk-font);
|
|
212
|
+
font-size: var(--mk-text);
|
|
213
|
+
color: var(--mk-ink);
|
|
214
|
+
background: var(--mk-bg-art), var(--mk-bg);
|
|
215
|
+
background-attachment: fixed;
|
|
216
|
+
-webkit-font-smoothing: antialiased;
|
|
217
|
+
font-variant-numeric: tabular-nums;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/* Glass: the one surface. Stack at most two levels. */
|
|
221
|
+
.mk-glass {
|
|
222
|
+
background: var(--mk-surface);
|
|
223
|
+
border: 1px solid var(--mk-rim);
|
|
224
|
+
border-radius: var(--mk-radius);
|
|
225
|
+
box-shadow: var(--mk-shadow);
|
|
226
|
+
-webkit-backdrop-filter: blur(var(--mk-blur)) saturate(var(--mk-saturate));
|
|
227
|
+
backdrop-filter: blur(var(--mk-blur)) saturate(var(--mk-saturate));
|
|
228
|
+
}
|
|
229
|
+
@supports (corner-shape: squircle) {
|
|
230
|
+
.mk-glass, .mk-tile, .mk-scene { corner-shape: squircle; border-radius: calc(var(--mk-radius) * 1.6); }
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
/* Type */
|
|
234
|
+
.mk-hero { font-size: var(--mk-hero); font-weight: 800; letter-spacing: var(--mk-tight); line-height: .95; }
|
|
235
|
+
.mk-display { font-size: var(--mk-display); font-weight: 800; letter-spacing: var(--mk-tight); line-height: 1; }
|
|
236
|
+
.mk-title { font-size: var(--mk-title); font-weight: 800; letter-spacing: -0.02em; }
|
|
237
|
+
.mk-label { font-size: var(--mk-text-sm); font-weight: 600; color: var(--mk-ink-2); }
|
|
238
|
+
.mk-meta { font-size: var(--mk-text-xs); color: var(--mk-ink-3); }
|
|
239
|
+
.mk-gradient-text {
|
|
240
|
+
background: var(--mk-accent-gradient);
|
|
241
|
+
-webkit-background-clip: text; background-clip: text;
|
|
242
|
+
color: transparent;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
/* Buttons */
|
|
246
|
+
.mk-button {
|
|
247
|
+
display: inline-flex; align-items: center; justify-content: center; gap: var(--mk-2);
|
|
248
|
+
min-height: 44px; padding: 0 var(--mk-5);
|
|
249
|
+
border: 0; border-radius: var(--mk-pill);
|
|
250
|
+
background: var(--mk-button); color: var(--mk-button-ink);
|
|
251
|
+
font: 700 var(--mk-text)/1 var(--mk-font);
|
|
252
|
+
cursor: pointer;
|
|
253
|
+
transition: transform var(--mk-fast) var(--mk-spring);
|
|
254
|
+
}
|
|
255
|
+
.mk-button:active { transform: scale(.96); }
|
|
256
|
+
.mk-button.is-quiet { background: var(--mk-surface-sunken); color: var(--mk-ink); }
|
|
257
|
+
.mk-chip {
|
|
258
|
+
display: inline-flex; align-items: center; gap: 6px;
|
|
259
|
+
padding: 7px 12px; border-radius: var(--mk-pill);
|
|
260
|
+
background: var(--mk-surface-strong); border: 1px solid var(--mk-rim);
|
|
261
|
+
font-size: var(--mk-text-sm); font-weight: 600; white-space: nowrap;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
/* Device tile: off, on, pending, stale */
|
|
265
|
+
.mk-tile {
|
|
266
|
+
position: relative; display: grid; gap: var(--mk-1); align-content: space-between;
|
|
267
|
+
min-height: 112px; padding: var(--mk-4);
|
|
268
|
+
border-radius: var(--mk-radius);
|
|
269
|
+
background: var(--mk-surface); border: 1px solid var(--mk-rim); box-shadow: var(--mk-shadow);
|
|
270
|
+
-webkit-backdrop-filter: blur(var(--mk-blur)) saturate(var(--mk-saturate));
|
|
271
|
+
backdrop-filter: blur(var(--mk-blur)) saturate(var(--mk-saturate));
|
|
272
|
+
text-align: start; color: inherit; font: inherit; cursor: pointer;
|
|
273
|
+
transition: transform var(--mk-fast) var(--mk-spring), background var(--mk-slow) var(--mk-ease);
|
|
274
|
+
}
|
|
275
|
+
.mk-tile:active { transform: scale(.97); }
|
|
276
|
+
.mk-tile .mk-icon { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--mk-surface-sunken); }
|
|
277
|
+
.mk-tile .name { font-weight: 700; }
|
|
278
|
+
.mk-tile .value { font-size: var(--mk-text-sm); color: var(--mk-ink-2); }
|
|
279
|
+
.mk-tile.is-on { background: var(--mk-on); color: var(--mk-on-ink); box-shadow: var(--mk-on-glow); border-color: transparent; }
|
|
280
|
+
.mk-tile.is-on .value { color: inherit; opacity: .75; }
|
|
281
|
+
.mk-tile.is-on .mk-icon { background: rgb(255 255 255 / .45); }
|
|
282
|
+
.mk-tile.is-pending::after {
|
|
283
|
+
content: ""; position: absolute; top: 14px; right: 14px; width: 16px; height: 16px; border-radius: 50%;
|
|
284
|
+
border: 2px solid var(--mk-hairline); border-top-color: var(--mk-accent);
|
|
285
|
+
animation: mk-spin .8s linear infinite;
|
|
286
|
+
}
|
|
287
|
+
.mk-tile.is-stale { opacity: .55; filter: saturate(.3); cursor: default; }
|
|
288
|
+
@keyframes mk-spin { to { transform: rotate(360deg); } }
|
|
289
|
+
|
|
290
|
+
/* Scene button */
|
|
291
|
+
.mk-scene {
|
|
292
|
+
display: grid; gap: 6px; justify-items: start;
|
|
293
|
+
padding: var(--mk-3) var(--mk-4); min-width: 104px;
|
|
294
|
+
border-radius: var(--mk-radius); border: 1px solid var(--mk-rim);
|
|
295
|
+
background: var(--mk-surface); box-shadow: var(--mk-shadow);
|
|
296
|
+
font-weight: 700; color: inherit; cursor: pointer;
|
|
297
|
+
}
|
|
298
|
+
.mk-scene .emoji { font-size: 22px; }
|
|
299
|
+
|
|
300
|
+
/* Switch */
|
|
301
|
+
.mk-switch {
|
|
302
|
+
appearance: none; width: 50px; height: 30px; border-radius: var(--mk-pill);
|
|
303
|
+
background: var(--mk-surface-sunken); position: relative; cursor: pointer;
|
|
304
|
+
transition: background var(--mk-slow) var(--mk-ease);
|
|
305
|
+
}
|
|
306
|
+
.mk-switch::after {
|
|
307
|
+
content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%;
|
|
308
|
+
background: #fff; box-shadow: 0 2px 6px rgb(0 0 0 / .2);
|
|
309
|
+
transition: transform var(--mk-slow) var(--mk-spring);
|
|
310
|
+
}
|
|
311
|
+
.mk-switch:checked { background: var(--mk-on); }
|
|
312
|
+
.mk-switch:checked::after { transform: translateX(20px); }
|
|
313
|
+
|
|
314
|
+
/* Level slider (dimmer, shutter) */
|
|
315
|
+
.mk-level {
|
|
316
|
+
appearance: none; width: 100%; height: 44px; border-radius: 14px; margin: 0;
|
|
317
|
+
background:
|
|
318
|
+
linear-gradient(90deg, var(--mk-ink) 0 0) 0 0 / var(--level, 50%) 100% no-repeat,
|
|
319
|
+
var(--mk-surface-sunken);
|
|
320
|
+
cursor: pointer; overflow: hidden;
|
|
321
|
+
}
|
|
322
|
+
.mk-level::-webkit-slider-thumb { appearance: none; width: 4px; height: 44px; background: transparent; }
|
|
323
|
+
.mk-level::-moz-range-thumb { width: 4px; height: 44px; border: 0; background: transparent; }
|
|
324
|
+
|
|
325
|
+
/* The home is not answering: say it, never hide it */
|
|
326
|
+
.mk-stale-banner {
|
|
327
|
+
display: flex; align-items: center; gap: var(--mk-2);
|
|
328
|
+
padding: 10px 14px; border-radius: var(--mk-pill);
|
|
329
|
+
background: color-mix(in srgb, var(--mk-warn) 18%, var(--mk-surface-strong));
|
|
330
|
+
color: var(--mk-ink); font-size: var(--mk-text-sm); font-weight: 600;
|
|
331
|
+
}
|
|
332
|
+
.mk-stale-banner::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mk-warn); }
|
|
333
|
+
|
|
334
|
+
/* Bottom navigation */
|
|
335
|
+
.mk-tabbar {
|
|
336
|
+
display: flex; justify-content: space-around; padding: 8px;
|
|
337
|
+
border-radius: var(--mk-pill);
|
|
338
|
+
}
|
|
339
|
+
.mk-tabbar a { padding: 8px 14px; border-radius: var(--mk-pill); color: var(--mk-ink-2); text-decoration: none; font-size: var(--mk-text-xs); font-weight: 700; display: grid; justify-items: center; gap: 2px; }
|
|
340
|
+
.mk-tabbar a[aria-current] { background: var(--mk-selected); color: var(--mk-ink); }
|
|
341
|
+
|
|
342
|
+
:focus-visible { outline: 3px solid var(--mk-accent); outline-offset: 2px; }
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
/* ---- Gallery chrome (not part of the design system) ---- */
|
|
346
|
+
* { box-sizing: border-box; }
|
|
347
|
+
html, body { margin: 0; }
|
|
348
|
+
body.mk-app { padding: 28px 20px 80px; }
|
|
349
|
+
.wrap { max-width: 1180px; margin: 0 auto; }
|
|
350
|
+
header.top { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; }
|
|
351
|
+
header.top img { width: 52px; height: 52px; }
|
|
352
|
+
header.top h1 { margin: 0; font-size: 30px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; }
|
|
353
|
+
header.top p { margin: 4px 0 0; color: var(--mk-ink-2); font-size: 14px; }
|
|
354
|
+
.switch-themes { margin-left: auto; display: flex; gap: 4px; padding: 5px; border-radius: 999px; }
|
|
355
|
+
.switch-themes button { border: 0; background: transparent; padding: 9px 14px; border-radius: 999px; font: 700 13px var(--mk-font); color: var(--mk-ink-2); cursor: pointer; display: flex; gap: 6px; align-items: center; }
|
|
356
|
+
.switch-themes button i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }
|
|
357
|
+
.switch-themes button[aria-pressed="true"] { background: var(--mk-button); color: var(--mk-button-ink); }
|
|
358
|
+
h2.sec { font-size: 13px; text-transform: uppercase; letter-spacing: .12em; color: var(--mk-ink-3); margin: 44px 0 14px; font-weight: 800; }
|
|
359
|
+
.offer { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
|
|
360
|
+
.offer .mk-glass { padding: 18px; }
|
|
361
|
+
.offer b { display: block; font-size: 16px; margin-bottom: 6px; }
|
|
362
|
+
.offer code { font-size: 12px; background: var(--mk-surface-sunken); padding: 2px 6px; border-radius: 6px; }
|
|
363
|
+
.offer p { margin: 0; color: var(--mk-ink-2); font-size: 14px; line-height: 1.45; }
|
|
364
|
+
|
|
365
|
+
/* Stage: the screens take the selected theme */
|
|
366
|
+
.stage { border-radius: 36px; padding: 34px 24px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: flex-start; color: var(--mk-ink); background: var(--mk-bg-art), var(--mk-bg); font-family: var(--mk-font); font-variant-numeric: tabular-nums; transition: background .4s; }
|
|
367
|
+
.phone { width: 340px; height: 720px; border-radius: 46px; padding: 10px; background: #0b0b0f; box-shadow: 0 40px 80px -30px rgb(0 0 0 / .45); flex: none; }
|
|
368
|
+
.screen { position: relative; width: 100%; height: 100%; border-radius: 37px; overflow: hidden; background: var(--mk-bg-art), var(--mk-bg); color: var(--mk-ink); }
|
|
369
|
+
.screen .scroll { position: absolute; inset: 0; overflow: auto; padding: 46px 16px 100px; scrollbar-width: none; }
|
|
370
|
+
.screen .status { position: absolute; top: 0; left: 0; right: 0; height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 6px 26px 0; font-size: 13px; font-weight: 700; z-index: 3; }
|
|
371
|
+
.screen .tabdock { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 3; }
|
|
372
|
+
.caption { text-align: center; margin-top: 12px; font-size: 13px; font-weight: 700; color: var(--mk-ink-2); }
|
|
373
|
+
.tablet { width: 860px; max-width: 100%; aspect-ratio: 16 / 9.4; border-radius: 34px; padding: 12px; background: #0b0b0f; box-shadow: 0 40px 80px -30px rgb(0 0 0 / .45); }
|
|
374
|
+
.tablet .screen { border-radius: 24px; }
|
|
375
|
+
|
|
376
|
+
svg.i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
|
|
377
|
+
.row { display: flex; gap: 8px; align-items: center; }
|
|
378
|
+
.between { justify-content: space-between; }
|
|
379
|
+
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
|
|
380
|
+
.hscroll { display: flex; gap: 10px; overflow-x: auto; margin: 0 -16px; padding: 4px 16px 10px; scrollbar-width: none; }
|
|
381
|
+
.sechead { display: flex; justify-content: space-between; align-items: baseline; margin: 22px 2px 10px; }
|
|
382
|
+
.sechead h3 { margin: 0; font-size: 17px; font-weight: 800; letter-spacing: -0.01em; }
|
|
383
|
+
.sechead a { font-size: 13px; font-weight: 700; color: var(--mk-ink-2); text-decoration: none; }
|
|
384
|
+
.room { padding: 14px; display: grid; gap: 10px; min-height: 120px; align-content: space-between; }
|
|
385
|
+
.room .t { font-weight: 800; font-size: 16px; }
|
|
386
|
+
.room .dots { display: flex; gap: 4px; }
|
|
387
|
+
.room .dots span { width: 8px; height: 8px; border-radius: 50%; background: var(--mk-surface-sunken); }
|
|
388
|
+
.room .dots span.on { background: var(--mk-on); box-shadow: var(--mk-on-glow); }
|
|
389
|
+
.iconbtn { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; }
|
|
390
|
+
.dial { padding: 16px; display: grid; justify-items: center; gap: 6px; }
|
|
391
|
+
.dial svg { width: 230px; height: 190px; }
|
|
392
|
+
.dial .val { margin-top: -128px; margin-bottom: 58px; text-align: center; }
|
|
393
|
+
.dial .val .mk-display { font-size: 36px; }
|
|
394
|
+
.bars { display: flex; align-items: flex-end; gap: 3px; height: 120px; padding: 6px 2px 0; }
|
|
395
|
+
.bars span { flex: 1; border-radius: 4px 4px 2px 2px; background: var(--mk-surface-sunken); }
|
|
396
|
+
.bars span.now { background: var(--mk-accent-gradient); }
|
|
397
|
+
.bars span.peak { background: color-mix(in srgb, var(--mk-heat) 55%, transparent); }
|
|
398
|
+
.consumer { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; align-items: center; padding: 10px 0; border-top: 1px solid var(--mk-hairline); font-size: 14px; }
|
|
399
|
+
.consumer:first-child { border-top: 0; }
|
|
400
|
+
.consumer .meter { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--mk-surface-sunken); overflow: hidden; }
|
|
401
|
+
.consumer .meter i { display: block; height: 100%; border-radius: 3px; background: var(--mk-ink); opacity: .85; }
|
|
402
|
+
.ir { padding: 14px; }
|
|
403
|
+
.ir .pad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
|
|
404
|
+
.ir .pad button { height: 44px; border: 0; border-radius: 14px; background: var(--mk-surface-sunken); color: var(--mk-ink); font: 700 14px var(--mk-font); cursor: pointer; display: grid; place-items: center; }
|
|
405
|
+
.wall { position: absolute; inset: 0; display: grid; grid-template-columns: 1.05fr 1fr 1fr; gap: 16px; padding: 26px; }
|
|
406
|
+
.wall .col { display: grid; gap: 14px; align-content: start; }
|
|
407
|
+
.cam { height: 150px; border-radius: 20px; position: relative; overflow: hidden; background: linear-gradient(160deg, #2a3350, #6d7795 60%, #b8a88a); }
|
|
408
|
+
.cam::after { content: ""; position: absolute; inset: 0; background: radial-gradient(40% 50% at 60% 70%, rgb(255 220 150 / .45), transparent 70%); }
|
|
409
|
+
.cam .live { position: absolute; top: 10px; left: 10px; z-index: 1; font-size: 11px; font-weight: 800; color: #fff; background: rgb(0 0 0 / .35); padding: 4px 8px; border-radius: 99px; display: flex; gap: 6px; align-items: center; }
|
|
410
|
+
.cam .live::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ff5a5f; }
|
|
411
|
+
.themes { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
|
|
412
|
+
.theme-card { border-radius: 28px; padding: 18px; min-height: 230px; display: grid; gap: 12px; align-content: space-between; color: var(--mk-ink); background: var(--mk-bg-art), var(--mk-bg); font-family: var(--mk-font); border: 1px solid var(--mk-hairline); cursor: pointer; }
|
|
413
|
+
.theme-card .nm { font-size: 22px; font-weight: 800; letter-spacing: -0.02em; }
|
|
414
|
+
.theme-card .sw { display: flex; gap: 6px; }
|
|
415
|
+
.theme-card .sw span { width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--mk-hairline); }
|
|
416
|
+
.states { color: var(--mk-ink); font-family: var(--mk-font); display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; padding: 22px; border-radius: 30px; background: var(--mk-bg-art), var(--mk-bg); }
|
|
417
|
+
.states .lbl { font-size: 12px; font-weight: 700; color: var(--mk-ink-3); margin-top: 6px; text-align: center; }
|
|
418
|
+
.rules { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
|
|
419
|
+
.rules .mk-glass { padding: 16px 18px; font-size: 14px; line-height: 1.45; color: var(--mk-ink-2); }
|
|
420
|
+
.rules b { color: var(--mk-ink); display: block; margin-bottom: 4px; font-size: 15px; }
|
|
421
|
+
.miakapp-bar { align-items: center; gap: 2px; }
|
|
422
|
+
.miakapp-bar .agent-slot { display: flex; gap: 2px; padding: 0 4px; border-left: 1px dashed var(--mk-hairline); border-right: 1px dashed var(--mk-hairline); }
|
|
423
|
+
.miakapp-bar .avatar { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; font-weight: 800; background: var(--mk-on); color: var(--mk-on-ink); }
|
|
424
|
+
.fav { font-size: 12px; font-weight: 800; vertical-align: middle; padding: 3px 8px; border-radius: 99px; background: var(--mk-on); color: var(--mk-on-ink); letter-spacing: 0; }
|
|
425
|
+
.barnote { margin: 18px auto 0; max-width: 760px; text-align: center; font-size: 13px; color: var(--mk-ink-2); line-height: 1.5; }
|
|
426
|
+
@media (max-width: 560px) {
|
|
427
|
+
body.mk-app { padding: 18px 12px 60px; }
|
|
428
|
+
.switch-themes { margin-left: 0; width: 100%; overflow-x: auto; }
|
|
429
|
+
.stage { padding: 18px 8px; border-radius: 24px; }
|
|
430
|
+
.phone { width: 100%; max-width: 340px; }
|
|
431
|
+
.tablet { aspect-ratio: auto; height: 900px; }
|
|
432
|
+
.wall { grid-template-columns: 1fr; overflow: auto; }
|
|
433
|
+
}
|
|
434
|
+
</style>
|
|
435
|
+
</head>
|
|
436
|
+
<body class="mk-app">
|
|
437
|
+
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
|
|
438
|
+
<symbol id="bulb" viewBox="0 0 24 24"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6M10 22h4"/></symbol>
|
|
439
|
+
<symbol id="thermo" viewBox="0 0 24 24"><path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"/></symbol>
|
|
440
|
+
<symbol id="blind" viewBox="0 0 24 24"><path d="M3 3h18M20 7H8M20 11H8M10 19h10M8 15h12M4 3v14"/><circle cx="4" cy="19" r="2"/></symbol>
|
|
441
|
+
<symbol id="lock" viewBox="0 0 24 24"><rect x="4" y="11" width="16" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></symbol>
|
|
442
|
+
<symbol id="plug" viewBox="0 0 24 24"><path d="M12 22v-5M9 8V2M15 8V2M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z"/></symbol>
|
|
443
|
+
<symbol id="tv" viewBox="0 0 24 24"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="m17 2-5 5-5-5"/></symbol>
|
|
444
|
+
<symbol id="sun" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></symbol>
|
|
445
|
+
<symbol id="moon" viewBox="0 0 24 24"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></symbol>
|
|
446
|
+
<symbol id="home" viewBox="0 0 24 24"><path d="M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z"/></symbol>
|
|
447
|
+
<symbol id="bolt" viewBox="0 0 24 24"><path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/></symbol>
|
|
448
|
+
<symbol id="wind" viewBox="0 0 24 24"><path d="M17.7 7.7a2.5 2.5 0 1 1 1.8 4.3H2M9.6 4.6A2 2 0 1 1 11 8H2M12.6 19.4A2 2 0 1 0 14 16H2"/></symbol>
|
|
449
|
+
<symbol id="back" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></symbol>
|
|
450
|
+
<symbol id="grid" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="2"/><rect x="14" y="3" width="7" height="7" rx="2"/><rect x="3" y="14" width="7" height="7" rx="2"/><rect x="14" y="14" width="7" height="7" rx="2"/></symbol>
|
|
451
|
+
<symbol id="cloud" viewBox="0 0 24 24"><path d="M17.5 19H9a7 7 0 1 1 6.7-9h1.8a4.5 4.5 0 1 1 0 9Z"/></symbol>
|
|
452
|
+
<symbol id="door" viewBox="0 0 24 24"><path d="M13 4h3a2 2 0 0 1 2 2v14M2 20h3M13 20h9M10 12v.01M13 4.6v16.8a.6.6 0 0 1-.8.6L5 20V5.6a1 1 0 0 1 .8-1L12.2 3a.7.7 0 0 1 .8.6Z"/></symbol>
|
|
453
|
+
</svg>
|
|
454
|
+
|
|
455
|
+
<div class="wrap">
|
|
456
|
+
<header class="top">
|
|
457
|
+
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz4KICA8bGluZWFyR3JhZGllbnQgaWQ9InNoZWVuIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjMwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxsaW5lYXJHcmFkaWVudCBpZD0icmltIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjU1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8ZmlsdGVyIGlkPSJibHVyIiB4PSItNTAlIiB5PSItNTAlIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMSIvPjwvZmlsdGVyPgogIDxmaWx0ZXIgaWQ9ImRyb3AiIHg9Ii0yMCUiIHk9Ii0yMCUiIHdpZHRoPSIxNDAlIiBoZWlnaHQ9IjE0MCUiPjxmZURyb3BTaGFkb3cgZHg9IjAiIGR5PSIxLjYiIHN0ZERldmlhdGlvbj0iMS42IiBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjI4Ii8+PC9maWx0ZXI+CiAgPGNsaXBQYXRoIGlkPSJjbGlwIj48cGF0aCBkPSJNMTAwLjAwIDUwLjAwTDEwMC4wMCA1OS45MEw5OS45OSA2My4wNkw5OS45NyA2NS4zNkw5OS45NSA2Ny4yM0w5OS45MiA2OC44NEw5OS44OSA3MC4yNkw5OS44NSA3MS41NEw5OS44MCA3Mi43Mkw5OS43NSA3My44MUw5OS42OSA3NC44Mkw5OS42MyA3NS43OEw5OS41NiA3Ni42OEw5OS40OCA3Ny41M0w5OS40MCA3OC4zNEw5OS4zMSA3OS4xMkw5OS4yMiA3OS44Nkw5OS4xMSA4MC41N0w5OS4wMSA4MS4yNkw5OC44OSA4MS45Mkw5OC43NyA4Mi41NUw5OC42NCA4My4xN0w5OC41MSA4My43Nkw5OC4zNyA4NC4zM0w5OC4yMiA4NC44OUw5OC4wNyA4NS40M0w5Ny45MSA4NS45NUw5Ny43NCA4Ni40Nkw5Ny41NyA4Ni45NUw5Ny4zOSA4Ny40M0w5Ny4yMCA4Ny44OUw5Ny4wMSA4OC4zNEw5Ni44MSA4OC43OEw5Ni42MCA4OS4yMUw5Ni4zOSA4OS42M0w5Ni4xNyA5MC4wM0w5NS45NCA5MC40M0w5NS43MCA5MC44MUw5NS40NiA5MS4xOEw5NS4yMCA5MS41NEw5NC45NCA5MS45MEw5NC42OCA5Mi4yNEw5NC40MCA5Mi41OEw5NC4xMiA5Mi45MEw5My44MyA5My4yMkw5My41MyA5My41M0w5My4yMiA5My44M0w5Mi45MCA5NC4xMkw5Mi41OCA5NC40MEw5Mi4yNCA5NC42OEw5MS45MCA5NC45NEw5MS41NCA5NS4yMEw5MS4xOCA5NS40Nkw5MC44MSA5NS43MEw5MC40MyA5NS45NEw5MC4wMyA5Ni4xN0w4OS42MyA5Ni4zOUw4OS4yMSA5Ni42MEw4OC43OCA5Ni44MUw4OC4zNCA5Ny4wMUw4Ny44OSA5Ny4yMEw4Ny40MyA5Ny4zOUw4Ni45NSA5Ny41N0w4Ni40NiA5Ny43NEw4NS45NSA5Ny45MUw4NS40MyA5OC4wN0w4NC44OSA5OC4yMkw4NC4zMyA5OC4zN0w4My43NiA5OC41MUw4My4xNyA5OC42NEw4Mi41NSA5OC43N0w4MS45MiA5OC44OUw4MS4yNiA5OS4wMUw4MC41NyA5OS4xMUw3OS44NiA5OS4yMkw3OS4xMiA5OS4zMUw3OC4zNCA5OS40MEw3Ny41MyA5OS40OEw3Ni42OCA5OS41Nkw3NS43OCA5OS42M0w3NC44MiA5OS42OUw3My44MSA5OS43NUw3Mi43MiA5OS44MEw3MS41NCA5OS44NUw3MC4yNiA5OS44OUw2OC44NCA5OS45Mkw2Ny4yMyA5OS45NUw2NS4zNiA5OS45N0w2My4wNiA5OS45OUw1OS45MCAxMDAuMDBMNTAuMDAgMTAwLjAwTDQwLjEwIDEwMC4wMEwzNi45NCA5OS45OUwzNC42NCA5OS45N0wzMi43NyA5OS45NUwzMS4xNiA5OS45MkwyOS43NCA5OS44OUwyOC40NiA5OS44NUwyNy4yOCA5OS44MEwyNi4xOSA5OS43NUwyNS4xOCA5OS42OUwyNC4yMiA5OS42M0wyMy4zMiA5OS41NkwyMi40NyA5OS40OEwyMS42NiA5OS40MEwyMC44OCA5OS4zMUwyMC4xNCA5OS4yMkwxOS40MyA5OS4xMUwxOC43NCA5OS4wMUwxOC4wOCA5OC44OUwxNy40NSA5OC43N0wxNi44MyA5OC42NEwxNi4yNCA5OC41MUwxNS42NyA5OC4zN0wxNS4xMSA5OC4yMkwxNC41NyA5OC4wN0wxNC4wNSA5Ny45MUwxMy41NCA5Ny43NEwxMy4wNSA5Ny41N0wxMi41NyA5Ny4zOUwxMi4xMSA5Ny4yMEwxMS42NiA5Ny4wMUwxMS4yMiA5Ni44MUwxMC43OSA5Ni42MEwxMC4zNyA5Ni4zOUw5Ljk3IDk2LjE3TDkuNTcgOTUuOTRMOS4xOSA5NS43MEw4LjgyIDk1LjQ2TDguNDYgOTUuMjBMOC4xMCA5NC45NEw3Ljc2IDk0LjY4TDcuNDIgOTQuNDBMNy4xMCA5NC4xMkw2Ljc4IDkzLjgzTDYuNDcgOTMuNTNMNi4xNyA5My4yMkw1Ljg4IDkyLjkwTDUuNjAgOTIuNThMNS4zMiA5Mi4yNEw1LjA2IDkxLjkwTDQuODAgOTEuNTRMNC41NCA5MS4xOEw0LjMwIDkwLjgxTDQuMDYgOTAuNDNMMy44MyA5MC4wM0wzLjYxIDg5LjYzTDMuNDAgODkuMjFMMy4xOSA4OC43OEwyLjk5IDg4LjM0TDIuODAgODcuODlMMi42MSA4Ny40M0wyLjQzIDg2Ljk1TDIuMjYgODYuNDZMMi4wOSA4NS45NUwxLjkzIDg1LjQzTDEuNzggODQuODlMMS42MyA4NC4zM0wxLjQ5IDgzLjc2TDEuMzYgODMuMTdMMS4yMyA4Mi41NUwxLjExIDgxLjkyTDAuOTkgODEuMjZMMC44OSA4MC41N0wwLjc4IDc5Ljg2TDAuNjkgNzkuMTJMMC42MCA3OC4zNEwwLjUyIDc3LjUzTDAuNDQgNzYuNjhMMC4zNyA3NS43OEwwLjMxIDc0LjgyTDAuMjUgNzMuODFMMC4yMCA3Mi43MkwwLjE1IDcxLjU0TDAuMTEgNzAuMjZMMC4wOCA2OC44NEwwLjA1IDY3LjIzTDAuMDMgNjUuMzZMMC4wMSA2My4wNkwwLjAwIDU5LjkwTDAuMDAgNTAuMDBMMC4wMCA0MC4xMEwwLjAxIDM2Ljk0TDAuMDMgMzQuNjRMMC4wNSAzMi43N0wwLjA4IDMxLjE2TDAuMTEgMjkuNzRMMC4xNSAyOC40NkwwLjIwIDI3LjI4TDAuMjUgMjYuMTlMMC4zMSAyNS4xOEwwLjM3IDI0LjIyTDAuNDQgMjMuMzJMMC41MiAyMi40N0wwLjYwIDIxLjY2TDAuNjkgMjAuODhMMC43OCAyMC4xNEwwLjg5IDE5LjQzTDAuOTkgMTguNzRMMS4xMSAxOC4wOEwxLjIzIDE3LjQ1TDEuMzYgMTYuODNMMS40OSAxNi4yNEwxLjYzIDE1LjY3TDEuNzggMTUuMTFMMS45MyAxNC41N0wyLjA5IDE0LjA1TDIuMjYgMTMuNTRMMi40MyAxMy4wNUwyLjYxIDEyLjU3TDIuODAgMTIuMTFMMi45OSAxMS42NkwzLjE5IDExLjIyTDMuNDAgMTAuNzlMMy42MSAxMC4zN0wzLjgzIDkuOTdMNC4wNiA5LjU3TDQuMzAgOS4xOUw0LjU0IDguODJMNC44MCA4LjQ2TDUuMDYgOC4xMEw1LjMyIDcuNzZMNS42MCA3LjQyTDUuODggNy4xMEw2LjE3IDYuNzhMNi40NyA2LjQ3TDYuNzggNi4xN0w3LjEwIDUuODhMNy40MiA1LjYwTDcuNzYgNS4zMkw4LjEwIDUuMDZMOC40NiA0LjgwTDguODIgNC41NEw5LjE5IDQuMzBMOS41NyA0LjA2TDkuOTcgMy44M0wxMC4zNyAzLjYxTDEwLjc5IDMuNDBMMTEuMjIgMy4xOUwxMS42NiAyLjk5TDEyLjExIDIuODBMMTIuNTcgMi42MUwxMy4wNSAyLjQzTDEzLjU0IDIuMjZMMTQuMDUgMi4wOUwxNC41NyAxLjkzTDE1LjExIDEuNzhMMTUuNjcgMS42M0wxNi4yNCAxLjQ5TDE2LjgzIDEuMzZMMTcuNDUgMS4yM0wxOC4wOCAxLjExTDE4Ljc0IDAuOTlMMTkuNDMgMC44OUwyMC4xNCAwLjc4TDIwLjg4IDAuNjlMMjEuNjYgMC42MEwyMi40NyAwLjUyTDIzLjMyIDAuNDRMMjQuMjIgMC4zN0wyNS4xOCAwLjMxTDI2LjE5IDAuMjVMMjcuMjggMC4yMEwyOC40NiAwLjE1TDI5Ljc0IDAuMTFMMzEuMTYgMC4wOEwzMi43NyAwLjA1TDM0LjY0IDAuMDNMMzYuOTQgMC4wMUw0MC4xMCAwLjAwTDUwLjAwIDAuMDBMNTkuOTAgMC4wMEw2My4wNiAwLjAxTDY1LjM2IDAuMDNMNjcuMjMgMC4wNUw2OC44NCAwLjA4TDcwLjI2IDAuMTFMNzEuNTQgMC4xNUw3Mi43MiAwLjIwTDczLjgxIDAuMjVMNzQuODIgMC4zMUw3NS43OCAwLjM3TDc2LjY4IDAuNDRMNzcuNTMgMC41Mkw3OC4zNCAwLjYwTDc5LjEyIDAuNjlMNzkuODYgMC43OEw4MC41NyAwLjg5TDgxLjI2IDAuOTlMODEuOTIgMS4xMUw4Mi41NSAxLjIzTDgzLjE3IDEuMzZMODMuNzYgMS40OUw4NC4zMyAxLjYzTDg0Ljg5IDEuNzhMODUuNDMgMS45M0w4NS45NSAyLjA5TDg2LjQ2IDIuMjZMODYuOTUgMi40M0w4Ny40MyAyLjYxTDg3Ljg5IDIuODBMODguMzQgMi45OUw4OC43OCAzLjE5TDg5LjIxIDMuNDBMODkuNjMgMy42MUw5MC4wMyAzLjgzTDkwLjQzIDQuMDZMOTAuODEgNC4zMEw5MS4xOCA0LjU0TDkxLjU0IDQuODBMOTEuOTAgNS4wNkw5Mi4yNCA1LjMyTDkyLjU4IDUuNjBMOTIuOTAgNS44OEw5My4yMiA2LjE3TDkzLjUzIDYuNDdMOTMuODMgNi43OEw5NC4xMiA3LjEwTDk0LjQwIDcuNDJMOTQuNjggNy43Nkw5NC45NCA4LjEwTDk1LjIwIDguNDZMOTUuNDYgOC44Mkw5NS43MCA5LjE5TDk1Ljk0IDkuNTdMOTYuMTcgOS45N0w5Ni4zOSAxMC4zN0w5Ni42MCAxMC43OUw5Ni44MSAxMS4yMkw5Ny4wMSAxMS42Nkw5Ny4yMCAxMi4xMUw5Ny4zOSAxMi41N0w5Ny41NyAxMy4wNUw5Ny43NCAxMy41NEw5Ny45MSAxNC4wNUw5OC4wNyAxNC41N0w5OC4yMiAxNS4xMUw5OC4zNyAxNS42N0w5OC41MSAxNi4yNEw5OC42NCAxNi44M0w5OC43NyAxNy40NUw5OC44OSAxOC4wOEw5OS4wMSAxOC43NEw5OS4xMSAxOS40M0w5OS4yMiAyMC4xNEw5OS4zMSAyMC44OEw5OS40MCAyMS42Nkw5OS40OCAyMi40N0w5OS41NiAyMy4zMkw5OS42MyAyNC4yMkw5OS42OSAyNS4xOEw5OS43NSAyNi4xOUw5OS44MCAyNy4yOEw5OS44NSAyOC40Nkw5OS44OSAyOS43NEw5OS45MiAzMS4xNkw5OS45NSAzMi43N0w5OS45NyAzNC42NEw5OS45OSAzNi45NEwxMDAuMDAgNDAuMTBaIi8+PC9jbGlwUGF0aD48bGluZWFyR3JhZGllbnQgaWQ9ImJnIiB4MT0iMCIgeTE9IjAiIHgyPSIuMyIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzFEMkI1NyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzBBMTAyNCIvPjwvbGluZWFyR3JhZGllbnQ+CiAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZmciIHgxPSIwIiB5MT0iMCIgeDI9Ii40IiB5Mj0iMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkZFNDhBIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZBNjNCIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTEwMC4wMCA1MC4wMEwxMDAuMDAgNTkuOTBMOTkuOTkgNjMuMDZMOTkuOTcgNjUuMzZMOTkuOTUgNjcuMjNMOTkuOTIgNjguODRMOTkuODkgNzAuMjZMOTkuODUgNzEuNTRMOTkuODAgNzIuNzJMOTkuNzUgNzMuODFMOTkuNjkgNzQuODJMOTkuNjMgNzUuNzhMOTkuNTYgNzYuNjhMOTkuNDggNzcuNTNMOTkuNDAgNzguMzRMOTkuMzEgNzkuMTJMOTkuMjIgNzkuODZMOTkuMTEgODAuNTdMOTkuMDEgODEuMjZMOTguODkgODEuOTJMOTguNzcgODIuNTVMOTguNjQgODMuMTdMOTguNTEgODMuNzZMOTguMzcgODQuMzNMOTguMjIgODQuODlMOTguMDcgODUuNDNMOTcuOTEgODUuOTVMOTcuNzQgODYuNDZMOTcuNTcgODYuOTVMOTcuMzkgODcuNDNMOTcuMjAgODcuODlMOTcuMDEgODguMzRMOTYuODEgODguNzhMOTYuNjAgODkuMjFMOTYuMzkgODkuNjNMOTYuMTcgOTAuMDNMOTUuOTQgOTAuNDNMOTUuNzAgOTAuODFMOTUuNDYgOTEuMThMOTUuMjAgOTEuNTRMOTQuOTQgOTEuOTBMOTQuNjggOTIuMjRMOTQuNDAgOTIuNThMOTQuMTIgOTIuOTBMOTMuODMgOTMuMjJMOTMuNTMgOTMuNTNMOTMuMjIgOTMuODNMOTIuOTAgOTQuMTJMOTIuNTggOTQuNDBMOTIuMjQgOTQuNjhMOTEuOTAgOTQuOTRMOTEuNTQgOTUuMjBMOTEuMTggOTUuNDZMOTAuODEgOTUuNzBMOTAuNDMgOTUuOTRMOTAuMDMgOTYuMTdMODkuNjMgOTYuMzlMODkuMjEgOTYuNjBMODguNzggOTYuODFMODguMzQgOTcuMDFMODcuODkgOTcuMjBMODcuNDMgOTcuMzlMODYuOTUgOTcuNTdMODYuNDYgOTcuNzRMODUuOTUgOTcuOTFMODUuNDMgOTguMDdMODQuODkgOTguMjJMODQuMzMgOTguMzdMODMuNzYgOTguNTFMODMuMTcgOTguNjRMODIuNTUgOTguNzdMODEuOTIgOTguODlMODEuMjYgOTkuMDFMODAuNTcgOTkuMTFMNzkuODYgOTkuMjJMNzkuMTIgOTkuMzFMNzguMzQgOTkuNDBMNzcuNTMgOTkuNDhMNzYuNjggOTkuNTZMNzUuNzggOTkuNjNMNzQuODIgOTkuNjlMNzMuODEgOTkuNzVMNzIuNzIgOTkuODBMNzEuNTQgOTkuODVMNzAuMjYgOTkuODlMNjguODQgOTkuOTJMNjcuMjMgOTkuOTVMNjUuMzYgOTkuOTdMNjMuMDYgOTkuOTlMNTkuOTAgMTAwLjAwTDUwLjAwIDEwMC4wMEw0MC4xMCAxMDAuMDBMMzYuOTQgOTkuOTlMMzQuNjQgOTkuOTdMMzIuNzcgOTkuOTVMMzEuMTYgOTkuOTJMMjkuNzQgOTkuODlMMjguNDYgOTkuODVMMjcuMjggOTkuODBMMjYuMTkgOTkuNzVMMjUuMTggOTkuNjlMMjQuMjIgOTkuNjNMMjMuMzIgOTkuNTZMMjIuNDcgOTkuNDhMMjEuNjYgOTkuNDBMMjAuODggOTkuMzFMMjAuMTQgOTkuMjJMMTkuNDMgOTkuMTFMMTguNzQgOTkuMDFMMTguMDggOTguODlMMTcuNDUgOTguNzdMMTYuODMgOTguNjRMMTYuMjQgOTguNTFMMTUuNjcgOTguMzdMMTUuMTEgOTguMjJMMTQuNTcgOTguMDdMMTQuMDUgOTcuOTFMMTMuNTQgOTcuNzRMMTMuMDUgOTcuNTdMMTIuNTcgOTcuMzlMMTIuMTEgOTcuMjBMMTEuNjYgOTcuMDFMMTEuMjIgOTYuODFMMTAuNzkgOTYuNjBMMTAuMzcgOTYuMzlMOS45NyA5Ni4xN0w5LjU3IDk1Ljk0TDkuMTkgOTUuNzBMOC44MiA5NS40Nkw4LjQ2IDk1LjIwTDguMTAgOTQuOTRMNy43NiA5NC42OEw3LjQyIDk0LjQwTDcuMTAgOTQuMTJMNi43OCA5My44M0w2LjQ3IDkzLjUzTDYuMTcgOTMuMjJMNS44OCA5Mi45MEw1LjYwIDkyLjU4TDUuMzIgOTIuMjRMNS4wNiA5MS45MEw0LjgwIDkxLjU0TDQuNTQgOTEuMThMNC4zMCA5MC44MUw0LjA2IDkwLjQzTDMuODMgOTAuMDNMMy42MSA4OS42M0wzLjQwIDg5LjIxTDMuMTkgODguNzhMMi45OSA4OC4zNEwyLjgwIDg3Ljg5TDIuNjEgODcuNDNMMi40MyA4Ni45NUwyLjI2IDg2LjQ2TDIuMDkgODUuOTVMMS45MyA4NS40M0wxLjc4IDg0Ljg5TDEuNjMgODQuMzNMMS40OSA4My43NkwxLjM2IDgzLjE3TDEuMjMgODIuNTVMMS4xMSA4MS45MkwwLjk5IDgxLjI2TDAuODkgODAuNTdMMC43OCA3OS44NkwwLjY5IDc5LjEyTDAuNjAgNzguMzRMMC41MiA3Ny41M0wwLjQ0IDc2LjY4TDAuMzcgNzUuNzhMMC4zMSA3NC44MkwwLjI1IDczLjgxTDAuMjAgNzIuNzJMMC4xNSA3MS41NEwwLjExIDcwLjI2TDAuMDggNjguODRMMC4wNSA2Ny4yM0wwLjAzIDY1LjM2TDAuMDEgNjMuMDZMMC4wMCA1OS45MEwwLjAwIDUwLjAwTDAuMDAgNDAuMTBMMC4wMSAzNi45NEwwLjAzIDM0LjY0TDAuMDUgMzIuNzdMMC4wOCAzMS4xNkwwLjExIDI5Ljc0TDAuMTUgMjguNDZMMC4yMCAyNy4yOEwwLjI1IDI2LjE5TDAuMzEgMjUuMThMMC4zNyAyNC4yMkwwLjQ0IDIzLjMyTDAuNTIgMjIuNDdMMC42MCAyMS42NkwwLjY5IDIwLjg4TDAuNzggMjAuMTRMMC44OSAxOS40M0wwLjk5IDE4Ljc0TDEuMTEgMTguMDhMMS4yMyAxNy40NUwxLjM2IDE2LjgzTDEuNDkgMTYuMjRMMS42MyAxNS42N0wxLjc4IDE1LjExTDEuOTMgMTQuNTdMMi4wOSAxNC4wNUwyLjI2IDEzLjU0TDIuNDMgMTMuMDVMMi42MSAxMi41N0wyLjgwIDEyLjExTDIuOTkgMTEuNjZMMy4xOSAxMS4yMkwzLjQwIDEwLjc5TDMuNjEgMTAuMzdMMy44MyA5Ljk3TDQuMDYgOS41N0w0LjMwIDkuMTlMNC41NCA4LjgyTDQuODAgOC40Nkw1LjA2IDguMTBMNS4zMiA3Ljc2TDUuNjAgNy40Mkw1Ljg4IDcuMTBMNi4xNyA2Ljc4TDYuNDcgNi40N0w2Ljc4IDYuMTdMNy4xMCA1Ljg4TDcuNDIgNS42MEw3Ljc2IDUuMzJMOC4xMCA1LjA2TDguNDYgNC44MEw4LjgyIDQuNTRMOS4xOSA0LjMwTDkuNTcgNC4wNkw5Ljk3IDMuODNMMTAuMzcgMy42MUwxMC43OSAzLjQwTDExLjIyIDMuMTlMMTEuNjYgMi45OUwxMi4xMSAyLjgwTDEyLjU3IDIuNjFMMTMuMDUgMi40M0wxMy41NCAyLjI2TDE0LjA1IDIuMDlMMTQuNTcgMS45M0wxNS4xMSAxLjc4TDE1LjY3IDEuNjNMMTYuMjQgMS40OUwxNi44MyAxLjM2TDE3LjQ1IDEuMjNMMTguMDggMS4xMUwxOC43NCAwLjk5TDE5LjQzIDAuODlMMjAuMTQgMC43OEwyMC44OCAwLjY5TDIxLjY2IDAuNjBMMjIuNDcgMC41MkwyMy4zMiAwLjQ0TDI0LjIyIDAuMzdMMjUuMTggMC4zMUwyNi4xOSAwLjI1TDI3LjI4IDAuMjBMMjguNDYgMC4xNUwyOS43NCAwLjExTDMxLjE2IDAuMDhMMzIuNzcgMC4wNUwzNC42NCAwLjAzTDM2Ljk0IDAuMDFMNDAuMTAgMC4wMEw1MC4wMCAwLjAwTDU5LjkwIDAuMDBMNjMuMDYgMC4wMUw2NS4zNiAwLjAzTDY3LjIzIDAuMDVMNjguODQgMC4wOEw3MC4yNiAwLjExTDcxLjU0IDAuMTVMNzIuNzIgMC4yMEw3My44MSAwLjI1TDc0LjgyIDAuMzFMNzUuNzggMC4zN0w3Ni42OCAwLjQ0TDc3LjUzIDAuNTJMNzguMzQgMC42MEw3OS4xMiAwLjY5TDc5Ljg2IDAuNzhMODAuNTcgMC44OUw4MS4yNiAwLjk5TDgxLjkyIDEuMTFMODIuNTUgMS4yM0w4My4xNyAxLjM2TDgzLjc2IDEuNDlMODQuMzMgMS42M0w4NC44OSAxLjc4TDg1LjQzIDEuOTNMODUuOTUgMi4wOUw4Ni40NiAyLjI2TDg2Ljk1IDIuNDNMODcuNDMgMi42MUw4Ny44OSAyLjgwTDg4LjM0IDIuOTlMODguNzggMy4xOUw4OS4yMSAzLjQwTDg5LjYzIDMuNjFMOTAuMDMgMy44M0w5MC40MyA0LjA2TDkwLjgxIDQuMzBMOTEuMTggNC41NEw5MS41NCA0LjgwTDkxLjkwIDUuMDZMOTIuMjQgNS4zMkw5Mi41OCA1LjYwTDkyLjkwIDUuODhMOTMuMjIgNi4xN0w5My41MyA2LjQ3TDkzLjgzIDYuNzhMOTQuMTIgNy4xMEw5NC40MCA3LjQyTDk0LjY4IDcuNzZMOTQuOTQgOC4xMEw5NS4yMCA4LjQ2TDk1LjQ2IDguODJMOTUuNzAgOS4xOUw5NS45NCA5LjU3TDk2LjE3IDkuOTdMOTYuMzkgMTAuMzdMOTYuNjAgMTAuNzlMOTYuODEgMTEuMjJMOTcuMDEgMTEuNjZMOTcuMjAgMTIuMTFMOTcuMzkgMTIuNTdMOTcuNTcgMTMuMDVMOTcuNzQgMTMuNTRMOTcuOTEgMTQuMDVMOTguMDcgMTQuNTdMOTguMjIgMTUuMTFMOTguMzcgMTUuNjdMOTguNTEgMTYuMjRMOTguNjQgMTYuODNMOTguNzcgMTcuNDVMOTguODkgMTguMDhMOTkuMDEgMTguNzRMOTkuMTEgMTkuNDNMOTkuMjIgMjAuMTRMOTkuMzEgMjAuODhMOTkuNDAgMjEuNjZMOTkuNDggMjIuNDdMOTkuNTYgMjMuMzJMOTkuNjMgMjQuMjJMOTkuNjkgMjUuMThMOTkuNzUgMjYuMTlMOTkuODAgMjcuMjhMOTkuODUgMjguNDZMOTkuODkgMjkuNzRMOTkuOTIgMzEuMTZMOTkuOTUgMzIuNzdMOTkuOTcgMzQuNjRMOTkuOTkgMzYuOTRMMTAwLjAwIDQwLjEwWiIgZmlsbD0idXJsKCNiZykiLz4KICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXApIj48Y2lyY2xlIGN4PSI4MCIgY3k9IjE0IiByPSIyNiIgZmlsbD0iIzRDNkJENiIgb3BhY2l0eT0iLjQ1IiBmaWx0ZXI9InVybCgjYmx1cikiLz48Y2lyY2xlIGN4PSI1NiIgY3k9IjY2IiByPSIyMiIgZmlsbD0iI0ZGQTYzQiIgb3BhY2l0eT0iLjIyIiBmaWx0ZXI9InVybCgjYmx1cikiLz48L2c+CiAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjU2IDE0LjI4KSBzY2FsZSgwLjc2KSIgZmlsbD0idXJsKCNmZykiID48cGF0aCBkPSJNMTEuMDczLDYzLjEyN2MzLjMxMy02LjIyNCw4LjYzNi0xNi4yMDUsOC45OTctMTYuNzUyYzAuNTI1LTAuNzk3LDEuMTU0LTEuNzI0LDIuOTQtMy4yOTljMS43ODYtMS41NzYsNC40NTEtNC4zMDgsNC40NTEtNC4zMDhzLTUuNzY5LDAuMTQ0LTUuODE2LTMuOTkxYy0wLjAxNi0xLjM3LDEuMzY3LTUuOTYzLDMuNzgzLTEwLjcyNWMyLjQxNi00Ljc2MywxMS43MjktMTQuMDA2LDExLjcyOS0xNC4wMDZzLTcuNTI4LDQuMjQ3LTkuNjk1LDUuNTA4Yy0yLjE2NiwxLjI2LTEyLjg1NCw4LjYxMy0xNC4wMSwxNi4zODdjLTEuMTU1LDcuNzcyLTQuOTk2LDM2LjEwNi00Ljk5NiwzNi4xMDZjMCwwLjAwMSwzLjg3Nyw3LjUwNiwxMi4wNjksMTMuODA5YzguMTkzLDYuMzAzLDIzLjk1LDYuMTk3LDIzLjk1LDYuMTk3bDEuOTkxLTEuNTc3Yy0yLjczOS0wLjQyMy0xNS41NDUtNS42NzQtMjEuNDI0LTkuOTc4QzE5LjgxOCw3Mi42NzQsMTIuNjE3LDY0LjgzMywxMS4wNzMsNjMuMTI3eiIvPjxwYXRoIGQ9Ik04MS4zOTIsNjMuNzU4Yy0wLjUwOC0wLjg5Ny0yLjcwMi0xLjE1NC01LjE5NC0wLjY5NWMtMi40OTIsMC40NTgtMi45NCwxLjg4Mi0zLjE4NiwyLjQ0MnMwLjU5NSwyLjU1NiwxLjY4MSwzLjI5MXMxLjM2NSwwLjkxLDIuNDE2LDAuODc2YzEuMDUxLTAuMDM1LDEuNTItMC4zNzYsMS43NTMtMC45NDJjMC4zMDUtMC43NC0xLjA5NC0xLjM3NC0xLjEwMy0xLjg2NGMtMC4wMS0wLjQ3LDEuNDk5LTAuMDQzLDEuODY0LDAuMzE1YzAuMzY1LDAuMzU3LDAuOTMsMS4yNDYsMC4yMSwyLjU0N2MtMC41NjIsMS4wMTUtMi45MDcsNC4xNTktNC42NSw1Ljg2MWMtMS41MDYsMS40NzEtNC45NzMsMy42NzYtOC40NzUsMy43MTFjLTMuNTAxLDAuMDM2LTQuNjIxLTAuMjEtNy43MzctMS4wMTVjLTIuMzA0LTAuNTk2LTcuNDAyLTMuOTI1LTkuNTk1LTUuMTgzYy0wLjc3Mi0wLjQ0My0wLjQ1MSwwLjItMC4yMTUsMC40OThjMS4yNzgsMS42MDYsNi4yMDEsNS4xOTcsMTEuMjM5LDYuODQxYzMuOTI3LDEuMjgxLDkuMjQzLDAuNjA0LDExLjcxMi0wLjUyNGMyLjEzMS0wLjk3NiwzLjgxMi0yLjQ1NSw1Ljc4My00LjYyMmMyLjM2Ny0yLjYwMiw0LjYxNS02LjA4OSw0LjYxNi03Ljc3M0M4Mi41MTMsNjUuODM4LDgxLjk0MSw2NC43MjksODEuMzkyLDYzLjc1OHoiLz48cGF0aCBkPSJNNjkuNDc0LDQ2LjU2MmMtMC4xMDQsMC44NCwwLjUyNSwzLjM4OSwwLjUyNSwzLjM4OXMwLjIxLTAuMzQzLDAuNDczLTEuMTg0YzAuMjYzLTAuODQsMC45OTgtMS43ODUsMC45OTgtMS43ODVzMCwwLTAuNzM1LTAuNDJTNjkuNDc0LDQ2LjU2Miw2OS40NzQsNDYuNTYyeiIvPjxwYXRoIGQ9Ik03My4zNjIsMTEuNDc4YzAsMC03Ljc3Myw2LjE5Ny04LjUwOSw4LjUwOGMtMC43MzQsMi4zMTIsMC45NDYsNi41MTQsMi4yMDYsOC4yOTljMS4yNjEsMS43ODUsMS45NTksNC4wOTcsMS45NTksNC4wOTdzNS4wNzktOS43NjksNS42MDQtMTQuMzkyQzc1LjE0OCwxMy4zNjksNzQuODMzLDExLjI2OCw3My4zNjIsMTEuNDc4eiIvPjxwYXRoIGQ9Ik0yNS43NzgsMzMuOTU3YzAsMCwyLjk0LDAuNzM1LDQuODMyLDBjMS44OTEtMC43MzQsMi42MjYtNi4wOTIsMy44ODYtNy44NzhjMS4yNjItMS43ODYsMy45OTItOS4zNDksMS44OTItOS41NTljMCwwLTYuMTk4LDYuMTk3LTguMDg5LDkuNTU5UzI1Ljc3OCwzMy45NTcsMjUuNzc4LDMzLjk1N3oiLz48cGF0aCBkPSJNNTcuOTU2LDUxLjE0OGMwLDAtMC42My0xLjExOS0xLjM5OS0xLjg5MWMtMC43Ny0wLjc3LTMuMDEyLTIuMTctMy4wMTItMi4xN3MtMC40MiwxLjM0Ni0xLjMzLDEuMzQ2cy0xLjUwNi0wLjgyLTEuNTA2LTAuODJzLTAuNTk2LTAuMDcxLTEuNzg2LDAuMzVjLTEuMTksMC40Mi0yLjY5NiwxLjI5NS0yLjY5NiwxLjI5NXMyLjczMSwyLjc2Nyw1LjMyMiwzLjQzMkM1NC4xMzksNTMuMzU1LDU3Ljk1Niw1MS4xNDgsNTcuOTU2LDUxLjE0OHoiLz48cGF0aCBkPSJNNjIuODIzLDIzLjUwMmMwLDAtMi41MjItNC40MjMsNi45NDQtMTIuMDM5YzQuMTIxLTMuMzE0LDguMjg1LTUuNTcyLDguMjg1LTUuNTcycy0yLjczLTAuMzE1LTUuMDQyLDEuMDUxYy0yLjMxMSwxLjM2NS03LjIyLDQuOTM3LTguMzM3LDUuOTg2Yy0xLjExNiwxLjA1MS02LjE1OCwwLjYzMS04Ljc4NCw0LjYyM2MwLDAsMS43NzEsMC44MTcsMy4wODEsMS43NUM2MC4yODEsMjAuMjMyLDYyLjgyMywyMy41MDIsNjIuODIzLDIzLjUwMnoiLz48L2c+CiAgPHBhdGggZD0iTTEwMC4wMCA1MC4wMEwxMDAuMDAgNTkuOTBMOTkuOTkgNjMuMDZMOTkuOTcgNjUuMzZMOTkuOTUgNjcuMjNMOTkuOTIgNjguODRMOTkuODkgNzAuMjZMOTkuODUgNzEuNTRMOTkuODAgNzIuNzJMOTkuNzUgNzMuODFMOTkuNjkgNzQuODJMOTkuNjMgNzUuNzhMOTkuNTYgNzYuNjhMOTkuNDggNzcuNTNMOTkuNDAgNzguMzRMOTkuMzEgNzkuMTJMOTkuMjIgNzkuODZMOTkuMTEgODAuNTdMOTkuMDEgODEuMjZMOTguODkgODEuOTJMOTguNzcgODIuNTVMOTguNjQgODMuMTdMOTguNTEgODMuNzZMOTguMzcgODQuMzNMOTguMjIgODQuODlMOTguMDcgODUuNDNMOTcuOTEgODUuOTVMOTcuNzQgODYuNDZMOTcuNTcgODYuOTVMOTcuMzkgODcuNDNMOTcuMjAgODcuODlMOTcuMDEgODguMzRMOTYuODEgODguNzhMOTYuNjAgODkuMjFMOTYuMzkgODkuNjNMOTYuMTcgOTAuMDNMOTUuOTQgOTAuNDNMOTUuNzAgOTAuODFMOTUuNDYgOTEuMThMOTUuMjAgOTEuNTRMOTQuOTQgOTEuOTBMOTQuNjggOTIuMjRMOTQuNDAgOTIuNThMOTQuMTIgOTIuOTBMOTMuODMgOTMuMjJMOTMuNTMgOTMuNTNMOTMuMjIgOTMuODNMOTIuOTAgOTQuMTJMOTIuNTggOTQuNDBMOTIuMjQgOTQuNjhMOTEuOTAgOTQuOTRMOTEuNTQgOTUuMjBMOTEuMTggOTUuNDZMOTAuODEgOTUuNzBMOTAuNDMgOTUuOTRMOTAuMDMgOTYuMTdMODkuNjMgOTYuMzlMODkuMjEgOTYuNjBMODguNzggOTYuODFMODguMzQgOTcuMDFMODcuODkgOTcuMjBMODcuNDMgOTcuMzlMODYuOTUgOTcuNTdMODYuNDYgOTcuNzRMODUuOTUgOTcuOTFMODUuNDMgOTguMDdMODQuODkgOTguMjJMODQuMzMgOTguMzdMODMuNzYgOTguNTFMODMuMTcgOTguNjRMODIuNTUgOTguNzdMODEuOTIgOTguODlMODEuMjYgOTkuMDFMODAuNTcgOTkuMTFMNzkuODYgOTkuMjJMNzkuMTIgOTkuMzFMNzguMzQgOTkuNDBMNzcuNTMgOTkuNDhMNzYuNjggOTkuNTZMNzUuNzggOTkuNjNMNzQuODIgOTkuNjlMNzMuODEgOTkuNzVMNzIuNzIgOTkuODBMNzEuNTQgOTkuODVMNzAuMjYgOTkuODlMNjguODQgOTkuOTJMNjcuMjMgOTkuOTVMNjUuMzYgOTkuOTdMNjMuMDYgOTkuOTlMNTkuOTAgMTAwLjAwTDUwLjAwIDEwMC4wMEw0MC4xMCAxMDAuMDBMMzYuOTQgOTkuOTlMMzQuNjQgOTkuOTdMMzIuNzcgOTkuOTVMMzEuMTYgOTkuOTJMMjkuNzQgOTkuODlMMjguNDYgOTkuODVMMjcuMjggOTkuODBMMjYuMTkgOTkuNzVMMjUuMTggOTkuNjlMMjQuMjIgOTkuNjNMMjMuMzIgOTkuNTZMMjIuNDcgOTkuNDhMMjEuNjYgOTkuNDBMMjAuODggOTkuMzFMMjAuMTQgOTkuMjJMMTkuNDMgOTkuMTFMMTguNzQgOTkuMDFMMTguMDggOTguODlMMTcuNDUgOTguNzdMMTYuODMgOTguNjRMMTYuMjQgOTguNTFMMTUuNjcgOTguMzdMMTUuMTEgOTguMjJMMTQuNTcgOTguMDdMMTQuMDUgOTcuOTFMMTMuNTQgOTcuNzRMMTMuMDUgOTcuNTdMMTIuNTcgOTcuMzlMMTIuMTEgOTcuMjBMMTEuNjYgOTcuMDFMMTEuMjIgOTYuODFMMTAuNzkgOTYuNjBMMTAuMzcgOTYuMzlMOS45NyA5Ni4xN0w5LjU3IDk1Ljk0TDkuMTkgOTUuNzBMOC44MiA5NS40Nkw4LjQ2IDk1LjIwTDguMTAgOTQuOTRMNy43NiA5NC42OEw3LjQyIDk0LjQwTDcuMTAgOTQuMTJMNi43OCA5My44M0w2LjQ3IDkzLjUzTDYuMTcgOTMuMjJMNS44OCA5Mi45MEw1LjYwIDkyLjU4TDUuMzIgOTIuMjRMNS4wNiA5MS45MEw0LjgwIDkxLjU0TDQuNTQgOTEuMThMNC4zMCA5MC44MUw0LjA2IDkwLjQzTDMuODMgOTAuMDNMMy42MSA4OS42M0wzLjQwIDg5LjIxTDMuMTkgODguNzhMMi45OSA4OC4zNEwyLjgwIDg3Ljg5TDIuNjEgODcuNDNMMi40MyA4Ni45NUwyLjI2IDg2LjQ2TDIuMDkgODUuOTVMMS45MyA4NS40M0wxLjc4IDg0Ljg5TDEuNjMgODQuMzNMMS40OSA4My43NkwxLjM2IDgzLjE3TDEuMjMgODIuNTVMMS4xMSA4MS45MkwwLjk5IDgxLjI2TDAuODkgODAuNTdMMC43OCA3OS44NkwwLjY5IDc5LjEyTDAuNjAgNzguMzRMMC41MiA3Ny41M0wwLjQ0IDc2LjY4TDAuMzcgNzUuNzhMMC4zMSA3NC44MkwwLjI1IDczLjgxTDAuMjAgNzIuNzJMMC4xNSA3MS41NEwwLjExIDcwLjI2TDAuMDggNjguODRMMC4wNSA2Ny4yM0wwLjAzIDY1LjM2TDAuMDEgNjMuMDZMMC4wMCA1OS45MEwwLjAwIDUwLjAwTDAuMDAgNDAuMTBMMC4wMSAzNi45NEwwLjAzIDM0LjY0TDAuMDUgMzIuNzdMMC4wOCAzMS4xNkwwLjExIDI5Ljc0TDAuMTUgMjguNDZMMC4yMCAyNy4yOEwwLjI1IDI2LjE5TDAuMzEgMjUuMThMMC4zNyAyNC4yMkwwLjQ0IDIzLjMyTDAuNTIgMjIuNDdMMC42MCAyMS42NkwwLjY5IDIwLjg4TDAuNzggMjAuMTRMMC44OSAxOS40M0wwLjk5IDE4Ljc0TDEuMTEgMTguMDhMMS4yMyAxNy40NUwxLjM2IDE2LjgzTDEuNDkgMTYuMjRMMS42MyAxNS42N0wxLjc4IDE1LjExTDEuOTMgMTQuNTdMMi4wOSAxNC4wNUwyLjI2IDEzLjU0TDIuNDMgMTMuMDVMMi42MSAxMi41N0wyLjgwIDEyLjExTDIuOTkgMTEuNjZMMy4xOSAxMS4yMkwzLjQwIDEwLjc5TDMuNjEgMTAuMzdMMy44MyA5Ljk3TDQuMDYgOS41N0w0LjMwIDkuMTlMNC41NCA4LjgyTDQuODAgOC40Nkw1LjA2IDguMTBMNS4zMiA3Ljc2TDUuNjAgNy40Mkw1Ljg4IDcuMTBMNi4xNyA2Ljc4TDYuNDcgNi40N0w2Ljc4IDYuMTdMNy4xMCA1Ljg4TDcuNDIgNS42MEw3Ljc2IDUuMzJMOC4xMCA1LjA2TDguNDYgNC44MEw4LjgyIDQuNTRMOS4xOSA0LjMwTDkuNTcgNC4wNkw5Ljk3IDMuODNMMTAuMzcgMy42MUwxMC43OSAzLjQwTDExLjIyIDMuMTlMMTEuNjYgMi45OUwxMi4xMSAyLjgwTDEyLjU3IDIuNjFMMTMuMDUgMi40M0wxMy41NCAyLjI2TDE0LjA1IDIuMDlMMTQuNTcgMS45M0wxNS4xMSAxLjc4TDE1LjY3IDEuNjNMMTYuMjQgMS40OUwxNi44MyAxLjM2TDE3LjQ1IDEuMjNMMTguMDggMS4xMUwxOC43NCAwLjk5TDE5LjQzIDAuODlMMjAuMTQgMC43OEwyMC44OCAwLjY5TDIxLjY2IDAuNjBMMjIuNDcgMC41MkwyMy4zMiAwLjQ0TDI0LjIyIDAuMzdMMjUuMTggMC4zMUwyNi4xOSAwLjI1TDI3LjI4IDAuMjBMMjguNDYgMC4xNUwyOS43NCAwLjExTDMxLjE2IDAuMDhMMzIuNzcgMC4wNUwzNC42NCAwLjAzTDM2Ljk0IDAuMDFMNDAuMTAgMC4wMEw1MC4wMCAwLjAwTDU5LjkwIDAuMDBMNjMuMDYgMC4wMUw2NS4zNiAwLjAzTDY3LjIzIDAuMDVMNjguODQgMC4wOEw3MC4yNiAwLjExTDcxLjU0IDAuMTVMNzIuNzIgMC4yMEw3My44MSAwLjI1TDc0LjgyIDAuMzFMNzUuNzggMC4zN0w3Ni42OCAwLjQ0TDc3LjUzIDAuNTJMNzguMzQgMC42MEw3OS4xMiAwLjY5TDc5Ljg2IDAuNzhMODAuNTcgMC44OUw4MS4yNiAwLjk5TDgxLjkyIDEuMTFMODIuNTUgMS4yM0w4My4xNyAxLjM2TDgzLjc2IDEuNDlMODQuMzMgMS42M0w4NC44OSAxLjc4TDg1LjQzIDEuOTNMODUuOTUgMi4wOUw4Ni40NiAyLjI2TDg2Ljk1IDIuNDNMODcuNDMgMi42MUw4Ny44OSAyLjgwTDg4LjM0IDIuOTlMODguNzggMy4xOUw4OS4yMSAzLjQwTDg5LjYzIDMuNjFMOTAuMDMgMy44M0w5MC40MyA0LjA2TDkwLjgxIDQuMzBMOTEuMTggNC41NEw5MS41NCA0LjgwTDkxLjkwIDUuMDZMOTIuMjQgNS4zMkw5Mi41OCA1LjYwTDkyLjkwIDUuODhMOTMuMjIgNi4xN0w5My41MyA2LjQ3TDkzLjgzIDYuNzhMOTQuMTIgNy4xMEw5NC40MCA3LjQyTDk0LjY4IDcuNzZMOTQuOTQgOC4xMEw5NS4yMCA4LjQ2TDk1LjQ2IDguODJMOTUuNzAgOS4xOUw5NS45NCA5LjU3TDk2LjE3IDkuOTdMOTYuMzkgMTAuMzdMOTYuNjAgMTAuNzlMOTYuODEgMTEuMjJMOTcuMDEgMTEuNjZMOTcuMjAgMTIuMTFMOTcuMzkgMTIuNTdMOTcuNTcgMTMuMDVMOTcuNzQgMTMuNTRMOTcuOTEgMTQuMDVMOTguMDcgMTQuNTdMOTguMjIgMTUuMTFMOTguMzcgMTUuNjdMOTguNTEgMTYuMjRMOTguNjQgMTYuODNMOTguNzcgMTcuNDVMOTguODkgMTguMDhMOTkuMDEgMTguNzRMOTkuMTEgMTkuNDNMOTkuMjIgMjAuMTRMOTkuMzEgMjAuODhMOTkuNDAgMjEuNjZMOTkuNDggMjIuNDdMOTkuNTYgMjMuMzJMOTkuNjMgMjQuMjJMOTkuNjkgMjUuMThMOTkuNzUgMjYuMTlMOTkuODAgMjcuMjhMOTkuODUgMjguNDZMOTkuODkgMjkuNzRMOTkuOTIgMzEuMTZMOTkuOTUgMzIuNzdMOTkuOTcgMzQuNjRMOTkuOTkgMzYuOTRMMTAwLjAwIDQwLjEwWiIgZmlsbD0idXJsKCNzaGVlbikiLz4KICA8cGF0aCBkPSJNMTAwLjAwIDUwLjAwTDEwMC4wMCA1OS45MEw5OS45OSA2My4wNkw5OS45NyA2NS4zNkw5OS45NSA2Ny4yM0w5OS45MiA2OC44NEw5OS44OSA3MC4yNkw5OS44NSA3MS41NEw5OS44MCA3Mi43Mkw5OS43NSA3My44MUw5OS42OSA3NC44Mkw5OS42MyA3NS43OEw5OS41NiA3Ni42OEw5OS40OCA3Ny41M0w5OS40MCA3OC4zNEw5OS4zMSA3OS4xMkw5OS4yMiA3OS44Nkw5OS4xMSA4MC41N0w5OS4wMSA4MS4yNkw5OC44OSA4MS45Mkw5OC43NyA4Mi41NUw5OC42NCA4My4xN0w5OC41MSA4My43Nkw5OC4zNyA4NC4zM0w5OC4yMiA4NC44OUw5OC4wNyA4NS40M0w5Ny45MSA4NS45NUw5Ny43NCA4Ni40Nkw5Ny41NyA4Ni45NUw5Ny4zOSA4Ny40M0w5Ny4yMCA4Ny44OUw5Ny4wMSA4OC4zNEw5Ni44MSA4OC43OEw5Ni42MCA4OS4yMUw5Ni4zOSA4OS42M0w5Ni4xNyA5MC4wM0w5NS45NCA5MC40M0w5NS43MCA5MC44MUw5NS40NiA5MS4xOEw5NS4yMCA5MS41NEw5NC45NCA5MS45MEw5NC42OCA5Mi4yNEw5NC40MCA5Mi41OEw5NC4xMiA5Mi45MEw5My44MyA5My4yMkw5My41MyA5My41M0w5My4yMiA5My44M0w5Mi45MCA5NC4xMkw5Mi41OCA5NC40MEw5Mi4yNCA5NC42OEw5MS45MCA5NC45NEw5MS41NCA5NS4yMEw5MS4xOCA5NS40Nkw5MC44MSA5NS43MEw5MC40MyA5NS45NEw5MC4wMyA5Ni4xN0w4OS42MyA5Ni4zOUw4OS4yMSA5Ni42MEw4OC43OCA5Ni44MUw4OC4zNCA5Ny4wMUw4Ny44OSA5Ny4yMEw4Ny40MyA5Ny4zOUw4Ni45NSA5Ny41N0w4Ni40NiA5Ny43NEw4NS45NSA5Ny45MUw4NS40MyA5OC4wN0w4NC44OSA5OC4yMkw4NC4zMyA5OC4zN0w4My43NiA5OC41MUw4My4xNyA5OC42NEw4Mi41NSA5OC43N0w4MS45MiA5OC44OUw4MS4yNiA5OS4wMUw4MC41NyA5OS4xMUw3OS44NiA5OS4yMkw3OS4xMiA5OS4zMUw3OC4zNCA5OS40MEw3Ny41MyA5OS40OEw3Ni42OCA5OS41Nkw3NS43OCA5OS42M0w3NC44MiA5OS42OUw3My44MSA5OS43NUw3Mi43MiA5OS44MEw3MS41NCA5OS44NUw3MC4yNiA5OS44OUw2OC44NCA5OS45Mkw2Ny4yMyA5OS45NUw2NS4zNiA5OS45N0w2My4wNiA5OS45OUw1OS45MCAxMDAuMDBMNTAuMDAgMTAwLjAwTDQwLjEwIDEwMC4wMEwzNi45NCA5OS45OUwzNC42NCA5OS45N0wzMi43NyA5OS45NUwzMS4xNiA5OS45MkwyOS43NCA5OS44OUwyOC40NiA5OS44NUwyNy4yOCA5OS44MEwyNi4xOSA5OS43NUwyNS4xOCA5OS42OUwyNC4yMiA5OS42M0wyMy4zMiA5OS41NkwyMi40NyA5OS40OEwyMS42NiA5OS40MEwyMC44OCA5OS4zMUwyMC4xNCA5OS4yMkwxOS40MyA5OS4xMUwxOC43NCA5OS4wMUwxOC4wOCA5OC44OUwxNy40NSA5OC43N0wxNi44MyA5OC42NEwxNi4yNCA5OC41MUwxNS42NyA5OC4zN0wxNS4xMSA5OC4yMkwxNC41NyA5OC4wN0wxNC4wNSA5Ny45MUwxMy41NCA5Ny43NEwxMy4wNSA5Ny41N0wxMi41NyA5Ny4zOUwxMi4xMSA5Ny4yMEwxMS42NiA5Ny4wMUwxMS4yMiA5Ni44MUwxMC43OSA5Ni42MEwxMC4zNyA5Ni4zOUw5Ljk3IDk2LjE3TDkuNTcgOTUuOTRMOS4xOSA5NS43MEw4LjgyIDk1LjQ2TDguNDYgOTUuMjBMOC4xMCA5NC45NEw3Ljc2IDk0LjY4TDcuNDIgOTQuNDBMNy4xMCA5NC4xMkw2Ljc4IDkzLjgzTDYuNDcgOTMuNTNMNi4xNyA5My4yMkw1Ljg4IDkyLjkwTDUuNjAgOTIuNThMNS4zMiA5Mi4yNEw1LjA2IDkxLjkwTDQuODAgOTEuNTRMNC41NCA5MS4xOEw0LjMwIDkwLjgxTDQuMDYgOTAuNDNMMy44MyA5MC4wM0wzLjYxIDg5LjYzTDMuNDAgODkuMjFMMy4xOSA4OC43OEwyLjk5IDg4LjM0TDIuODAgODcuODlMMi42MSA4Ny40M0wyLjQzIDg2Ljk1TDIuMjYgODYuNDZMMi4wOSA4NS45NUwxLjkzIDg1LjQzTDEuNzggODQuODlMMS42MyA4NC4zM0wxLjQ5IDgzLjc2TDEuMzYgODMuMTdMMS4yMyA4Mi41NUwxLjExIDgxLjkyTDAuOTkgODEuMjZMMC44OSA4MC41N0wwLjc4IDc5Ljg2TDAuNjkgNzkuMTJMMC42MCA3OC4zNEwwLjUyIDc3LjUzTDAuNDQgNzYuNjhMMC4zNyA3NS43OEwwLjMxIDc0LjgyTDAuMjUgNzMuODFMMC4yMCA3Mi43MkwwLjE1IDcxLjU0TDAuMTEgNzAuMjZMMC4wOCA2OC44NEwwLjA1IDY3LjIzTDAuMDMgNjUuMzZMMC4wMSA2My4wNkwwLjAwIDU5LjkwTDAuMDAgNTAuMDBMMC4wMCA0MC4xMEwwLjAxIDM2Ljk0TDAuMDMgMzQuNjRMMC4wNSAzMi43N0wwLjA4IDMxLjE2TDAuMTEgMjkuNzRMMC4xNSAyOC40NkwwLjIwIDI3LjI4TDAuMjUgMjYuMTlMMC4zMSAyNS4xOEwwLjM3IDI0LjIyTDAuNDQgMjMuMzJMMC41MiAyMi40N0wwLjYwIDIxLjY2TDAuNjkgMjAuODhMMC43OCAyMC4xNEwwLjg5IDE5LjQzTDAuOTkgMTguNzRMMS4xMSAxOC4wOEwxLjIzIDE3LjQ1TDEuMzYgMTYuODNMMS40OSAxNi4yNEwxLjYzIDE1LjY3TDEuNzggMTUuMTFMMS45MyAxNC41N0wyLjA5IDE0LjA1TDIuMjYgMTMuNTRMMi40MyAxMy4wNUwyLjYxIDEyLjU3TDIuODAgMTIuMTFMMi45OSAxMS42NkwzLjE5IDExLjIyTDMuNDAgMTAuNzlMMy42MSAxMC4zN0wzLjgzIDkuOTdMNC4wNiA5LjU3TDQuMzAgOS4xOUw0LjU0IDguODJMNC44MCA4LjQ2TDUuMDYgOC4xMEw1LjMyIDcuNzZMNS42MCA3LjQyTDUuODggNy4xMEw2LjE3IDYuNzhMNi40NyA2LjQ3TDYuNzggNi4xN0w3LjEwIDUuODhMNy40MiA1LjYwTDcuNzYgNS4zMkw4LjEwIDUuMDZMOC40NiA0LjgwTDguODIgNC41NEw5LjE5IDQuMzBMOS41NyA0LjA2TDkuOTcgMy44M0wxMC4zNyAzLjYxTDEwLjc5IDMuNDBMMTEuMjIgMy4xOUwxMS42NiAyLjk5TDEyLjExIDIuODBMMTIuNTcgMi42MUwxMy4wNSAyLjQzTDEzLjU0IDIuMjZMMTQuMDUgMi4wOUwxNC41NyAxLjkzTDE1LjExIDEuNzhMMTUuNjcgMS42M0wxNi4yNCAxLjQ5TDE2LjgzIDEuMzZMMTcuNDUgMS4yM0wxOC4wOCAxLjExTDE4Ljc0IDAuOTlMMTkuNDMgMC44OUwyMC4xNCAwLjc4TDIwLjg4IDAuNjlMMjEuNjYgMC42MEwyMi40NyAwLjUyTDIzLjMyIDAuNDRMMjQuMjIgMC4zN0wyNS4xOCAwLjMxTDI2LjE5IDAuMjVMMjcuMjggMC4yMEwyOC40NiAwLjE1TDI5Ljc0IDAuMTFMMzEuMTYgMC4wOEwzMi43NyAwLjA1TDM0LjY0IDAuMDNMMzYuOTQgMC4wMUw0MC4xMCAwLjAwTDUwLjAwIDAuMDBMNTkuOTAgMC4wMEw2My4wNiAwLjAxTDY1LjM2IDAuMDNMNjcuMjMgMC4wNUw2OC44NCAwLjA4TDcwLjI2IDAuMTFMNzEuNTQgMC4xNUw3Mi43MiAwLjIwTDczLjgxIDAuMjVMNzQuODIgMC4zMUw3NS43OCAwLjM3TDc2LjY4IDAuNDRMNzcuNTMgMC41Mkw3OC4zNCAwLjYwTDc5LjEyIDAuNjlMNzkuODYgMC43OEw4MC41NyAwLjg5TDgxLjI2IDAuOTlMODEuOTIgMS4xMUw4Mi41NSAxLjIzTDgzLjE3IDEuMzZMODMuNzYgMS40OUw4NC4zMyAxLjYzTDg0Ljg5IDEuNzhMODUuNDMgMS45M0w4NS45NSAyLjA5TDg2LjQ2IDIuMjZMODYuOTUgMi40M0w4Ny40MyAyLjYxTDg3Ljg5IDIuODBMODguMzQgMi45OUw4OC43OCAzLjE5TDg5LjIxIDMuNDBMODkuNjMgMy42MUw5MC4wMyAzLjgzTDkwLjQzIDQuMDZMOTAuODEgNC4zMEw5MS4xOCA0LjU0TDkxLjU0IDQuODBMOTEuOTAgNS4wNkw5Mi4yNCA1LjMyTDkyLjU4IDUuNjBMOTIuOTAgNS44OEw5My4yMiA2LjE3TDkzLjUzIDYuNDdMOTMuODMgNi43OEw5NC4xMiA3LjEwTDk0LjQwIDcuNDJMOTQuNjggNy43Nkw5NC45NCA4LjEwTDk1LjIwIDguNDZMOTUuNDYgOC44Mkw5NS43MCA5LjE5TDk1Ljk0IDkuNTdMOTYuMTcgOS45N0w5Ni4zOSAxMC4zN0w5Ni42MCAxMC43OUw5Ni44MSAxMS4yMkw5Ny4wMSAxMS42Nkw5Ny4yMCAxMi4xMUw5Ny4zOSAxMi41N0w5Ny41NyAxMy4wNUw5Ny43NCAxMy41NEw5Ny45MSAxNC4wNUw5OC4wNyAxNC41N0w5OC4yMiAxNS4xMUw5OC4zNyAxNS42N0w5OC41MSAxNi4yNEw5OC42NCAxNi44M0w5OC43NyAxNy40NUw5OC44OSAxOC4wOEw5OS4wMSAxOC43NEw5OS4xMSAxOS40M0w5OS4yMiAyMC4xNEw5OS4zMSAyMC44OEw5OS40MCAyMS42Nkw5OS40OCAyMi40N0w5OS41NiAyMy4zMkw5OS42MyAyNC4yMkw5OS42OSAyNS4xOEw5OS43NSAyNi4xOUw5OS44MCAyNy4yOEw5OS44NSAyOC40Nkw5OS44OSAyOS43NEw5OS45MiAzMS4xNkw5OS45NSAzMi43N0w5OS45NyAzNC42NEw5OS45OSAzNi45NEwxMDAuMDAgNDAuMTBaIiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjcmltKSIgc3Ryb2tlLXdpZHRoPSIxLjYiIG9wYWNpdHk9IjAuNCIvPjwvc3ZnPg==" alt="Miakapp">
|
|
458
|
+
<div>
|
|
459
|
+
<h1>Miakapp <span class="mk-gradient-text">inspirations</span></h1>
|
|
460
|
+
<p>Example screens built only with tokens.css and components.css. Borrow, remix, or ignore.</p>
|
|
461
|
+
</div>
|
|
462
|
+
<div class="switch-themes mk-glass" role="group" aria-label="Theme">
|
|
463
|
+
<button data-t="minuit" aria-pressed="true"><i style="background:linear-gradient(135deg,#1d2b57,#0a1024);box-shadow:inset 0 0 0 3px #ffdd6e"></i>Minuit</button>
|
|
464
|
+
<button data-t="lumiere"><i style="background:linear-gradient(135deg,#ffd2b0,#e3dcff,#d6f5e3)"></i>Lumière</button>
|
|
465
|
+
<button data-t="miel"><i style="background:linear-gradient(135deg,#ffd45c,#ff7448)"></i>Miel</button>
|
|
466
|
+
<button data-t="craie"><i style="background:#eef0f3;border:1px solid #c5ccd5"></i>Craie</button>
|
|
467
|
+
</div>
|
|
468
|
+
</header>
|
|
469
|
+
|
|
470
|
+
<h2 class="sec">Example screens · tap the tiles</h2>
|
|
471
|
+
<div class="stage" id="stage" data-theme="minuit">
|
|
472
|
+
|
|
473
|
+
<!-- 1. Accueil -->
|
|
474
|
+
<div>
|
|
475
|
+
<div class="phone"><div class="screen">
|
|
476
|
+
<div class="status"><span>21:47</span><span>●●● 87 %</span></div>
|
|
477
|
+
<div class="scroll">
|
|
478
|
+
<div class="row between" style="margin:6px 2px 2px">
|
|
479
|
+
<span class="mk-meta" style="font-weight:700">Friday, November 14</span>
|
|
480
|
+
<span class="mk-chip"><svg class="i" style="width:16px;height:16px"><use href="#cloud"/></svg>54° · Drizzle</span>
|
|
481
|
+
</div>
|
|
482
|
+
<div class="mk-display" style="margin:10px 2px 4px">Good evening,<br><span class="mk-gradient-text">the house</span> is on watch.</div>
|
|
483
|
+
<div class="hscroll" style="margin-top:12px">
|
|
484
|
+
<span class="mk-chip"><svg class="i" style="width:16px;height:16px"><use href="#bulb"/></svg>3 lights on</span>
|
|
485
|
+
<span class="mk-chip"><svg class="i" style="width:16px;height:16px"><use href="#thermo"/></svg>71 °F inside</span>
|
|
486
|
+
<span class="mk-chip"><svg class="i" style="width:16px;height:16px"><use href="#lock"/></svg>All locked</span>
|
|
487
|
+
</div>
|
|
488
|
+
<div class="sechead"><h3>Scenes</h3><a href="#">Edit</a></div>
|
|
489
|
+
<div class="hscroll">
|
|
490
|
+
<button class="mk-scene"><span class="emoji">🛋️</span>Evening</button>
|
|
491
|
+
<button class="mk-scene"><span class="emoji">🎬</span>Movie</button>
|
|
492
|
+
<button class="mk-scene"><span class="emoji">🌙</span>Bedtime</button>
|
|
493
|
+
<button class="mk-scene"><span class="emoji">👋</span>Leaving</button>
|
|
494
|
+
</div>
|
|
495
|
+
<div class="sechead"><h3>Rooms</h3><a href="#">See all</a></div>
|
|
496
|
+
<div class="grid2">
|
|
497
|
+
<div class="mk-glass room"><div class="row between"><span class="t">Living room</span><svg class="i"><use href="#tv"/></svg></div><div><div class="mk-label">71° · 2 lights on</div><div class="dots" style="margin-top:8px"><span class="on"></span><span class="on"></span><span></span><span></span></div></div></div>
|
|
498
|
+
<div class="mk-glass room"><div class="row between"><span class="t">Kitchen</span><svg class="i"><use href="#plug"/></svg></div><div><div class="mk-label">69° · 1 light on</div><div class="dots" style="margin-top:8px"><span class="on"></span><span></span><span></span></div></div></div>
|
|
499
|
+
<div class="mk-glass room"><div class="row between"><span class="t">Bedroom</span><svg class="i"><use href="#moon"/></svg></div><div><div class="mk-label">66° · blinds closed</div><div class="dots" style="margin-top:8px"><span></span><span></span></div></div></div>
|
|
500
|
+
<div class="mk-glass room"><div class="row between"><span class="t">Office</span><svg class="i"><use href="#bolt"/></svg></div><div><div class="mk-label">68° · all off</div><div class="dots" style="margin-top:8px"><span></span><span></span><span></span></div></div></div>
|
|
501
|
+
</div>
|
|
502
|
+
</div>
|
|
503
|
+
<div class="tabdock"><nav class="mk-tabbar mk-glass miakapp-bar" aria-label="Miakapp bar"><a aria-current="page" href="#"><svg class="i"><use href="#home"/></svg>Home</a><span class="agent-slot"><a href="#"><svg class="i"><use href="#grid"/></svg>Rooms</a><a href="#"><svg class="i"><use href="#bolt"/></svg>Energy</a></span><a href="#" class="me"><span class="avatar">A</span>Me</a></nav></div>
|
|
504
|
+
</div></div>
|
|
505
|
+
<div class="caption">Home</div>
|
|
506
|
+
</div>
|
|
507
|
+
|
|
508
|
+
<!-- 2. Pièce -->
|
|
509
|
+
<div>
|
|
510
|
+
<div class="phone"><div class="screen">
|
|
511
|
+
<div class="status"><span>21:47</span><span>●●● 87 %</span></div>
|
|
512
|
+
<div class="scroll">
|
|
513
|
+
<div class="row between" style="margin:4px 0 8px">
|
|
514
|
+
<span class="iconbtn mk-glass"><svg class="i"><use href="#back"/></svg></span>
|
|
515
|
+
<span class="mk-chip">71 °F · 48 %</span>
|
|
516
|
+
</div>
|
|
517
|
+
<div class="mk-display" style="margin:8px 2px 14px">Living room</div>
|
|
518
|
+
<div class="grid2">
|
|
519
|
+
<button class="mk-tile is-on" data-toggle><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">Ceiling</div><div class="value" data-on="80 %" data-off="Off">80 %</div></span></button>
|
|
520
|
+
<button class="mk-tile is-on" data-toggle><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">Arc lamp</div><div class="value" data-on="On" data-off="Off">On</div></span></button>
|
|
521
|
+
<button class="mk-tile" data-toggle><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">LED strip</div><div class="value" data-on="On" data-off="Off">Off</div></span></button>
|
|
522
|
+
<button class="mk-tile" data-toggle><span class="mk-icon"><svg class="i"><use href="#wind"/></svg></span><span><div class="name">Fan</div><div class="value" data-on="Speed 2" data-off="Off">Off</div></span></button>
|
|
523
|
+
</div>
|
|
524
|
+
<div class="mk-glass dial" style="margin-top:12px">
|
|
525
|
+
<svg viewBox="0 0 200 170">
|
|
526
|
+
<defs><linearGradient id="dg" x1="0" x2="1"><stop offset="0" stop-color="var(--mk-cool)"/><stop offset="1" stop-color="var(--mk-heat)"/></linearGradient></defs>
|
|
527
|
+
<circle cx="100" cy="100" r="78" fill="none" stroke="var(--mk-surface-sunken)" stroke-width="14" stroke-linecap="round" stroke-dasharray="367.6 490" transform="rotate(135 100 100)"/>
|
|
528
|
+
<circle cx="100" cy="100" r="78" fill="none" stroke="url(#dg)" stroke-width="14" stroke-linecap="round" stroke-dasharray="230 490" transform="rotate(135 100 100)"/>
|
|
529
|
+
</svg>
|
|
530
|
+
<div class="val"><div class="mk-display">71°</div><div class="mk-label">Heating to 72°</div></div>
|
|
531
|
+
<div class="row"><button class="mk-button is-quiet" style="width:56px">−</button><button class="mk-button" style="width:56px">+</button></div>
|
|
532
|
+
</div>
|
|
533
|
+
<div class="mk-glass" style="margin-top:12px;padding:14px">
|
|
534
|
+
<div class="row between" style="margin-bottom:10px"><span class="row" style="font-weight:800"><svg class="i"><use href="#blind"/></svg>Blinds</span><span class="mk-label">60 % open</span></div>
|
|
535
|
+
<input class="mk-level" type="range" value="60" style="--level:60%" aria-label="Blinds">
|
|
536
|
+
</div>
|
|
537
|
+
<div class="mk-glass ir" style="margin-top:12px">
|
|
538
|
+
<div class="row between"><span class="row" style="font-weight:800"><svg class="i"><use href="#tv"/></svg>TV</span><span class="mk-meta">via infrared</span></div>
|
|
539
|
+
<div class="pad"><button>⏻</button><button>🔇</button><button>Netflix</button><button>Vol −</button><button>HDMI</button><button>Vol +</button></div>
|
|
540
|
+
</div>
|
|
541
|
+
</div>
|
|
542
|
+
</div></div>
|
|
543
|
+
<div class="caption">A room</div>
|
|
544
|
+
</div>
|
|
545
|
+
|
|
546
|
+
<!-- 3. Énergie -->
|
|
547
|
+
<div>
|
|
548
|
+
<div class="phone"><div class="screen">
|
|
549
|
+
<div class="status"><span>21:47</span><span>●●● 87 %</span></div>
|
|
550
|
+
<div class="scroll">
|
|
551
|
+
<div class="mk-label" style="margin:10px 2px 0">Today</div>
|
|
552
|
+
<div class="mk-hero" style="margin:4px 0 2px"><span class="mk-gradient-text">8.4</span><span style="font-size:24px;letter-spacing:0"> kWh</span></div>
|
|
553
|
+
<div class="mk-label" style="margin:0 2px 14px">≈ $1.72 · 12 % less than a usual Friday</div>
|
|
554
|
+
<div class="mk-glass" style="padding:14px">
|
|
555
|
+
<div class="row between"><b>Hour by hour</b><span class="mk-meta">peak at 7 pm</span></div>
|
|
556
|
+
<div class="bars" id="bars"></div>
|
|
557
|
+
<div class="row between mk-meta" style="margin-top:6px"><span>12 am</span><span>6 am</span><span>12 pm</span><span>6 pm</span><span>now</span></div>
|
|
558
|
+
</div>
|
|
559
|
+
<div class="sechead"><h3>Top consumers</h3></div>
|
|
560
|
+
<div class="mk-glass" style="padding:6px 14px">
|
|
561
|
+
<div class="consumer"><span>Water heater</span><b>3.1 kWh</b><div class="meter"><i style="width:100%"></i></div></div>
|
|
562
|
+
<div class="consumer"><span>Oven</span><b>1.8 kWh</b><div class="meter"><i style="width:58%"></i></div></div>
|
|
563
|
+
<div class="consumer"><span>Heaters</span><b>1.6 kWh</b><div class="meter"><i style="width:52%"></i></div></div>
|
|
564
|
+
<div class="consumer"><span>Everything else</span><b>1.9 kWh</b><div class="meter"><i style="width:61%"></i></div></div>
|
|
565
|
+
</div>
|
|
566
|
+
<div class="mk-stale-banner" style="margin-top:14px">Meter silent for 6 min · last known values</div>
|
|
567
|
+
</div>
|
|
568
|
+
<div class="tabdock"><nav class="mk-tabbar mk-glass miakapp-bar" aria-label="Miakapp bar"><a href="#"><svg class="i"><use href="#home"/></svg>Home</a><span class="agent-slot"><a href="#"><svg class="i"><use href="#grid"/></svg>Rooms</a><a aria-current="page" href="#"><svg class="i"><use href="#bolt"/></svg>Energy</a></span><a href="#" class="me"><span class="avatar">A</span>Me</a></nav></div>
|
|
569
|
+
</div></div>
|
|
570
|
+
<div class="caption">Energy</div>
|
|
571
|
+
</div>
|
|
572
|
+
|
|
573
|
+
<!-- 4. Tablette murale -->
|
|
574
|
+
<div style="width:100%;display:grid;justify-items:center">
|
|
575
|
+
<div class="tablet"><div class="screen">
|
|
576
|
+
<div class="wall">
|
|
577
|
+
<div class="col">
|
|
578
|
+
<div class="mk-meta" style="font-weight:700;font-size:14px">Friday, November 14</div>
|
|
579
|
+
<div class="mk-hero" style="font-size:96px">21:47</div>
|
|
580
|
+
<div class="row" style="gap:10px"><span class="mk-chip"><svg class="i" style="width:16px;height:16px"><use href="#cloud"/></svg>54° outside</span><span class="mk-chip">71° inside</span></div>
|
|
581
|
+
<div class="mk-glass" style="padding:14px;margin-top:6px">
|
|
582
|
+
<div class="mk-label">Tonight</div>
|
|
583
|
+
<div style="font-weight:700;margin-top:4px;line-height:1.4">Recycling goes out tomorrow. Washer finished at 8:12 pm.</div>
|
|
584
|
+
</div>
|
|
585
|
+
</div>
|
|
586
|
+
<div class="col">
|
|
587
|
+
<div class="mk-title">Scenes</div>
|
|
588
|
+
<div class="grid2">
|
|
589
|
+
<button class="mk-scene"><span class="emoji">🛋️</span>Evening</button>
|
|
590
|
+
<button class="mk-scene"><span class="emoji">🎬</span>Movie</button>
|
|
591
|
+
<button class="mk-scene"><span class="emoji">🌙</span>Bedtime</button>
|
|
592
|
+
<button class="mk-scene"><span class="emoji">👋</span>Leaving</button>
|
|
593
|
+
</div>
|
|
594
|
+
<div class="mk-glass" style="padding:14px">
|
|
595
|
+
<div class="row between"><b>Heating</b><input class="mk-switch" type="checkbox" checked aria-label="Heating"></div>
|
|
596
|
+
<div class="row between" style="margin-top:12px"><b>Alarm</b><input class="mk-switch" type="checkbox" aria-label="Alarm"></div>
|
|
597
|
+
</div>
|
|
598
|
+
</div>
|
|
599
|
+
<div class="col">
|
|
600
|
+
<div class="mk-title">Front door</div>
|
|
601
|
+
<div class="cam"><span class="live">LIVE</span></div>
|
|
602
|
+
<div class="grid2">
|
|
603
|
+
<button class="mk-tile is-on" data-toggle style="min-height:96px"><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">Porch</div><div class="value" data-on="On" data-off="Off">On</div></span></button>
|
|
604
|
+
<button class="mk-tile" data-toggle style="min-height:96px"><span class="mk-icon"><svg class="i"><use href="#door"/></svg></span><span><div class="name">Gate</div><div class="value" data-on="Open" data-off="Closed">Closed</div></span></button>
|
|
605
|
+
</div>
|
|
606
|
+
</div>
|
|
607
|
+
</div>
|
|
608
|
+
</div></div>
|
|
609
|
+
<div class="caption">Wall tablet</div>
|
|
610
|
+
</div>
|
|
611
|
+
</div>
|
|
612
|
+
|
|
613
|
+
<p class="barnote"><b>The bottom bar is drawn by Miakapp, not by your app</b>: Home, and Me (the resident’s homes and sign-in methods). Do not draw your own global navigation. The buttons between the dashed lines show where a home may add one or two of its own.</p>
|
|
614
|
+
|
|
615
|
+
<h2 class="sec">Themes · click to try</h2>
|
|
616
|
+
<div class="themes">
|
|
617
|
+
<div class="theme-card" data-theme="minuit" data-pick="minuit"><div><div class="nm">Minuit </div><div class="mk-meta">Night, wall tablets, dark mode. The logo’s night blue and gold.</div></div><div class="sw"><span style="background:#0a1024"></span><span style="background:#1d2b57"></span><span style="background:#4c6bd6"></span><span style="background:#ffdd6e"></span><span style="background:#ffa63b"></span></div><div class="mk-tile is-on" style="min-height:70px"><div class="name">Ceiling · 80 %</div></div></div>
|
|
618
|
+
<div class="theme-card" data-theme="lumiere" data-pick="lumiere"><div><div class="nm">Lumière</div><div class="mk-meta">Day and light mode. Glass over peach, mint and lilac.</div></div><div class="sw"><span style="background:#ffd2b0"></span><span style="background:#d6f5e3"></span><span style="background:#e3dcff"></span><span style="background:#0a1024"></span><span style="background:linear-gradient(135deg,#ff7a45,#e0569b,#7a5cff)"></span></div><div class="mk-tile is-on" style="min-height:70px"><div class="name">Ceiling · 80 %</div></div></div>
|
|
619
|
+
<div class="theme-card" data-theme="miel" data-pick="miel"><div><div class="nm">Miel</div><div class="mk-meta">Warm and soft: cosy evenings.</div></div><div class="sw"><span style="background:#ffd45c"></span><span style="background:#ff9f2e"></span><span style="background:#ff7448"></span><span style="background:#1a1433"></span><span style="background:#fff6e8"></span></div><div class="mk-tile is-on" style="min-height:70px"><div class="name">Ceiling · 80 %</div></div></div>
|
|
620
|
+
<div class="theme-card" data-theme="craie" data-pick="craie"><div><div class="nm">Craie</div><div class="mk-meta">Flat, no blur, high contrast: old tablets, low vision.</div></div><div class="sw"><span style="background:#eef0f3"></span><span style="background:#ffffff"></span><span style="background:#0d1117"></span><span style="background:#ffc533"></span><span style="background:#2457e6"></span></div><div class="mk-tile is-on" style="min-height:70px"><div class="name">Ceiling · 80 %</div></div></div>
|
|
621
|
+
</div>
|
|
622
|
+
|
|
623
|
+
<h2 class="sec">States an interface must show</h2>
|
|
624
|
+
<div class="states" id="states" data-theme="minuit">
|
|
625
|
+
<div><button class="mk-tile" style="width:100%"><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">Lamp</div><div class="value">Off</div></span></button><div class="lbl">Off</div></div>
|
|
626
|
+
<div><button class="mk-tile is-on" style="width:100%"><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">Lamp</div><div class="value">On</div></span></button><div class="lbl">On</div></div>
|
|
627
|
+
<div><button class="mk-tile is-pending" style="width:100%"><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">Lamp</div><div class="value">Waiting for the home…</div></span></button><div class="lbl">Command sent</div></div>
|
|
628
|
+
<div><button class="mk-tile is-stale" style="width:100%" disabled><span class="mk-icon"><svg class="i"><use href="#bulb"/></svg></span><span><div class="name">Lamp</div><div class="value">On 6 min ago</div></span></button><div class="lbl">Stale value</div></div>
|
|
629
|
+
</div>
|
|
630
|
+
|
|
631
|
+
<h2 class="sec">Principles</h2>
|
|
632
|
+
<div class="rules">
|
|
633
|
+
<div class="mk-glass"><b>The home first, not the devices</b>Organize by room and by moment of the day. Words residents use, never a technical identifier.</div>
|
|
634
|
+
<div class="mk-glass"><b>What is on glows</b>One strong signal: the golden glow of something that is on. Everything else stays calm.</div>
|
|
635
|
+
<div class="mk-glass"><b>One gradient per screen</b>The gradient is a signature: one title or one key number, not everywhere.</div>
|
|
636
|
+
<div class="mk-glass"><b>Say when the home goes quiet</b>Dim stale values, show an honest banner, disable controls. Never a fake “up to date”.</div>
|
|
637
|
+
<div class="mk-glass"><b>Big fingers, little text</b>44 px targets at least, tabular digits, three text sizes per screen.</div>
|
|
638
|
+
<div class="mk-glass"><b>Free to change everything</b>The tokens are a starting point. Make the home’s own theme with its residents.</div>
|
|
639
|
+
</div>
|
|
640
|
+
</div>
|
|
641
|
+
|
|
642
|
+
<script>
|
|
643
|
+
const stage = document.getElementById('stage');
|
|
644
|
+
const states = document.getElementById('states');
|
|
645
|
+
const buttons = document.querySelectorAll('.switch-themes button');
|
|
646
|
+
function pick(t) {
|
|
647
|
+
stage.dataset.theme = t; states.dataset.theme = t;
|
|
648
|
+
buttons.forEach(b => b.setAttribute('aria-pressed', String(b.dataset.t === t)));
|
|
649
|
+
}
|
|
650
|
+
buttons.forEach(b => b.addEventListener('click', () => pick(b.dataset.t)));
|
|
651
|
+
document.querySelectorAll('[data-pick]').forEach(c => c.addEventListener('click', () => { pick(c.dataset.pick); stage.scrollIntoView({ behavior: 'smooth' }); }));
|
|
652
|
+
document.querySelectorAll('[data-toggle]').forEach(t => t.addEventListener('click', () => {
|
|
653
|
+
if (t.classList.contains('is-pending')) return;
|
|
654
|
+
t.classList.add('is-pending');
|
|
655
|
+
setTimeout(() => {
|
|
656
|
+
t.classList.remove('is-pending');
|
|
657
|
+
const on = t.classList.toggle('is-on');
|
|
658
|
+
const v = t.querySelector('.value'); v.textContent = on ? v.dataset.on : v.dataset.off;
|
|
659
|
+
}, 550);
|
|
660
|
+
}));
|
|
661
|
+
document.querySelectorAll('.mk-level').forEach(r => r.addEventListener('input', () => r.style.setProperty('--level', r.value + '%')));
|
|
662
|
+
const kwh = [.18,.15,.14,.13,.14,.16,.32,.48,.36,.22,.2,.24,.38,.3,.22,.2,.26,.42,.62,.71,.55];
|
|
663
|
+
const max = Math.max(...kwh), bars = document.getElementById('bars'), now = kwh.length - 1;
|
|
664
|
+
kwh.forEach((v, i) => { const s = document.createElement('span'); s.style.height = (v / max * 100) + '%'; if (i === now) s.className = 'now'; else if (v > .5) s.className = 'peak'; bars.append(s); });
|
|
665
|
+
</script>
|
|
666
|
+
</body>
|
|
667
|
+
</html>
|