@agent-link/server 0.1.48 → 0.1.49
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/package.json +1 -1
- package/web/iPad.png +0 -0
- package/web/iPhone.png +0 -0
- package/web/landing.html +71 -0
package/package.json
CHANGED
package/web/iPad.png
ADDED
|
Binary file
|
package/web/iPhone.png
ADDED
|
Binary file
|
package/web/landing.html
CHANGED
|
@@ -228,9 +228,71 @@
|
|
|
228
228
|
footer a { color: var(--accent); text-decoration: none; }
|
|
229
229
|
footer a:hover { text-decoration: underline; }
|
|
230
230
|
|
|
231
|
+
/* ── Device Showcase ── */
|
|
232
|
+
.showcase {
|
|
233
|
+
max-width: 900px;
|
|
234
|
+
margin: 0 auto 5rem;
|
|
235
|
+
padding: 0 2rem;
|
|
236
|
+
position: relative;
|
|
237
|
+
display: flex;
|
|
238
|
+
justify-content: center;
|
|
239
|
+
align-items: flex-end;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.device {
|
|
243
|
+
position: relative;
|
|
244
|
+
border-radius: 18px;
|
|
245
|
+
overflow: hidden;
|
|
246
|
+
box-shadow:
|
|
247
|
+
0 0 0 1px rgba(255,255,255,0.06),
|
|
248
|
+
0 25px 80px rgba(0,0,0,0.55),
|
|
249
|
+
0 8px 32px rgba(0,0,0,0.3);
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
.device img {
|
|
253
|
+
display: block;
|
|
254
|
+
width: 100%;
|
|
255
|
+
height: auto;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.device-ipad {
|
|
259
|
+
width: 72%;
|
|
260
|
+
border-radius: 18px;
|
|
261
|
+
z-index: 1;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.device-iphone {
|
|
265
|
+
width: 22%;
|
|
266
|
+
border-radius: 24px;
|
|
267
|
+
z-index: 2;
|
|
268
|
+
margin-left: -8%;
|
|
269
|
+
margin-bottom: -2%;
|
|
270
|
+
box-shadow:
|
|
271
|
+
0 0 0 1px rgba(255,255,255,0.08),
|
|
272
|
+
0 30px 90px rgba(0,0,0,0.6),
|
|
273
|
+
0 10px 40px rgba(0,0,0,0.35);
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
/* Subtle glow behind devices */
|
|
277
|
+
.showcase::before {
|
|
278
|
+
content: '';
|
|
279
|
+
position: absolute;
|
|
280
|
+
top: 50%;
|
|
281
|
+
left: 50%;
|
|
282
|
+
transform: translate(-50%, -50%);
|
|
283
|
+
width: 80%;
|
|
284
|
+
height: 70%;
|
|
285
|
+
background: radial-gradient(ellipse, rgba(108,99,255,0.12) 0%, transparent 70%);
|
|
286
|
+
pointer-events: none;
|
|
287
|
+
z-index: 0;
|
|
288
|
+
}
|
|
289
|
+
|
|
231
290
|
@media (max-width: 640px) {
|
|
232
291
|
.hero { padding: 4rem 1.5rem 3rem; }
|
|
233
292
|
.install { padding: 1.5rem; margin: 0 1rem 3rem; }
|
|
293
|
+
.showcase { margin-bottom: 3rem; }
|
|
294
|
+
.device-ipad { width: 78%; }
|
|
295
|
+
.device-iphone { width: 26%; margin-left: -10%; border-radius: 16px; }
|
|
234
296
|
}
|
|
235
297
|
</style>
|
|
236
298
|
</head>
|
|
@@ -248,6 +310,15 @@
|
|
|
248
310
|
<p>Run Claude Code on your machine, use it from any browser.</p>
|
|
249
311
|
</section>
|
|
250
312
|
|
|
313
|
+
<section class="showcase">
|
|
314
|
+
<div class="device device-ipad">
|
|
315
|
+
<img src="/iPad.png" alt="AgentLink on iPad" loading="eager">
|
|
316
|
+
</div>
|
|
317
|
+
<div class="device device-iphone">
|
|
318
|
+
<img src="/iPhone.png" alt="AgentLink on iPhone" loading="eager">
|
|
319
|
+
</div>
|
|
320
|
+
</section>
|
|
321
|
+
|
|
251
322
|
<section class="install">
|
|
252
323
|
<div class="install-label">Get started</div>
|
|
253
324
|
<div class="install-step">
|