@vibes.diy/identity 14.1.0 → 14.1.1

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.
@@ -4,12 +4,39 @@
4
4
  <meta charset="utf-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1" />
6
6
  <title>Certificate received — Vibes DIY</title>
7
+ <!--
8
+ The three color D·I·Y faces are the brand brief's color face
9
+ (vibes.diy/pkg/app/components/first-build-loading-art.ts, BRIEF_ART.face)
10
+ wearing the three hand-drawn hairstyles from FirstBuildLoadingAnimation's
11
+ FaceWithHair (spikes → curls → bob with the pink bow). On the CA page the
12
+ deck cycles them one at a time as "almost ready"; here, at the end, all
13
+ three stand together. Path data is copied from that module — regenerate
14
+ from it rather than hand-editing the coordinates. The grid is the site's
15
+ canonical page grid (base/theme/patterns.ts gridBackground), light + dark,
16
+ and the face ink follows it via --art-ink.
17
+ -->
7
18
  <style>
8
19
  :root {
9
20
  --red: #e04a33;
10
- --grey: #cccdc8;
11
21
  --ink: #111;
12
22
  --paper: #fff;
23
+ --page: #cccdc8;
24
+ --line: rgba(255, 255, 255, 0.5);
25
+ --text: #111;
26
+ --sub: #333;
27
+ /* The face's ink (hair strokes, dot eyes). Black on the light grid,
28
+ light on the dark one — the brief's mono art is ink-on-paper and the
29
+ card below keeps its own fixed black ink. */
30
+ --art-ink: #000000;
31
+ }
32
+ @media (prefers-color-scheme: dark) {
33
+ :root {
34
+ --page: #2a2a2a;
35
+ --line: rgba(0, 0, 0, 0.55);
36
+ --text: #f4f4f5;
37
+ --sub: #d4d4d8;
38
+ --art-ink: #f4f4f5;
39
+ }
13
40
  }
14
41
  * {
15
42
  box-sizing: border-box;
@@ -34,40 +61,44 @@
34
61
  "Segoe UI",
35
62
  Roboto,
36
63
  sans-serif;
37
- color: var(--ink);
38
- background-color: var(--paper);
64
+ color: var(--text);
65
+ background-color: var(--page);
39
66
  background-image:
40
- linear-gradient(var(--grey) 1px, transparent 1px), linear-gradient(90deg, var(--grey) 1px, transparent 1px);
41
- background-size: 28px 28px;
67
+ linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
68
+ background-size: 32px 32px;
42
69
  }
