<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dark World Online</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS files -->
<link rel="stylesheet" href="css/welcome.css">
<link rel="stylesheet" href="css/welcome-2.css">
<!-- Fonts & Icons -->
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap"
rel="stylesheet"
>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
>
<!-- SEO Meta -->
<meta
name="description"
content="Dark World Online - The best free Darkworld ! Enjoy fast-paced PvP, epic events, and a friendly community. Join Now!"
>
<meta
name="keywords"
content="Dark world Online ,darkworld ,dark world sbot, elitepvpers , Dark world , , Free , Cap 140 , Free Silk , PvP , mbot , sbot "
>
<!-- Ads (optional) -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7853811861660586" crossorigin="anonymous" type="e4a347510dd8955e1dd595a1-text/javascript"></script>
<!-- Revised Content Security Policy -->
<meta name="csrf-token" content="JJLUm9i1eQ1MEQRok60ctyVT3Btbkrw90LAYJRww">
<link rel="icon" href="/uploads/fantasy_character_output.ico" type="image/x-icon">
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js" type="e4a347510dd8955e1dd595a1-text/javascript"></script>
<!-- JS imports -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" type="e4a347510dd8955e1dd595a1-text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" type="e4a347510dd8955e1dd595a1-text/javascript"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" type="e4a347510dd8955e1dd595a1-text/javascript"></script>
<script src="/js/welcome.js" type="e4a347510dd8955e1dd595a1-text/javascript"></script>
</head>
<body>
<!-- Centered Navbar with Old Logo -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark justify-content-between">
<div class="container-fluid"> <!-- Full width for large screens -->
<!-- Old Logo -->
<img src="uploads/Darkworld online Logo.webp" alt="Logo" id="navbar-logo">
<!-- Navbar Brand (You can remove this if not needed) -->
<a class="navbar-brand" href="#">Dark World</a>
<!-- Toggler Button for Responsive Design -->
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar Items -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto"> <!-- Use mx-auto to center the items -->
<li class="nav-item">
<a class="nav-link" href="https://playdarkworld.com/uinque-rank">Rank</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://playdarkworld.com/topplayers-rank">Top Players</a>
</li>
<li class="nav-item">
<a class="nav-link" href="downloads">Download</a>
</li>
<li class="nav-item">
<a class="nav-link" href="guides">Guide</a>
</li>
<li class="nav-item">
<a class="nav-link" href="game-item-prices">Charge</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://playdarkworld.com/register">
<i class="fas fa-user-plus"></i> Register
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://playdarkworld.com/login">
<i class="fas fa-sign-in-alt"></i> Login
</a>
</li>
</ul>
</div>
</div>
</nav>
<style>
.carousel-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(20, 20, 20, 0.8); /* خلفية داكنة مع شفافية 80% */
color: #f1f1f1; /* نص بلون أبيض ناعم */
padding: 20px;
text-align: center; /* محاذاة مركزية للنص */
}
</style>
<div class="carousel-inner">
<div class="carousel-item active">
<img
src="uploads/slide-4.webp"
class="d-block w-100"
alt="Slide 1"
style="max-height: 600px; object-fit: cover;"
>
<div class="carousel-caption">
<h5>Welcome to Dark World Online</h5>
<p>Experience the thrill of Cap 140 with Free Silk!</p>
<p>Embark on epic adventures with our Rebirth System and discover exciting New Events.</p>
</div>
</div>
<div class="carousel-item">
<img
src="uploads/slide-6.webp"
class="d-block w-100"
alt="Slide 2"
style="max-height: 600px; object-fit: cover;"
>
<div class="carousel-caption">
<h5>Join the Adventure</h5>
<p>Compete for Unique Rank in intense PvP battles and conquer the Arena.</p>
<p>Explore a world of endless possibilities and create your own legend.</p>
</div>
</div>
<div class="carousel-item">
<img
src="uploads/slide-20.webp"
class="d-block w-100"
alt="Slide 3"
style="max-height: 600px; object-fit: cover;"
>
<div class="carousel-caption">
<h5>Unleash Your Power</h5>
<p>Master the art of combat and rise to the top.</p>
<p>Join Dark World Online now and unleash your inner champion!</p>
</div>
</div>
</div>
</div>
<div class="container-fluid my-3">
<div class="row">
<!-- LEFT COLUMN: Server Info -->
<div class="col-lg-3">
<div class="info-box game-info">
<p><span class="icon"></span> </p>
<p><span class="icon"></span> </p>
<p>Status: <span class="text-success" style="animation: onlineAnimation 1s ease;">Online</span></p>
<!-- Guild and Fortress Information -->
<p><span class="icon"></span>Fortress Owner: DreamsTeam</p>
<p><span class="icon"></span>Guild Master: 2020_______K</p>
<p><span class="icon"></span> Fortress : Jangan</p>
<h3></h3>
<p>Server Time: <span id="server-time"></span></p>
<!-- Next FTW Time Information -->
<p>Next FTW: <span>Wednesday, 19:00</span></p>
<p>Time until FTW: <span>16h 7m 31s</span></p>
</div>
</div>
<!-- CENTER COLUMN: Latest News -->
<div class="col-lg-6">
<div
class="info-box latest-news"
style="max-height: 400px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #555 #888;"
>
<div class="text-center">
</div>
<h4><span class="icon">🔔</span> Welcome</h4>
<p>
<center>
<h1>Dark World Online – Update Notes</h1>
<br><br>
<p><strong>Release Date:</strong> 2025-09-01</p>
</center>
<p><br>
We are thrilled to announce the latest updates for <strong>Dark World Online</strong>!<br />
This update brings exciting new uniques, improved systems, and refreshed monthly ranks to keep the adventure alive.<br />
<br><br></p>
<p><strong>🔥 New VIP Uniques Added</strong></p>
<ul>
<li>Firelord (VIP)</li>
<li>Sea Spirit (VIP)</li>
<li>Stormcaller (VIP)</li>
<li>Earthshaker (VIP)</li>
</ul>
<p><strong>🐉 New Event Unique</strong></p>
<ul>
<li><strong>Phantom Dragon</strong> will be released soon through upcoming events!</li>
</ul>
<p><strong>⚙️ Server Updates</strong></p>
<ul>
<li>Server updated and network stability improved.</li>
<li>Monthly ranks have been reset.</li>
<li>Rewards have been sent to all winners. 🎁</li>
</ul>
<p><br>
<strong>🎊 Congratulations to all winners, and best of luck in the upcoming month!</strong><br />
<br><br></p>
<p>— <em>Dark World Team 💫</em></p>
</p>
<!-- Pagination links showing only page numbers -->
<div class="pagination-container text-center">
<div class="pagination">
<ul class="pagination">
<li class="page-item active">
<a class="page-link" href="https://playdarkworld.com?page=1">1</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<style>
.info-box.latest-news {
max-height: 1000px !important;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #555 #888;
}
.info-box.latest-news::-webkit-scrollbar-thumb {
background-color: #888;
}
.info-box.latest-news::-webkit-scrollbar-track {
background-color: #555;
}
.pagination-container {
margin-top: 20px;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 0;
border-radius: .25rem;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #1E90FF;
text-decoration: none;
background-color: #f8f9fa;
border: 1px solid #dee2e6;
}
.pagination > li.active > a,
.pagination > li.active > span {
z-index: 2;
color: #fff;
background-color: #1E90FF;
border-color: #1E90FF;
}
.pagination > li.disabled > span,
.pagination > li.disabled > span:hover,
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover {
color: #6c757d;
background-color: #f8f9fa;
border-color: #dee2e6;
cursor: not-allowed;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
z-index: 2;
color: #1E90FF;
background-color: #e2e6ea;
border-color: #dee2e6;
}
</style>
<style>
/* Updated color scheme: modern dark gradient with blue accents */
.info-box {
background: linear-gradient(135deg, rgba(34, 34, 34, 0.9) 0%, rgba(0, 123, 255, 0.9) 100%);
border: 1px solid #222;
border-radius: 10px;
padding: 20px;
box-shadow: 0 6px 12px rgba(0,0,0,0.3);
margin-bottom: 20px;
color: #fff;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.info-box:hover {
transform: translateY(-2px);
box-shadow: 0 10px 16px rgba(0,0,0,0.4);
}
.badge-danger {
background-color: #e74c3c; /* لون أحمر مميز للتنبيه */
color: white;
padding: 4px 7px;
font-size: 0.85rem;
border-radius: 4px;
}
.table-responsive {
overflow-x: auto;
}
table {
width: 100%;
background-color: #2c3e50;
color: #ecf0f1;
border-collapse: collapse;
}
th, td {
text-align: left;
padding: 12px 15px;
}
tr:hover {
background-color: #34495e;
}
@media (max-width: 768px) {
.info-box {
padding: 10px;
}
th, td {
padding: 8px 10px;
font-size: 0.9rem;
}
}
@media (min-width: 1200px) {
.info-box.latest-news {
max-height: none !important;
}
}
</style>
<!-- RIGHT COLUMN: Upcoming Events -->
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="info-box last-unique-kill">
<h3>Upcoming Events</h3>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<!-- Possibly headers here if needed -->
</tr>
</thead>
<tbody>
<tr>
<td>
LuckyParty
</td>
<td> 27 mins 31 secs</td>
</tr>
<tr>
<td>
FirstType
</td>
<td> 37 mins 31 secs</td>
</tr>
<tr>
<td>
Retype
</td>
<td> 47 mins 31 secs</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script type="e4a347510dd8955e1dd595a1-text/javascript">
function updateTime() {
fetch('get-events')
.then(response => response.json())
.then(data => {
const eventsTable = document.querySelector('.info-box.last-unique-kill table tbody');
// Update or create rows for each event
data.forEach((eventData, index) => {
let row = eventsTable.rows[index];
if (!row) {
row = eventsTable.insertRow();
row.insertCell(0);
row.insertCell(1);
}
const eventNameCell = row.cells[0];
const timeUntilCell = row.cells[1];
eventNameCell.textContent = eventData.eventName;
if (eventData.startsSoon) {
eventNameCell.innerHTML += ' <span class="badge badge-danger">Starts Soon</span>';
}
const timeParts = eventData.timeUntil.match(/(-?\d+)\s(\w+)/g);
let totalSeconds = 0;
if (timeParts) {
timeParts.forEach(part => {
const [value, unit] = part.split(' ');
const timeValue = parseInt(value, 10);
if (unit.includes('hour')) {
totalSeconds += timeValue * 3600;
} else if (unit.includes('min')) {
totalSeconds += timeValue * 60;
} else if (unit.includes('sec')) {
totalSeconds += timeValue;
}
});
}
if (totalSeconds > 0) {
timeUntilCell.textContent = eventData.timeUntil;
} else {
timeUntilCell.innerHTML = '<span class="badge badge-secondary">Event Over</span>';
}
});
// Remove any excess rows
while (eventsTable.rows.length > data.length) {
eventsTable.deleteRow(-1);
}
})
.catch(error => {
console.error('Error fetching or parsing data:', error);
});
}
setInterval(updateTime, 1000); // Update every second
</script>
</div>
</div>
<footer class="footer">
<div class="container">
<p>
© 2025 Dark World Online. All Rights Reserved.
<a href="https://playdarkworld.com/privacy-policy">Privacy Policy</a>
</p>
<!-- Social Icons with Text -->
<div class="social-icons">
<a
href="https://www.facebook.com/OfficialDarkWorld/"
target="_blank"
rel="noopener noreferrer"
aria-label="Follow us on Facebook"
>
<i class="fab fa-facebook-f"></i> Facebook
</a>
<a
href="https://www.youtube.com/@DarkWorldOnline"
target="_blank"
rel="noopener noreferrer"
aria-label="Watch our videos on YouTube"
>
<i class="fab fa-youtube"></i> YouTube
</a>
<a
href="https://discord.gg/xVHf3rKjW9"
target="_blank"
rel="noopener noreferrer"
aria-label="Join us on Discord"
>
<i class="fab fa-discord"></i> Discord
</a>
<a
href="https://sites.google.com/view/darkworldonlineguide/"
target="_blank"
rel="noopener noreferrer"
aria-label="Read our online guide"
>
<i class="fas fa-book"></i> Online Guide
</a>
</div>
</div>
</footer>
</div>
</div>
</footer>
<script type="e4a347510dd8955e1dd595a1-text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"), s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/58fa29a264f23d19a89ae83a/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<script type="e4a347510dd8955e1dd595a1-module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.1/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/10.12.1/firebase-analytics.js";
// Your web app's Firebase configuration
const firebaseConfig = {
apiKey: "AIzaSyAdLzshdD6...",
authDomain: "dark-world-online.firebaseapp.com",
projectId: "dark-world-online",
storageBucket: "dark-world-online.appspot.com",
messagingSenderId: "105126739697",
appId: "1:105126739697:web:2e8e6f160a2aeb3ff0b350",
measurementId: "G-LPRGEG5RK1"
};
const app = initializeApp(firebaseConfig);
getAnalytics(app);
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="e4a347510dd8955e1dd595a1-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"70ef34e8f6de44c6b41f036a7d81d9fc","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>