mirror of
https://github.com/zumbiepig/MineXLauncher.git
synced 2025-06-08 09:24:48 +00:00
134 lines
4.9 KiB
HTML
134 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" style="display: none">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>MineXLauncher</title>
|
|
<link rel="icon" type="image/webp" href="/resources/images/icons/favicon.webp" />
|
|
<link rel="stylesheet" href="/resources/styles/themes/default.css" />
|
|
<link rel="stylesheet" id="theme" onload="document.documentElement.style.display = ''" />
|
|
<script src="/resources/scripts/google-tag.js"></script>
|
|
<script src="/resources/scripts/main.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const modal = document.getElementById('article-modal');
|
|
const modalContent = document.getElementById('article-modal-content');
|
|
const closeButton = document.querySelector('.close-button');
|
|
|
|
document.querySelectorAll('.article-item').forEach((item) => {
|
|
item.addEventListener('click', function () {
|
|
const articleName = this.querySelector('.article-name').textContent;
|
|
const articleDescription = this.querySelector('.article-description').textContent;
|
|
|
|
modalContent.innerHTML = `
|
|
<h2>${articleName}</h2>
|
|
<p>${articleDescription}</p>
|
|
`;
|
|
|
|
modal.style.display = 'block';
|
|
});
|
|
});
|
|
|
|
closeButton.addEventListener('click', function () {
|
|
modal.style.display = 'none';
|
|
});
|
|
|
|
modal.addEventListener('click', function () {
|
|
modal.style.display = 'none';
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="ads-container">
|
|
<ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-1132419379737567" data-ad-slot="3280170072" data-ad-format="auto" data-full-width-responsive="true"></ins>
|
|
</div>
|
|
<div class="launcher">
|
|
<div class="title-bar">
|
|
<span>MineXLauncher</span>
|
|
</div>
|
|
<div class="content">
|
|
<div class="sidebar">
|
|
<div class="profile">
|
|
<span class="profile-name"></span>
|
|
</div>
|
|
<nav>
|
|
<li class="nav-item" onclick="navigate.updates()">
|
|
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
|
|
<span class="nav-text">Updates</span>
|
|
</li>
|
|
<li class="nav-item" onclick="navigate.home.game()">
|
|
<img src="/resources/images/icons/nav/game.webp" class="nav-icon" />
|
|
<span class="nav-text">Game</span>
|
|
</li>
|
|
<li class="nav-item" onclick="navigate.servers()">
|
|
<img src="/resources/images/icons/nav/servers.webp" class="nav-icon" />
|
|
<span class="nav-text">Server List</span>
|
|
</li>
|
|
<li class="nav-item" onclick="navigate.mods.mods()">
|
|
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
|
|
<span class="nav-text">Mods</span>
|
|
</li>
|
|
<li class="nav-item selected" onclick="navigate.articles()">
|
|
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
|
|
<span class="nav-text">Tutorials</span>
|
|
</li>
|
|
<li class="nav-item" onclick="navigate.settings()">
|
|
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
|
|
<span class="nav-text">Settings</span>
|
|
</li>
|
|
</nav>
|
|
</div>
|
|
<div class="main-panel">
|
|
<div class="top-bar">
|
|
<span class="game-title">Tutorials</span>
|
|
</div>
|
|
<div class="main-content">
|
|
<div class="article-list">
|
|
<div class="article-item">
|
|
<img class="article-icon" loading="lazy" src="/resources/images/icons/articles/mc-server.webp" />
|
|
<div class="article-details">
|
|
<strong class="article-name">How To Make An Eaglercraft Server</strong>
|
|
<p class="article-description">Have you ever wondered how to make an Eaglercraft Server? Read this article to find out how!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="article-modal" id="article-modal">
|
|
<span class="close-button">×</span>
|
|
<div id="article-content">
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
<p>hello world</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom-bar">
|
|
<div class="bottom-bar-links">
|
|
<a href="https://discord.gg/VRwbRJjXzt" class="bottom-bar-left link" target="_blank">Join the MineXLauncher Discord</a>
|
|
</div>
|
|
<div class="bottom-bar-links">
|
|
<span class="bottom-bar-right">© 2024 MineXLauncher. All rights reserved.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ads-container">
|
|
<ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-1132419379737567" data-ad-slot="3280170072" data-ad-format="auto" data-full-width-responsive="true"></ins>
|
|
</div>
|
|
</body>
|
|
</html>
|