From 80c002ca6eb52b2d9b695256294039f65b68c2e0 Mon Sep 17 00:00:00 2001 From: sirpiglr <49359077-sirpiglr@users.noreply.replit.com> Date: Tue, 9 Dec 2025 22:21:06 +0000 Subject: [PATCH] Add a new section to the website for inviting users Introduce new CSS styles for the "Add Warden" section, including layout for invite steps, mode cards, and call-to-action buttons. Replit-Commit-Author: Agent Replit-Commit-Session-Id: aed2e46d-25bb-4b73-81a1-bb9e8437c261 Replit-Commit-Checkpoint-Type: intermediate_checkpoint Replit-Commit-Event-Id: f05e5d60-b167-482a-b0db-92e675c7e63a Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3bdfff67-975a-46ad-9845-fbb6b4a4c4b5/aed2e46d-25bb-4b73-81a1-bb9e8437c261/jIG0JV8 Replit-Helium-Checkpoint-Created: true --- .replit | 4 +- aethex-bot/public/index.html | 294 +++++++++++++++++++++++++++++++++++ 2 files changed, 296 insertions(+), 2 deletions(-) diff --git a/.replit b/.replit index f3dd5c6..2adea26 100644 --- a/.replit +++ b/.replit @@ -22,8 +22,8 @@ localPort = 8080 externalPort = 8080 [[ports]] -localPort = 37969 -externalPort = 3000 +localPort = 34949 +externalPort = 3001 [workflows] runButton = "Project" diff --git a/aethex-bot/public/index.html b/aethex-bot/public/index.html index 0720992..d57e46c 100644 --- a/aethex-bot/public/index.html +++ b/aethex-bot/public/index.html @@ -759,6 +759,186 @@ font-weight: 600; } + /* Add Warden Section */ + .add-warden-section { + background: linear-gradient(180deg, transparent, rgba(99, 102, 241, 0.03), transparent); + } + + .add-warden-intro { + text-align: center; + max-width: 800px; + margin: 0 auto 4rem; + } + + .add-warden-intro p { + color: var(--muted); + font-size: 1.1rem; + line-height: 1.7; + } + + .invite-steps { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 2rem; + margin-bottom: 4rem; + } + + .invite-step { + text-align: center; + position: relative; + } + + .invite-step:not(:last-child)::after { + content: ''; + position: absolute; + top: 2rem; + right: -1rem; + width: 2rem; + height: 2px; + background: linear-gradient(90deg, var(--gradient-1), var(--gradient-2)); + } + + .step-number { + width: 64px; + height: 64px; + background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2)); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 1.5rem; + font-weight: 700; + margin: 0 auto 1.25rem; + box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3); + } + + .invite-step h3 { + font-size: 1.25rem; + margin-bottom: 0.5rem; + } + + .invite-step p { + color: var(--muted); + font-size: 0.9rem; + line-height: 1.6; + } + + .modes-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 2rem; + margin-bottom: 3rem; + } + + .mode-card { + background: var(--card); + border: 1px solid var(--card-border); + border-radius: 16px; + padding: 2rem; + transition: all 0.3s; + } + + .mode-card:hover { + border-color: var(--card-border-hover); + transform: translateY(-4px); + } + + .mode-header { + display: flex; + align-items: center; + gap: 1rem; + margin-bottom: 1.25rem; + } + + .mode-icon { + width: 48px; + height: 48px; + background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2)); + border-radius: 12px; + display: flex; + align-items: center; + justify-content: center; + font-size: 1.5rem; + } + + .mode-card.federated .mode-icon { + background: linear-gradient(135deg, var(--gradient-gold), var(--gradient-rose)); + } + + .mode-header h3 { + font-size: 1.35rem; + } + + .mode-card > p { + color: var(--muted); + margin-bottom: 1.5rem; + line-height: 1.6; + } + + .mode-features { + display: flex; + flex-direction: column; + gap: 0.75rem; + } + + .mode-feature { + display: flex; + align-items: center; + gap: 0.75rem; + font-size: 0.9rem; + } + + .mode-feature svg { + color: var(--success); + flex-shrink: 0; + } + + .invite-cta { + text-align: center; + padding: 3rem; + background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(59, 130, 246, 0.05)); + border: 1px solid rgba(99, 102, 241, 0.2); + border-radius: 20px; + } + + .invite-cta h3 { + font-size: 1.75rem; + margin-bottom: 0.75rem; + } + + .invite-cta > p { + color: var(--muted); + margin-bottom: 2rem; + font-size: 1.05rem; + } + + .invite-buttons { + display: flex; + gap: 1rem; + justify-content: center; + flex-wrap: wrap; + } + + @media (max-width: 768px) { + .invite-steps { + grid-template-columns: 1fr; + gap: 2rem; + } + + .invite-step:not(:last-child)::after { + display: none; + } + + .modes-grid { + grid-template-columns: 1fr; + } + + .invite-buttons { + flex-direction: column; + align-items: center; + } + } + /* Free Forever Section */ .free-section { background: linear-gradient(180deg, transparent, rgba(16, 185, 129, 0.03), transparent); @@ -1092,6 +1272,7 @@ Ecosystem Federation Features + Add to Server Support Us Discord @@ -1485,6 +1666,119 @@ + +
+
+
+

For Server Owners

+

Add Warden to Your Server

+

Whether you're part of the AeThex ecosystem or running an independent community, Warden provides powerful tools for your server.

+
+ +
+

Warden works great as a standalone bot for any Discord server, but it truly shines when connected to the AeThex network. You choose how much integration you want - from zero to full federation.

+
+ + +
+
+
1
+

Invite Warden

+

Add the bot to your server with a single click. No complicated setup required.

+
+
+
2
+

Configure

+

Use /config to customize features. Sensible defaults mean you can skip this step.

+
+
+
3
+

Go Live

+

Your server is ready! Members can start earning XP and using features immediately.

+
+
+ + +
+
+
+
🏠
+

Standalone Mode

+
+

Perfect for independent communities. All features work without any external connections. Your server, your rules.

+
+
+ + Full XP, leveling, and prestige system +
+
+ + Quests, achievements, and shop +
+
+ + Sentinel security and auto-mod +
+
+ + Server-specific leaderboards +
+
+ + No external dependencies +
+
+
+ +
+
+
🌐
+

Federated Mode

+
+

Join the AeThex network. Your members' progress syncs across 5+ linked servers. Optional and admin-controlled.

+
+
+ + All standalone features included +
+
+ + Cross-server XP pooling +
+
+ + Global leaderboards and rankings +
+
+ + Role sync between servers +
+
+ + Connect to AeThex Studio & Foundation +
+
+
+
+ + +
+

Ready to Level Up Your Server?

+

Join hundreds of communities already using Warden. Free forever, no strings attached.

+ +
+
+
+