Skip to content

Commit 30008cd

Browse files
sofiayan0523sofiayan0523
committed
adjust font and frame
1 parent c1ec97f commit 30008cd

4 files changed

Lines changed: 69 additions & 16 deletions

File tree

‎index.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,12 @@
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Creative Origin</title>
7+
<script
8+
id="capture-eye-sdk"
9+
type="module"
10+
crossorigin="anonymous"
11+
src="https://cdn.jsdelivr.net/npm/@numbersprotocol/capture-eye@latest/dist/capture-eye.bundled.js"
12+
></script>
713
</head>
814
<body>
915
<div id="root"></div>

‎src/App.tsx‎

Lines changed: 36 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -189,6 +189,19 @@ const PARTNER_PLACEHOLDERS = [
189189
"Academic Centers",
190190
];
191191

192+
const HERO_CAPTURE_ASSET = {
193+
nid: "bafybeifksqe7orsgtfnly5j3okltqi3iyt3k2pptnlfyre62jpfzxftsju",
194+
imageUrl:
195+
"https://ipfs-pin.numbersprotocol.io/ipfs/bafybeifksqe7orsgtfnly5j3okltqi3iyt3k2pptnlfyre62jpfzxftsju",
196+
assetUrl:
197+
"https://asset.captureapp.xyz/bafybeifksqe7orsgtfnly5j3okltqi3iyt3k2pptnlfyre62jpfzxftsju",
198+
actionButtonUrl:
199+
"https://dashboard.captureapp.xyz/showcase/bafybeifksqe7orsgtfnly5j3okltqi3iyt3k2pptnlfyre62jpfzxftsju",
200+
engagementImage:
201+
"https://static-cdn.numbersprotocol.io/capture-eye/capture-ad.png",
202+
engagementLink: "https://captureapp.xyz",
203+
};
204+
192205
const fadeUp = {
193206
initial: { opacity: 0, y: 14 },
194207
whileInView: { opacity: 1, y: 0 },
@@ -303,10 +316,7 @@ function NavBar({
303316
</div>
304317

305318
<div className="flex items-center gap-2">
306-
<Button
307-
onClick={onApply}
308-
className="rounded-none bg-white text-black hover:bg-white/90"
309-
>
319+
<Button onClick={onApply} variant="inverse" className="rounded-none">
310320
Apply to Join
311321
</Button>
312322
</div>
@@ -416,10 +426,7 @@ function Hero({ onApply }: { onApply: () => void }) {
416426
</div>
417427

418428
<div className="mt-8 flex flex-wrap items-center gap-3">
419-
<Button
420-
onClick={onApply}
421-
className="rounded-none bg-white text-black hover:bg-white/90"
422-
>
429+
<Button onClick={onApply} variant="inverse" className="rounded-none">
423430
Apply to Join
424431
</Button>
425432
<Badge
@@ -437,14 +444,28 @@ function Hero({ onApply }: { onApply: () => void }) {
437444
className="relative"
438445
>
439446
<div className="aspect-[4/3] w-full overflow-hidden rounded-none border border-white/10 bg-white/5">
440-
<img
441-
src="https://images.unsplash.com/photo-1526481280690-7bdb25d39c42?q=80&w=1200&auto=format&fit=crop"
442-
alt="Creative community"
443-
className="h-full w-full object-cover opacity-90"
444-
/>
447+
<capture-eye
448+
className="block"
449+
nid={HERO_CAPTURE_ASSET.nid}
450+
position="bottom right"
451+
visibility="always"
452+
layout="curated"
453+
cz-title="Produced for"
454+
heading-source="abstract"
455+
action-button-text="View provenance"
456+
action-button-link={HERO_CAPTURE_ASSET.actionButtonUrl}
457+
eng-img={HERO_CAPTURE_ASSET.engagementImage}
458+
eng-link={HERO_CAPTURE_ASSET.engagementLink}
459+
>
460+
<img
461+
src={HERO_CAPTURE_ASSET.imageUrl}
462+
alt="Creative community"
463+
className="h-full w-full object-cover opacity-90"
464+
/>
465+
</capture-eye>
445466
</div>
446-
<div className="mt-3 text-xs text-white/50">
447-
Replace with your hero image.
467+
<div className="mt-3 text-xs text-white/60">
468+
Provenance powered by Capture Eye.
448469
</div>
449470
</motion.div>
450471
</div>

‎src/components/ui/button.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from "react";
22

3-
type ButtonVariant = "default" | "outline" | "ghost";
3+
type ButtonVariant = "default" | "outline" | "ghost" | "inverse";
44

55
type Props = React.ButtonHTMLAttributes<HTMLButtonElement> & {
66
variant?: ButtonVariant;
@@ -19,6 +19,8 @@ export function Button({
1919
? "border border-black/20 bg-transparent hover:bg-black/5"
2020
: variant === "ghost"
2121
? "bg-transparent hover:bg-black/5"
22+
: variant === "inverse"
23+
? "bg-white text-black shadow-[0_0_0_1px_rgba(255,255,255,0.3)] hover:bg-white/90"
2224
: "bg-black text-white hover:bg-black/90";
2325

2426
return <button className={`${base} ${styles} ${className}`} {...props} />;

‎src/vite-env.d.ts‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,25 @@
11
/// <reference types="vite/client" />
2+
3+
import type { DetailedHTMLProps, HTMLAttributes } from "react";
4+
5+
declare global {
6+
namespace JSX {
7+
interface IntrinsicElements {
8+
"capture-eye": DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & {
9+
nid: string;
10+
layout?: string;
11+
position?: string;
12+
visibility?: string;
13+
"heading-source"?: string;
14+
"cz-title"?: string;
15+
"action-button-text"?: string;
16+
"action-button-link"?: string;
17+
"cr-pin"?: string;
18+
"eng-img"?: string;
19+
"eng-link"?: string;
20+
};
21+
}
22+
}
23+
}
24+
25+
export {};

0 commit comments

Comments
 (0)