43
- .spill {
44
- animation: bob 3s ease-in-out infinite;
45
- }
46
- .half {
47
- transform-box: fill-box;
48
- transform-origin: center;
70
+ .faces {
71
+ display: flex;
72
+ align-items: flex-end;
73
+ justify-content: center;
74
+ gap: 0;
75
+ width: min(92vw, 720px);
49
76
  }
50
- .half-l {
51
- animation: rock 1.4s ease-in-out infinite alternate;
77
+ .face {
78
+ width: 33.333%;
79
+ height: auto;
80
+ flex: 1 1 0;
81
+ min-width: 0;
52
82
  }
53
- .half-r {
54
- animation: rock 1.4s ease-in-out infinite alternate-reverse;
83
+ .bob {
84
+ animation: bob 3s ease-in-out infinite;
55
85
  }
56
- .dot {
57
- opacity: 0;
58
- animation: fall 1.6s cubic-bezier(0.3, 0.1, 0.55, 1) infinite;
86
+ .face-2 .bob {
87
+ animation-delay: -1s;
59
88
  }
60
- .d2 {
61
- animation-delay: 0.32s;
89
+ .face-3 .bob {
90
+ animation-delay: -2s;
62
91
  }
63
- .d3 {
64
- animation-delay: 0.64s;
92
+ .eye {
93
+ transform-box: fill-box;
94
+ transform-origin: center;
95
+ animation: blink 4.8s ease-in-out infinite;
65
96
  }
66
- .d4 {
67
- animation-delay: 0.96s;
97
+ .face-2 .eye {
98
+ animation-delay: -1.6s;
68
99
  }
69
- .d5 {
70
- animation-delay: 1.28s;
100
+ .face-3 .eye {
101
+ animation-delay: -3.2s;
71
102
  }
72
103
  @keyframes bob {
73
104
  0%,
@@ -78,28 +109,14 @@
78
109
  transform: translateY(-6px);
79
110
  }
80
111
  }
81
- @keyframes rock {
82
- from {
83
- transform: rotate(-4deg);
84
- }
85
- to {
86
- transform: rotate(4deg);
87
- }
88
- }
89
- @keyframes fall {
90
- 0% {
91
- transform: translateY(0);
92
- opacity: 0;
93
- }
94
- 12% {
95
- opacity: 1;
96
- }
97
- 70% {
98
- opacity: 1;
99
- }
112
+ @keyframes blink {
113
+ 0%,
114
+ 91%,
100
115
  100% {
101
- transform: translateY(56px);
102
- opacity: 0;
116
+ transform: scaleY(1);
117
+ }
118
+ 95% {
119
+ transform: scaleY(0.12);
103
120
  }
104
121
  }
105
122
  h1 {
@@ -112,12 +129,13 @@
112
129
  line-height: 1.45;
113
130
  }
114
131
  .sub {
115
- color: #444;
132
+ color: var(--sub);
116
133
  }
117
134
  .eli5 {
118
135
  margin-top: 16px;
119
136
  padding: 14px 18px;
120
137
  max-width: 34rem;
138
+ color: var(--ink);
121
139
  background: var(--paper);
122
140
  border: 2px solid var(--ink);
123
141
  box-shadow: 6px 6px 0 0 var(--ink);
@@ -132,54 +150,192 @@
132
150
  margin: 0 0 4px;
133
151
  }
134
152
  @media (prefers-reduced-motion: reduce) {
135
- .spill,
136
- .half-l,
137
- .half-r,
138
- .dot {
153
+ .bob,
154
+ .eye {
139
155
  animation: none;
140
156
  }
141
- .dot {
142
- opacity: 1;
143
- }
144
157
  }
145
158
  </style>
146
159
  </head>
147
160
  <body>
148
- <svg width="200" height="200" viewBox="0 0 220 220" fill="none" aria-hidden="true">
149
- <g class="spill">
150
- <g transform="translate(76 76) rotate(-34)">
151
- <g class="half half-l">
152
- <path d="M -26 34 L -26 -10 A 26 26 0 0 1 26 -10 L 26 34 Z" fill="#e04a33" />
153
- <ellipse cy="34" rx="26" ry="8" fill="#cccdc8" />
154
- <ellipse cy="34" rx="26" ry="8" stroke="#e04a33" stroke-width="4" />
155
- </g>
161
+ <div class="faces">
162
+ <svg class="face face-1" viewBox="798 340 322 340" fill="none" aria-hidden="true">
163
+ <g class="bob">
164
+ <path
165
+ d="M846 460 L868 396 L892 440 L916 380 L938 428 L959 368 L980 428 L1004 380 L1026 440 L1050 396 L1072 460"
166
+ stroke="var(--art-ink)"
167
+ stroke-width="15"
168
+ stroke-linecap="round"
169
+ stroke-linejoin="round"
170
+ />
171
+ <path
172
+ d="M 888 628 C 901 644 922 652 943 655 C 954 656 966 655 977 654 C 987 653 996 651 1005 648 C 1016 644 1025 638 1032 630 C 1034 627 1035 623 1032 621 C 1030 619 1026 618 1024 621 C 1012 634 995 640 979 642 C 959 644 939 644 920 637 C 911 633 903 627 896 619 C 894 617 890 617 888 619 C 885 622 886 625 888 628"
173
+ fill="#01a947"
174
+ />
175
+ <path
176
+ d="M 872 596 C 874 578 872 548 873 529 C 872 514 875 507 868 497 C 862 491 853 492 852 500 C 852 521 852 574 852 595 C 850 612 866 610 871 597 Z M 885 595 C 883 612 860 628 843 618 C 836 614 840 596 839 585 C 839 557 839 513 839 496 C 839 489 840 482 848 481 C 862 476 883 487 885 504 C 887 528 886 569 885 594 Z M 885 595"
177
+ fill="#ff571e"
178
+ />
179
+ <path
180
+ d="M 945 550 C 946 565 937 577 922 577 C 908 579 898 564 899 549 C 898 517 943 520 945 550 Z M 945 550"
181
+ fill="var(--art-ink)"
182
+ class="eye"
183
+ />
184
+ <path
185
+ d="M 971 589 C 971 598 973 616 969 619 L 969 619 C 961 624 958 615 958 608 C 958 584 958 515 958 492 C 958 489 958 485 960 483 C 963 478 970 480 971 486 C 972 515 971 559 971 589"
186
+ fill="#445796"
187
+ />
188
+ <path
189
+ d="M 1031 550 C 1033 565 1024 577 1009 577 C 994 579 984 564 985 549 C 985 517 1030 520 1031 550 Z M 1031 550"
190
+ fill="var(--art-ink)"
191
+ class="eye"
192
+ />
193
+ <path
194
+ d="M 1080 484 C 1082 488 1081 495 1080 500 C 1075 531 1067 558 1068 591 C 1067 597 1070 627 1058 620 C 1050 612 1053 595 1052 584 C 1052 555 1043 526 1039 497 C 1038 490 1041 475 1049 486 C 1054 493 1054 509 1057 520 C 1060 534 1063 522 1063 516 C 1065 506 1066 492 1071 485 C 1073 482 1077 479 1080 484 Z M 1080 484"
195
+ fill="#ef77a9"
196
+ />
197
+ <path
198
+ d="M 909 425 C 916 424 915 429 913 433 C 911 437 909 442 907 446 C 906 449 905 451 904 454 C 902 458 900 463 896 463 C 888 463 887 451 883 445 C 881 440 879 435 877 430 C 876 429 876 427 877 426 C 877 425 881 425 883 426 C 887 431 889 439 892 445 C 893 447 895 452 897 448 C 899 444 902 436 904 431 C 905 429 907 426 909 425 Z M 909 425"
199
+ fill="#e9ae20"
200
+ />
201
+ <path
202
+ d="M 920 463 C 920 462 920 462 920 462 C 919 457 920 448 919 442 C 920 435 919 428 920 426 C 920 425 921 425 923 425 C 925 425 927 424 927 427 C 927 434 927 455 927 461 C 927 464 922 463 921 463 Z M 920 463"
203
+ fill="#e9ae20"
204
+ />
205
+ <path
206
+ d="M 964 453 C 966 450 962 447 959 448 C 954 448 949 447 944 448 C 942 448 942 450 942 452 C 942 453 942 454 943 455 C 946 455 953 455 957 455 C 960 455 962 455 964 454 Z M 964 438 C 966 435 963 432 960 432 C 955 432 949 432 944 432 C 941 432 941 438 942 439 C 944 440 946 440 949 440 C 954 439 961 441 964 438 Z M 972 436 C 972 439 970 441 970 444 C 970 448 972 451 971 455 C 967 465 955 462 947 463 C 944 463 941 463 938 462 C 935 462 934 459 934 456 C 934 452 934 448 934 444 C 934 439 934 434 934 430 C 934 428 935 426 937 425 C 940 424 944 425 947 425 C 957 425 971 423 972 436 Z M 972 436"
207
+ fill="#e9ae20"
208
+ />
209
+ <path
210
+ d="M 1001 436 C 998 438 992 434 988 435 C 985 436 986 440 988 441 C 990 443 996 443 999 445 C 1001 447 1002 452 998 452 C 997 452 995 452 993 451 C 988 450 983 453 988 457 C 991 460 998 459 1000 462 C 1003 465 1003 471 997 470 C 993 469 985 467 981 466 C 979 465 978 465 978 463 C 978 456 978 436 978 428 C 978 425 979 425 982 425 C 986 426 992 427 996 428 C 1000 429 1004 432 1001 435 Z M 1001 436"
211
+ fill="#e9ae20"
212
+ />
213
+ <path
214
+ d="M 1033 440 C 1042 441 1047 452 1041 458 C 1036 464 1027 463 1020 463 C 1014 463 1010 461 1007 457 C 1006 456 1006 455 1007 454 C 1009 450 1015 455 1019 455 C 1023 455 1035 457 1035 451 C 1034 449 1032 448 1029 448 C 1020 447 1007 449 1006 437 C 1005 430 1012 425 1019 425 C 1027 425 1041 423 1043 433 C 1041 437 1036 434 1033 433 C 1029 432 1017 431 1015 435 C 1013 442 1029 439 1033 440 Z M 1033 440"
215
+ fill="#e9ae20"
216
+ />
217
+ </g>
218
+ </svg>
219
+ <svg class="face face-2" viewBox="798 340 322 340" fill="none" aria-hidden="true">
220
+ <g class="bob">
221
+ <path
222
+ d="M846 452 Q838 400 884 408 Q884 356 930 376 Q946 336 982 364 Q1010 340 1030 372 Q1066 360 1062 402 Q1100 402 1088 452"
223
+ stroke="var(--art-ink)"
224
+ stroke-width="15"
225
+ stroke-linecap="round"
226
+ stroke-linejoin="round"
227
+ />
228
+ <path
229
+ d="M 888 628 C 901 644 922 652 943 655 C 954 656 966 655 977 654 C 987 653 996 651 1005 648 C 1016 644 1025 638 1032 630 C 1034 627 1035 623 1032 621 C 1030 619 1026 618 1024 621 C 1012 634 995 640 979 642 C 959 644 939 644 920 637 C 911 633 903 627 896 619 C 894 617 890 617 888 619 C 885 622 886 625 888 628"
230
+ fill="#01a947"
231
+ />
232
+ <path
233
+ d="M 872 596 C 874 578 872 548 873 529 C 872 514 875 507 868 497 C 862 491 853 492 852 500 C 852 521 852 574 852 595 C 850 612 866 610 871 597 Z M 885 595 C 883 612 860 628 843 618 C 836 614 840 596 839 585 C 839 557 839 513 839 496 C 839 489 840 482 848 481 C 862 476 883 487 885 504 C 887 528 886 569 885 594 Z M 885 595"
234
+ fill="#ff571e"
235
+ />
236
+ <path
237
+ d="M 945 550 C 946 565 937 577 922 577 C 908 579 898 564 899 549 C 898 517 943 520 945 550 Z M 945 550"
238
+ fill="var(--art-ink)"
239
+ class="eye"
240
+ />
241
+ <path
242
+ d="M 971 589 C 971 598 973 616 969 619 L 969 619 C 961 624 958 615 958 608 C 958 584 958 515 958 492 C 958 489 958 485 960 483 C 963 478 970 480 971 486 C 972 515 971 559 971 589"
243
+ fill="#445796"
244
+ />
245
+ <path
246
+ d="M 1031 550 C 1033 565 1024 577 1009 577 C 994 579 984 564 985 549 C 985 517 1030 520 1031 550 Z M 1031 550"
247
+ fill="var(--art-ink)"
248
+ class="eye"
249
+ />
250
+ <path
251
+ d="M 1080 484 C 1082 488 1081 495 1080 500 C 1075 531 1067 558 1068 591 C 1067 597 1070 627 1058 620 C 1050 612 1053 595 1052 584 C 1052 555 1043 526 1039 497 C 1038 490 1041 475 1049 486 C 1054 493 1054 509 1057 520 C 1060 534 1063 522 1063 516 C 1065 506 1066 492 1071 485 C 1073 482 1077 479 1080 484 Z M 1080 484"
252
+ fill="#ef77a9"
253
+ />
254
+ <path
255
+ d="M 909 425 C 916 424 915 429 913 433 C 911 437 909 442 907 446 C 906 449 905 451 904 454 C 902 458 900 463 896 463 C 888 463 887 451 883 445 C 881 440 879 435 877 430 C 876 429 876 427 877 426 C 877 425 881 425 883 426 C 887 431 889 439 892 445 C 893 447 895 452 897 448 C 899 444 902 436 904 431 C 905 429 907 426 909 425 Z M 909 425"
256
+ fill="#e9ae20"
257
+ />
258
+ <path
259
+ d="M 920 463 C 920 462 920 462 920 462 C 919 457 920 448 919 442 C 920 435 919 428 920 426 C 920 425 921 425 923 425 C 925 425 927 424 927 427 C 927 434 927 455 927 461 C 927 464 922 463 921 463 Z M 920 463"
260
+ fill="#e9ae20"
261
+ />
262
+ <path
263
+ d="M 964 453 C 966 450 962 447 959 448 C 954 448 949 447 944 448 C 942 448 942 450 942 452 C 942 453 942 454 943 455 C 946 455 953 455 957 455 C 960 455 962 455 964 454 Z M 964 438 C 966 435 963 432 960 432 C 955 432 949 432 944 432 C 941 432 941 438 942 439 C 944 440 946 440 949 440 C 954 439 961 441 964 438 Z M 972 436 C 972 439 970 441 970 444 C 970 448 972 451 971 455 C 967 465 955 462 947 463 C 944 463 941 463 938 462 C 935 462 934 459 934 456 C 934 452 934 448 934 444 C 934 439 934 434 934 430 C 934 428 935 426 937 425 C 940 424 944 425 947 425 C 957 425 971 423 972 436 Z M 972 436"
264
+ fill="#e9ae20"
265
+ />
266
+ <path
267
+ d="M 1001 436 C 998 438 992 434 988 435 C 985 436 986 440 988 441 C 990 443 996 443 999 445 C 1001 447 1002 452 998 452 C 997 452 995 452 993 451 C 988 450 983 453 988 457 C 991 460 998 459 1000 462 C 1003 465 1003 471 997 470 C 993 469 985 467 981 466 C 979 465 978 465 978 463 C 978 456 978 436 978 428 C 978 425 979 425 982 425 C 986 426 992 427 996 428 C 1000 429 1004 432 1001 435 Z M 1001 436"
268
+ fill="#e9ae20"
269
+ />
270
+ <path
271
+ d="M 1033 440 C 1042 441 1047 452 1041 458 C 1036 464 1027 463 1020 463 C 1014 463 1010 461 1007 457 C 1006 456 1006 455 1007 454 C 1009 450 1015 455 1019 455 C 1023 455 1035 457 1035 451 C 1034 449 1032 448 1029 448 C 1020 447 1007 449 1006 437 C 1005 430 1012 425 1019 425 C 1027 425 1041 423 1043 433 C 1041 437 1036 434 1033 433 C 1029 432 1017 431 1015 435 C 1013 442 1029 439 1033 440 Z M 1033 440"
272
+ fill="#e9ae20"
273
+ />
156
274
  </g>
157
- <g transform="translate(144 76) rotate(34)">
158
- <g class="half half-r">
159
- <path
160
- d="M -26 34 L -26 -10 A 26 26 0 0 1 26 -10 L 26 34 Z"
161
- fill="#cccdc8"
162
- stroke="#e04a33"
163
- stroke-width="5"
164
- stroke-linejoin="round"
165
- />
166
- <ellipse cy="34" rx="26" ry="8" fill="#cccdc8" stroke="#e04a33" stroke-width="4" />
167
- </g>
275
+ </svg>
276
+ <svg class="face face-3" viewBox="798 340 322 340" fill="none" aria-hidden="true">
277
+ <g class="bob">
278
+ <path d="M846 456 Q959 348 1072 456" stroke="var(--art-ink)" stroke-width="17" stroke-linecap="round" />
279
+ <path d="M1046 398 L1010 382 L1018 418 Z" fill="#ef77a9" />
280
+ <path d="M1046 398 L1082 378 L1078 418 Z" fill="#ef77a9" />
281
+ <circle cx="1046" cy="398" r="10" fill="#ef77a9" />
282
+ <path
283
+ d="M 888 628 C 901 644 922 652 943 655 C 954 656 966 655 977 654 C 987 653 996 651 1005 648 C 1016 644 1025 638 1032 630 C 1034 627 1035 623 1032 621 C 1030 619 1026 618 1024 621 C 1012 634 995 640 979 642 C 959 644 939 644 920 637 C 911 633 903 627 896 619 C 894 617 890 617 888 619 C 885 622 886 625 888 628"
284
+ fill="#01a947"
285
+ />
286
+ <path
287
+ d="M 872 596 C 874 578 872 548 873 529 C 872 514 875 507 868 497 C 862 491 853 492 852 500 C 852 521 852 574 852 595 C 850 612 866 610 871 597 Z M 885 595 C 883 612 860 628 843 618 C 836 614 840 596 839 585 C 839 557 839 513 839 496 C 839 489 840 482 848 481 C 862 476 883 487 885 504 C 887 528 886 569 885 594 Z M 885 595"
288
+ fill="#ff571e"
289
+ />
290
+ <path
291
+ d="M 945 550 C 946 565 937 577 922 577 C 908 579 898 564 899 549 C 898 517 943 520 945 550 Z M 945 550"
292
+ fill="var(--art-ink)"
293
+ class="eye"
294
+ />
295
+ <path
296
+ d="M 971 589 C 971 598 973 616 969 619 L 969 619 C 961 624 958 615 958 608 C 958 584 958 515 958 492 C 958 489 958 485 960 483 C 963 478 970 480 971 486 C 972 515 971 559 971 589"
297
+ fill="#445796"
298
+ />
299
+ <path
300
+ d="M 1031 550 C 1033 565 1024 577 1009 577 C 994 579 984 564 985 549 C 985 517 1030 520 1031 550 Z M 1031 550"
301
+ fill="var(--art-ink)"
302
+ class="eye"
303
+ />
304
+ <path
305
+ d="M 1080 484 C 1082 488 1081 495 1080 500 C 1075 531 1067 558 1068 591 C 1067 597 1070 627 1058 620 C 1050 612 1053 595 1052 584 C 1052 555 1043 526 1039 497 C 1038 490 1041 475 1049 486 C 1054 493 1054 509 1057 520 C 1060 534 1063 522 1063 516 C 1065 506 1066 492 1071 485 C 1073 482 1077 479 1080 484 Z M 1080 484"
306
+ fill="#ef77a9"
307
+ />
308
+ <path
309
+ d="M 909 425 C 916 424 915 429 913 433 C 911 437 909 442 907 446 C 906 449 905 451 904 454 C 902 458 900 463 896 463 C 888 463 887 451 883 445 C 881 440 879 435 877 430 C 876 429 876 427 877 426 C 877 425 881 425 883 426 C 887 431 889 439 892 445 C 893 447 895 452 897 448 C 899 444 902 436 904 431 C 905 429 907 426 909 425 Z M 909 425"
310
+ fill="#e9ae20"
311
+ />
312
+ <path
313
+ d="M 920 463 C 920 462 920 462 920 462 C 919 457 920 448 919 442 C 920 435 919 428 920 426 C 920 425 921 425 923 425 C 925 425 927 424 927 427 C 927 434 927 455 927 461 C 927 464 922 463 921 463 Z M 920 463"
314
+ fill="#e9ae20"
315
+ />
316
+ <path
317
+ d="M 964 453 C 966 450 962 447 959 448 C 954 448 949 447 944 448 C 942 448 942 450 942 452 C 942 453 942 454 943 455 C 946 455 953 455 957 455 C 960 455 962 455 964 454 Z M 964 438 C 966 435 963 432 960 432 C 955 432 949 432 944 432 C 941 432 941 438 942 439 C 944 440 946 440 949 440 C 954 439 961 441 964 438 Z M 972 436 C 972 439 970 441 970 444 C 970 448 972 451 971 455 C 967 465 955 462 947 463 C 944 463 941 463 938 462 C 935 462 934 459 934 456 C 934 452 934 448 934 444 C 934 439 934 434 934 430 C 934 428 935 426 937 425 C 940 424 944 425 947 425 C 957 425 971 423 972 436 Z M 972 436"
318
+ fill="#e9ae20"
319
+ />
320
+ <path
321
+ d="M 1001 436 C 998 438 992 434 988 435 C 985 436 986 440 988 441 C 990 443 996 443 999 445 C 1001 447 1002 452 998 452 C 997 452 995 452 993 451 C 988 450 983 453 988 457 C 991 460 998 459 1000 462 C 1003 465 1003 471 997 470 C 993 469 985 467 981 466 C 979 465 978 465 978 463 C 978 456 978 436 978 428 C 978 425 979 425 982 425 C 986 426 992 427 996 428 C 1000 429 1004 432 1001 435 Z M 1001 436"
322
+ fill="#e9ae20"
323
+ />
324
+ <path
325
+ d="M 1033 440 C 1042 441 1047 452 1041 458 C 1036 464 1027 463 1020 463 C 1014 463 1010 461 1007 457 C 1006 456 1006 455 1007 454 C 1009 450 1015 455 1019 455 C 1023 455 1035 457 1035 451 C 1034 449 1032 448 1029 448 C 1020 447 1007 449 1006 437 C 1005 430 1012 425 1019 425 C 1027 425 1041 423 1043 433 C 1041 437 1036 434 1033 433 C 1029 432 1017 431 1015 435 C 1013 442 1029 439 1033 440 Z M 1033 440"
326
+ fill="#e9ae20"
327
+ />
168
328
  </g>
169
- <circle class="dot" cx="110" cy="118" r="7" fill="#e04a33" />
170
- <circle class="dot d2" cx="96" cy="122" r="5" fill="#e04a33" />
171
- <circle class="dot d3" cx="124" cy="121" r="6" fill="#e04a33" />
172
- <circle class="dot d4" cx="104" cy="116" r="4" fill="#e04a33" />
173
- <circle class="dot d5" cx="118" cy="124" r="5" fill="#e04a33" />
174
- </g>
175
- </svg>
329
+ </svg>
330
+ </div>
176
331
  <h1>Certificate received &#10003;</h1>
177
332
  <p class="sub">You can safely close this window and head back to your terminal.</p>
178
333
  <div class="eli5">
179
334
  <p class="eyebrow">what just happened</p>
180
335
  <p>
181
- &#128737;&#65039; A trusted authority checked your device's signed request and mailed back a certificate — a badge that
182
- proves it's you. The secret key never left this machine; only the public half made the trip.
336
+ &#128737;&#65039; Vibes DIY checked the request your device signed and issued a certificate — a badge that proves it's you.
337
+ This browser tab just handed that certificate back to your terminal. The secret key never left this machine; only the public
338
+ half made the trip.
183
339
  </p>
184
340
  </div>
185
341
  </body>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vibes.diy/identity",
3
- "version": "14.1.0",
3
+ "version": "14.1.1",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "main": "./index.js",
@@ -19,7 +19,7 @@
19
19
  "@adviser/ts-xxhash": "~1.0.2",
20
20
  "@clerk/shared": "~4.29.2",
21
21
  "@hono/node-server": "~2.1.1",
22
- "@vibes.diy/cmd-tools": "14.1.0",
22
+ "@vibes.diy/cmd-tools": "14.1.1",
23
23
  "arktype": "~2.2.3",
24
24
  "hono": "~4.13.5",
25
25
  "jose": "~6.2.10",