Forge Your Destiny

Old‑school MMO combat meets modern Unreal 5 visuals.
Alpha sign‑ups now open.

Join the Alpha

Why Warclone?

Momentum Combat

Every strike builds power—unleash devastating finishers once your meter peaks.

Player‑Forged Gear

Deep crafting trees where your maker’s mark stays on every legendary item.

Living Sandbox

Cities rise—and can fall—based on faction control in persistent regional wars.

``` _Add the following style rules to your existing `assets/css/style.css` (after the current content) to support the new layout and animations:_ ```css .video-bg{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;} .overlay{position:relative;z-index:2;} .hero-slider{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;color:#fff;backdrop-filter:brightness(.8);} /* darken video */ .animate-up{opacity:0;transform:translateY(25px);animation:fadeUp .8s forwards;} .delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s} @keyframes fadeUp{to{opacity:1;transform:none;}} .features{padding:6rem 1rem;background:var(--c-surface);} /* same tone as header */ .section-title{text-align:center;font-size:2.25rem;margin-bottom:2rem;} .card-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));} .card{background:var(--c-bg);padding:2rem;border-radius:.5rem;box-shadow:0 4px 12px #0006;} .signup{display:grid;place-items:center;padding:4rem 1rem;background:linear-gradient(#000000aa,#000000aa),url('assets/images/alpha_bg.jpg') center/cover no-repeat;} .signup-form{display:flex;gap:1rem;flex-wrap:wrap;max-width:28rem;width:100%;justify-content:center;} .signup-form input{flex:1;min-width:180px;padding:.75rem;border-radius:.25rem;border:none;} .ghost{background:none;border:1px solid var(--c-primary);} ``` ### 4.2 `news/index.html` `news/index.html` (static fallback) ```html News | World of Warclone

Latest News

Developer Diary #1 – Alpha Combat Overhaul

April 20, 2025

Today we implemented the brand‑new Momentum combat mechanic… Read More

``` ### 4.3 `game/index.html` ```html Game Info | World of Warclone

Game Information

Discover the factions, classes, and the ever‑expanding world of Warclone.

``` > **Tip:** Duplicate the same header/footer across pages or use PHP `include()` if you host on Apache/NGINX with PHP. --- ## 5. Forum Integration Steps (Flarum example) 1. In your server root, run: ```bash composer create-project flarum/flarum forum --stability beta ``` 2. Point `/forum` sub‑domain or sub‑directory to that install. 3. In Flarum `extend.php`, add: ```php function add_global_nav($document) { $header = $document->getElementsByTagName('header')->item(0); // Inject your site nav here (copy from index.html header) } ``` 4. Configure **OAuth** (Discord/Google) for single sign‑on later. > **phpBB path:** If you prefer phpBB, download the latest package, unzip to `/forum`, run web installer, then add your custom header in `styles/…/overall_header.html`. --- ## 6. Deployment & Next Steps - **Local dev:** Simple `php -S localhost:8080` or Live Server extension (VS Code). - **Production:** * Static pages → Netlify, Vercel, or your Hostinger account (`public_html/world-of-warclone`). * Forums require **PHP 8.2** + **MySQL 8** (Hostinger supports both). - **SSL:** Free Let’s Encrypt via Hostinger’s hPanel. - **Version control:** Initialize a Git repo, push to GitHub; configure CI/CD to auto‑deploy on push. --- ### TODO Checklist (after initial upload) - [ ] Replace placeholder logo & hero art. - [ ] Write at least 3 news posts. - [ ] Flesh out class & faction pages. - [ ] Enable dark‑mode stylesheet, tweak palette. - [ ] Configure SSO between main site and forums. Happy adventuring — and may your Warclone server compile on the first try! 🛠️🎮