Samorite: Add Shard Support page and update Community & Support sidebar

2026-10-20T14:28:04Z

Add Shard Support page and update Community & Support sidebar

New page

__NOTOC__
<div class="uor-main-hero" style="background: linear-gradient(135deg, rgba(28, 22, 14, 0.95), rgba(10, 8, 5, 0.98)); border: 1px solid #d4af37; border-radius: 8px; padding: 22px 25px; margin-bottom: 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7); text-align: center;">
<div style="font-family: 'Cinzel Decorative', Georgia, serif; font-size: 2.1rem; color: #ffd700; text-shadow: 0 2px 8px rgba(0,0,0,0.9); margin-bottom: 6px; letter-spacing: 1px;">Support UO:Renaissance</div>
<div style="font-family: 'Cardo', Georgia, serif; font-size: 1.15rem; color: #e6dfd1; font-style: italic; max-width: 850px; margin: 0 auto; line-height: 1.45;">Empower Britannia, help fund server infrastructure & backups, and earn Copper Coins for exclusive in-game rewards and staff services.</div>
</div>


<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;">


<div style="flex: 1 1 300px; background: rgba(26, 20, 12, 0.85); border: 2px solid rgba(212, 175, 55, 0.6); border-radius: 8px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.6); display: flex; flex-direction: column; justify-content: space-between;">
<div>
<div style="font-family: 'Cinzel Decorative', serif; font-size: 1.25rem; color: #ffd700; margin-bottom: 10px; border-bottom: 1px solid rgba(212,175,55,0.3); padding-bottom: 6px;">🪙 Web Support Page</div>
<p style="color: #e6dfd1; font-size: 0.92rem; line-height: 1.5; margin-bottom: 12px;">The fastest, direct route to top up your Copper Coins for an upcoming Copper Vendor purchase.</p>
<ul style="color: #c9b097; font-size: 0.88rem; padding-left: 20px; line-height: 1.5; margin-bottom: 20px;">
<li><b>Type:</b> Secure one-off payment (non-recurring)</li>
<li><b>Reward:</b> Direct Copper Coin credit to your account wallet</li>
<li><b>Ideal For:</b> Immediate in-game vendor purchases and staff services</li>
</ul>
</div>
<div style="text-align: center;">
<html><a href="https://uorenn.com/support/" target="_blank" style="display: inline-block; background: linear-gradient(180deg, #d4af37 0%, #aa820a 100%); color: #0d0a06; font-family: 'Cinzel Decorative', Georgia, serif; font-size: 0.95rem; font-weight: bold; text-decoration: none; padding: 10px 20px; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.6); border: 1px solid #ffe27a; transition: all 0.2s ease;">⚡ Top Up at UORenn.com/support</a></html>
</div>
</div>


<div style="flex: 1 1 300px; background: rgba(26, 20, 12, 0.85); border: 2px solid rgba(88, 101, 242, 0.6); border-radius: 8px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.6); display: flex; flex-direction: column; justify-content: space-between;">
<div>
<div style="font-family: 'Cinzel Decorative', serif; font-size: 1.25rem; color: #7289da; margin-bottom: 10px; border-bottom: 1px solid rgba(88,101,242,0.3); padding-bottom: 6px;">💬 Discord Server Shop</div>
<p style="color: #e6dfd1; font-size: 0.92rem; line-height: 1.5; margin-bottom: 12px;">Subscribe monthly to support ongoing hosting costs and unlock exclusive community perks.</p>
<ul style="color: #c9b097; font-size: 0.88rem; padding-left: 20px; line-height: 1.5; margin-bottom: 20px;">
<li><b>Dragon Tier ($4.99/mo):</b> 50 Copper Coins/mo + Dragon Discord Role</li>
<li><b>Wyrm Tier ($9.99/mo):</b> 100 Copper Coins/mo + Wyrm Discord Role + Dev Discussion Channel + Advance Shard News</li>
</ul>
</div>
<div style="text-align: center;">
<html><a href="https://discord.com/invite/uorenaissance" target="_blank" style="display: inline-block; background: linear-gradient(180deg, #5865F2 0%, #4752C4 100%); color: #ffffff; font-family: 'Cinzel Decorative', Georgia, serif; font-size: 0.95rem; font-weight: bold; text-decoration: none; padding: 10px 20px; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.6); border: 1px solid #7983f5; transition: all 0.2s ease;">👾 Join Discord & Visit Shop</a></html>
</div>
</div>


