From 49579e9286c3030e015e528674d1a3aaaaf321de Mon Sep 17 00:00:00 2001 From: Marco Allegretti Date: Mon, 2 Feb 2026 18:27:02 +0100 Subject: [PATCH] demo: add guided start here journeys --- frontend/src/pages/demo.astro | 1892 +++++++++++++++++++-------------- 1 file changed, 1065 insertions(+), 827 deletions(-) diff --git a/frontend/src/pages/demo.astro b/frontend/src/pages/demo.astro index c961cc2..11624bb 100644 --- a/frontend/src/pages/demo.astro +++ b/frontend/src/pages/demo.astro @@ -1,827 +1,1065 @@ ---- -export const prerender = false; -import PublicLayout from '../layouts/PublicLayout.astro'; -import { API_BASE } from '../lib/api'; - -const nextParamRaw = Astro.url.searchParams.get('next') || ''; -const nextParam = nextParamRaw.startsWith('/') ? nextParamRaw : ''; -const nextQuery = nextParam ? `&next=${encodeURIComponent(nextParam)}` : ''; ---- - - -
- - - ${nextParam ? ` -
-

- You were trying to open ${nextParam.replace(/. - Enter the demo to continue. -

-
- ` : ''} - -
-

Loading demo status...

-
- -
-
-

Why a Demo Instance?

-

- Governance only makes sense when it has context. Decisions need history. - Delegation needs visible relationships. Moderation needs traceable events. - An empty system communicates nothing. -

-

- Our demo instance includes pre-seeded communities with: -

-
    -
  • Past, ongoing, and scheduled decisions
  • -
  • Active delegation networks
  • -
  • Visible moderation history
  • -
  • Multiple voting methods in use
  • -
  • Real governance narratives, not random data
  • -
-
-
- -
-

Demo Communities

-

- Explore different types of organizations and see how they use Likwid for governance. -

- - -
- -
-

How to Explore

- -
-
-
πŸ‘οΈ
-

Browse Freely

-

- Navigate communities, read proposals, view voting results, and explore - delegation networks without any account. Full read access is public. -

- Browse Communities β†’ -
- -
-
πŸ§ͺ
-

Demo Accounts

-

- Click a demo account below to log in instantly and experience participation: - vote on proposals, create delegations, and see the member experience firsthand. -

-
- - - -
-

All demo accounts use password: demo123

-
-
- -
-

Demo Reset Notice

-

- The demo instance resets periodically to maintain a known state. - Any changes you make will be reverted. This ensures every visitor - experiences meaningful governance data, not accumulated noise. -

-
-
- -
-

Suggested Exploration Path

- -
-
-
1
-
-

Browse a Community

-

Start with Aurora Framework. See the community overview, active members, and governance structure.

-
-
-
-
2
-
-

Read a Completed Decision

-

Find a closed proposal. See the deliberation history, voting results, and how the outcome was reached.

-
-
-
-
3
-
-

Explore Delegations

-

View the delegation network. See who trusts whom on which topics and how votes flow.

-
-
-
-
4
-
-

Check the Moderation Log

-

See transparent moderation in action. Every action has a reason, a rule reference, and accountability.

-
-
-
-
5
-
-

Cast a Vote

-

Log in with a demo account and vote on an active proposal. Experience different voting methods.

-
-
-
-
- -
-

Ready to Explore?

-

- The demo is live and waiting. No registration required to browse. - Use demo accounts to participate. -

- -
- -
-

What's Next?

- -
-
-
- - - - +--- +export const prerender = false; +import PublicLayout from '../layouts/PublicLayout.astro'; +import { API_BASE } from '../lib/api'; + +const nextParamRaw = Astro.url.searchParams.get('next') || ''; +const nextParam = nextParamRaw.startsWith('/') ? nextParamRaw : ''; +const nextQuery = nextParam ? `&next=${encodeURIComponent(nextParam)}` : ''; +--- + + +
+ + + ${nextParam ? ` +
+

+ You were trying to open ${nextParam.replace(/. + Enter the demo to continue. +

+
+ ` : ''} + +
+

Loading demo status...

+
+ +
+

Start here

+

+ Pick a short journey. Each link drops you into a real community or proposal, so you can learn by doing. +

+
+
+

Loading suggested journeys…

+
+
+
+ +
+
+

Why a Demo Instance?

+

+ Governance only makes sense when it has context. Decisions need history. + Delegation needs visible relationships. Moderation needs traceable events. + An empty system communicates nothing. +

+

+ Our demo instance includes pre-seeded communities with: +

+
    +
  • Past, ongoing, and scheduled decisions
  • +
  • Active delegation networks
  • +
  • Visible moderation history
  • +
  • Multiple voting methods in use
  • +
  • Real governance narratives, not random data
  • +
+
+
+ +
+

Demo Communities

+

+ Explore different types of organizations and see how they use Likwid for governance. +

+ + +
+ +
+

How to Explore

+ +
+
+
πŸ‘οΈ
+

Browse Freely

+

+ Navigate communities, read proposals, view voting results, and explore + delegation networks without any account. Full read access is public. +

+ Browse Communities β†’ +
+ +
+
πŸ§ͺ
+

Demo Accounts

+

+ Click a demo account below to log in instantly and experience participation: + vote on proposals, create delegations, and see the member experience firsthand. +

+
+ + + +
+

All demo accounts use password: demo123

+
+
+ +
+

Demo Reset Notice

+

+ The demo instance resets periodically to maintain a known state. + Any changes you make will be reverted. This ensures every visitor + experiences meaningful governance data, not accumulated noise. +

+
+
+ +
+

Suggested Exploration Path

+ +
+
+
1
+
+

Browse a Community

+

Start with Aurora Framework. See the community overview, active members, and governance structure.

+
+
+
+
2
+
+

Read a Completed Decision

+

Find a closed proposal. See the deliberation history, voting results, and how the outcome was reached.

+
+
+
+
3
+
+

Explore Delegations

+

View the delegation network. See who trusts whom on which topics and how votes flow.

+
+
+
+
4
+
+

Check the Moderation Log

+

See transparent moderation in action. Every action has a reason, a rule reference, and accountability.

+
+
+
+
5
+
+

Cast a Vote

+

Log in with a demo account and vote on an active proposal. Experience different voting methods.

+
+
+
+
+ +
+

Ready to Explore?

+

+ The demo is live and waiting. No registration required to browse. + Use demo accounts to participate. +

+ +
+ +
+

What's Next?

+ +
+
+
+ + + +