zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

docs: add widget

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2026-01-22 14:43:57 +01:00
parent f83fe7a0fc
commit ec5937e55c
3 changed files with 59 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
apps/public/src/app/(content)/open-source/page.tsx
View File

@@ -189,28 +189,48 @@ export default function OpenSourcePage() {
description="Showcase your visitor count with our real-time analytics widget. It's completely optional but helps spread the word." description="Showcase your visitor count with our real-time analytics widget. It's completely optional but helps spread the word."
icon={GlobeIcon} icon={GlobeIcon}
> >
<p className="text-sm text-muted-foreground mt-2"> <a
Display real-time visitor counts, page views, or other href="https://openpanel.dev"
metrics on your project's website. style={{
</p> display: 'inline-block',
overflow: 'hidden',
borderRadius: '8px',
width: '250px',
height: '48px',
}}
>
<iframe
src="https://dashboard.openpanel.dev/widget/badge?shareId=ancygl&color=%231F1F1F"
height="48"
width="100%"
style={{
border: 'none',
overflow: 'hidden',
pointerEvents: 'none',
}}
title="OpenPanel Analytics Badge"
/>
</a>
</FeatureCard> </FeatureCard>
<p className="text-muted-foreground"> <p className="text-muted-foreground">
That's it. No complicated requirements, no hidden fees, no That's it. No complicated requirements, no hidden fees, no
catch. We just want to help open source projects succeed. catch. We just want to help open source projects succeed.
</p> </p>
</div> </div>
<div className="text-center text-xs text-muted-foreground"> <div>
<iframe <div className="text-center text-xs text-muted-foreground">
title="Realtime Widget" <iframe
src="https://dashboard.openpanel.dev/widget/realtime?shareId=26wVGY" title="Realtime Widget"
width="300" src="https://dashboard.openpanel.dev/widget/realtime?shareId=26wVGY"
height="400" width="300"
className="rounded-xl border mb-2" height="400"
/> className="rounded-xl border mb-2"
Analytics from{' '} />
<a className="underline" href="https://openpanel.dev"> Analytics from{' '}
OpenPanel.dev <a className="underline" href="https://openpanel.dev">
</a> OpenPanel.dev
</a>
</div>
</div> </div>
</div> </div>
</Section> </Section>

1
apps/public/src/components/feature-card.tsx
View File

@@ -71,6 +71,7 @@ export function FeatureCard({
<h3 className="text-lg font-semibold">{title}</h3> <h3 className="text-lg font-semibold">{title}</h3>
<p className="text-sm text-muted-foreground">{description}</p> <p className="text-sm text-muted-foreground">{description}</p>
</div> </div>
{children}
</FeatureCardContainer> </FeatureCardContainer>
); );
} }

26
apps/public/src/components/footer.tsx
View File

@@ -79,10 +79,28 @@ export async function Footer() {
<div className="col text-muted-foreground border-t pt-8 mt-16 gap-8 relative bg-background/70 pb-32"> <div className="col text-muted-foreground border-t pt-8 mt-16 gap-8 relative bg-background/70 pb-32">
<div className="container col md:row justify-between gap-8"> <div className="container col md:row justify-between gap-8">
<div> <div>
<Link href="/" className="row items-center font-medium -ml-3"> <a
<Logo className="h-6" /> href="https://openpanel.dev"
{baseOptions().nav?.title} style={{
</Link> display: 'inline-block',
overflow: 'hidden',
borderRadius: '8px',
width: '100%',
height: '48px',
}}
>
<iframe
src="https://dashboard.openpanel.dev/widget/badge?shareId=ancygl&color=%230B0B0B"
height="48"
width="100%"
style={{
border: 'none',
overflow: 'hidden',
pointerEvents: 'none',
}}
title="OpenPanel Analytics Badge"
/>
</a>
</div> </div>
<Social /> <Social />
</div> </div>