<div style="flex: 1 1 300px; background: rgba(26, 20, 12, 0.85); border: 2px solid rgba(112, 224, 0, 0.5); border-radius: 8px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.6); display: flex; flex-direction: column; justify-content: space-between;">
<div>
<div style="font-family: 'Cinzel Decorative', serif; font-size: 1.25rem; color: #70e000; margin-bottom: 10px; border-bottom: 1px solid rgba(112,224,0,0.3); padding-bottom: 6px;">🧹 Clean Up Britannia</div>
<p style="color: #e6dfd1; font-size: 0.92rem; line-height: 1.5; margin-bottom: 12px;">Earn Copper Coins 100% in-game by recycling surplus gear and decluttering the realm!</p>
<ul style="color: #c9b097; font-size: 0.88rem; padding-left: 20px; line-height: 1.5; margin-bottom: 20px;">
<li><b>How to Play:</b> Locate CUB barrels placed around town banks and public hubs</li>
<li><b>Mechanism:</b> Deposit unwanted dungeon weapons, armor, and magic items</li>
<li><b>Reward:</b> Accrue Copper Coins directly into your character wallet</li>
</ul>
</div>
<div style="text-align: center;">
<span style="display: inline-block; background: rgba(112, 224, 0, 0.15); border: 1px solid #70e000; color: #70e000; font-family: 'Cinzel Decorative', Georgia, serif; font-size: 0.95rem; font-weight: bold; padding: 9px 18px; border-radius: 6px;">⚔️ 100% In-Game Playable</span>
</div>
</div>

</div>

== Discord Server Shop Showcase ==

<div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;">

<div style="flex: 1 1 420px; background: rgba(18, 14, 8, 0.9); border: 1px solid rgba(88, 101, 242, 0.4); border-radius: 8px; padding: 14px; text-align: center;">
<div style="font-family: 'Cinzel Decorative', serif; font-size: 1.1rem; color: #7289da; margin-bottom: 10px;">Subscription Tiers (Dragon & Wyrm)</div>
<div style="border: 1px solid rgba(88, 101, 242, 0.25); border-radius: 4px; overflow: hidden; margin-bottom: 10px;">
<html><img src="/wiki/images/support/discord_store1.jpg" alt="Discord Store Subscription Tiers" style="width: 100%; height: auto; display: block;" /></html>
</div>
<p style="color: #c9b097; font-size: 0.85rem; line-height: 1.4; margin: 0;">Dragon ($4.99/mo) provides 50 Copper Coins monthly. Wyrm ($9.99/mo) provides 100 Copper Coins plus access to dev discussion channels.</p>
</div>

<div style="flex: 1 1 420px; background: rgba(18, 14, 8, 0.9); border: 1px solid rgba(88, 101, 242, 0.4); border-radius: 8px; padding: 14px; text-align: center;">
<div style="font-family: 'Cinzel Decorative', serif; font-size: 1.1rem; color: #7289da; margin-bottom: 10px;">Finding the Server Shop on Discord</div>
<div style="border: 1px solid rgba(88, 101, 242, 0.25); border-radius: 4px; overflow: hidden; margin-bottom: 10px;">
<html><img src="/wiki/images/support/discord_store2.jpg" alt="Discord Server Shop Channel Location" style="width: 100%; height: auto; display: block;" /></html>
</div>
<p style="color: #c9b097; font-size: 0.85rem; line-height: 1.4; margin: 0;">Access the Server Shop directly from the top navigation in the official UO:Renaissance Discord server.</p>
</div>

</div>

== The Copper Vendor: Exclusive Goods & Services ==

<p style="color: #e6dfd1; font-size: 1rem; line-height: 1.5; margin-bottom: 20px;">Copper Coins can be redeemed at the in-game <b>Copper Vendor</b> for unique aesthetic upgrades, household additions, and official staff administrative services:</p>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 25px;">

<div style="background: rgba(24, 18, 11, 0.85); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; padding: 16px;">
<div style="color: #ffd700; font-weight: bold; font-size: 1.05rem; margin-bottom: 8px; border-bottom: 1px solid rgba(212,175,55,0.25); padding-bottom: 4px;">🛡️ Staff Services</div>
<ul style="color: #c9b097; font-size: 0.88rem; line-height: 1.6; margin: 0; padding-left: 20px;">
<li><b>Extra Character Slots</b> — Expand your roster capabilities</li>
<li><b>Name Changes</b> — Character and forum handle changes</li>
<li><b>Account Recovery</b> — Staff-assisted account restoration (Note: Deleted characters cannot be restored)</li>
<li><b>Gender Change</b> — Toggle character gender without recreating</li>
</ul>
</div>

<div style="background: rgba(24, 18, 11, 0.85); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; padding: 16px;">
<div style="color: #ffd700; font-weight: bold; font-size: 1.05rem; margin-bottom: 8px; border-bottom: 1px solid rgba(212,175,55,0.25); padding-bottom: 4px;">🔮 Rare Collectibles</div>
<ul style="color: #c9b097; font-size: 0.88rem; line-height: 1.6; margin: 0; padding-left: 20px;">
<li><b>Singing Crystal Balls</b> — Unique animated musical curiosities</li>
<li><b>Spooky Animated Portraits</b> — Shifting gothic wall art</li>
<li><b>Animated Fire Traps</b> — Dynamic functional home hazards</li>
<li><b>Piles of Treasure</b> — Rich ornamental floor displays</li>
</ul>
</div>

<div style="background: rgba(24, 18, 11, 0.85); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; padding: 16px;">
<div style="color: #ffd700; font-weight: bold; font-size: 1.05rem; margin-bottom: 8px; border-bottom: 1px solid rgba(212,175,55,0.25); padding-bottom: 4px;">🏰 Home Improvements</div>
<ul style="color: #c9b097; font-size: 0.88rem; line-height: 1.6; margin: 0; padding-left: 20px;">
<li><b>Lockdown Expansion</b> — Increase total item lockdown limits</li>
<li><b>Secure Expansion</b> — Add additional secure storage containers</li>
<li><b>Courtyard Reset</b> — Clear and refresh estate courtyards</li>
</ul>
</div>

<div style="background: rgba(24, 18, 11, 0.85); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 6px; padding: 16px;">
<div style="color: #ffd700; font-weight: bold; font-size: 1.05rem; margin-bottom: 8px; border-bottom: 1px solid rgba(212,175,55,0.25); padding-bottom: 4px;">📜 Consumables & Utilities</div>
<ul style="color: #c9b097; font-size: 0.88rem; line-height: 1.6; margin: 0; padding-left: 20px;">
<li><b>Runebook Copy Pen</b> — Instantly duplicate complex rune libraries</li>
<li><b>Bless Removal Tool</b> — Reversible gear blessing adjustments</li>
</ul>
</div>

</div>

<div style="background: rgba(212, 175, 55, 0.1); border: 1px solid rgba(212, 175, 55, 0.45); border-left: 5px solid #ffd700; padding: 14px 18px; margin: 20px 0; border-radius: 6px; color: #f5e6c8; font-size: 0.95rem; line-height: 1.5;">
<b style="color: #ffd700;">💡 Essential Vendor Usage Tip:</b> When purchasing items from the in-game Copper Vendor, your Copper Coins must be stored in your <b>Bank Box</b>. If coins are sitting in your character's backpack or wallet, the vendor will prompt you to place them into your bank before completing the trade!
</div>

== Why Your Support Matters ==

<p style="color: #c9b097; font-size: 0.95rem; line-height: 1.55; margin-bottom: 16px;">
UO:Renaissance is a free-to-play, non-profit community project built for the preservation of the Golden Era of Ultima Online. 100% of community contributions go directly towards maintaining server operations, including:
</p>

<ul style="color: #c9b097; font-size: 0.92rem; line-height: 1.6; margin-bottom: 25px; padding-left: 24px;">
<li><b>High-Performance Dedicated Hosting & Bandwidth</b> — Ensuring low-latency, 24/7 uptime for worldwide adventurers.</li>
<li><b>Redundant Off-Site Data Backups</b> — Automated daily synchronization protecting all character data, houses, and shard history.</li>
<li><b>Website, Forum & Database Maintenance</b> — Secure hosting and ongoing development for the website, forums, live database, and wiki.</li>
<li><b>Disaster Recovery & Security Protocols</b> — Continuous software upgrades and DDOS mitigation.</li>
</ul>

<div style="background: rgba(20, 15, 8, 0.8); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 6px; padding: 18px 24px; font-style: italic; color: #e6dfd1; text-align: center; margin-bottom: 25px;">
“From the clutter of our adventures, new treasures emerge — each Copper Coin tells a story of a hero giving back to Britannia.”
<div style="color: #ffd700; font-style: normal; font-weight: bold; margin-top: 6px; font-size: 0.9rem;">— The UO:Renaissance Staff —</div>
</div>

== Official Support Links ==

* <html><a href="https://uorenn.com/support/" target="_blank" style="color: #ffd700; text-decoration: underline; font-weight: bold;">UO:Renaissance Official Support Page</a></html> — Secure direct Copper Coin recharge.
* <html><a href="https://discord.com/invite/uorenaissance" target="_blank" style="color: #ffd700; text-decoration: underline; font-weight: bold;">Discord Role Subscription Store</a></html> — Monthly Dragon & Wyrm sponsorship tiers.
* <html><a href="https://uorenn.com/forum/index.php?threads/support-the-shard-top-up-your-copper-coins.339/" target="_blank" style="color: #ffd700; text-decoration: underline; font-weight: bold;">Forum Guide: Support the Shard & Top Up Your Copper Coins</a></html> — Official announcement and reward details.
* <html><a href="https://uorenn.com/forum/index.php?threads/donation-store-is-open-on-discord.323/" target="_blank" style="color: #ffd700; text-decoration: underline; font-weight: bold;">Forum Announcement: Donation Store is Open on Discord</a></html> — Discord shop rollout and discussion.

Shard Support - Revision history

Samorite: Add Shard Support page and update Community & Support sidebar