initial commit, based on an original design by ToMo

jc2mp · Aug 18, 2024 · db8c33c · db8c33c
commit db8c33c
Show file tree

Hide file tree

Showing 38 changed files with 3,529 additions and 0 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/fonts/titilliumweb-bold.eot b/fonts/titilliumweb-bold.eot
diff --git a/fonts/titilliumweb-bold.woff b/fonts/titilliumweb-bold.woff
diff --git a/fonts/titilliumweb-regular.eot b/fonts/titilliumweb-regular.eot
diff --git a/fonts/titilliumweb-regular.woff b/fonts/titilliumweb-regular.woff
diff --git a/img/back.jpg b/img/back.jpg
diff --git a/img/backgrounds/bg1.jpg b/img/backgrounds/bg1.jpg
diff --git a/img/backgrounds/bg10.jpg b/img/backgrounds/bg10.jpg
diff --git a/img/backgrounds/bg11.jpg b/img/backgrounds/bg11.jpg
diff --git a/img/backgrounds/bg12.jpg b/img/backgrounds/bg12.jpg
diff --git a/img/backgrounds/bg2.jpg b/img/backgrounds/bg2.jpg
diff --git a/img/backgrounds/bg3.jpg b/img/backgrounds/bg3.jpg
diff --git a/img/backgrounds/bg4.jpg b/img/backgrounds/bg4.jpg
diff --git a/img/backgrounds/bg5.jpg b/img/backgrounds/bg5.jpg
diff --git a/img/backgrounds/bg6.jpg b/img/backgrounds/bg6.jpg
diff --git a/img/backgrounds/bg7.jpg b/img/backgrounds/bg7.jpg
diff --git a/img/backgrounds/bg8.jpg b/img/backgrounds/bg8.jpg
diff --git a/img/backgrounds/bg9.jpg b/img/backgrounds/bg9.jpg
diff --git a/img/box.png b/img/box.png
diff --git a/img/button-donate.png b/img/button-donate.png
diff --git a/img/button-green.png b/img/button-green.png
diff --git a/img/button-grey.png b/img/button-grey.png
diff --git a/img/button-red.png b/img/button-red.png
diff --git a/img/button-steam.png b/img/button-steam.png
diff --git a/img/button-white.png b/img/button-white.png
diff --git a/img/counter.png b/img/counter.png
diff --git a/img/icons.png b/img/icons.png
diff --git a/img/item.png b/img/item.png
diff --git a/img/logo.png b/img/logo.png
diff --git a/img/nav.png b/img/nav.png
diff --git a/img/slides/slide1.jpg b/img/slides/slide1.jpg
diff --git a/img/slides/slide2.jpg b/img/slides/slide2.jpg
diff --git a/img/slides/slide3.jpg b/img/slides/slide3.jpg
diff --git a/img/slides/slide4.jpg b/img/slides/slide4.jpg
diff --git a/img/social.png b/img/social.png
diff --git a/index.html b/index.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>Just Cause Multiplayer</title>
+		<link href="/style/main.css" rel="stylesheet" type="text/css" media="all"/>
+		<script src="/js/glider.min.js"></script>
+		<script>
+			window.addEventListener('load', function() {
+				const gliderEl =
+					document.querySelector('.glider')
+
+				const glider =
+					new Glider(document.querySelector('.glider'), {
+						dots: '#glider-dots',
+					})
+
+				const GLIDER_DELAY_MS = 5000
+
+				let gliderTimeoutId = -1
+				let isGliderHovered = false
+
+				function startTimeout() {
+					clearTimeout(gliderTimeoutId)
+
+					gliderTimeoutId = setTimeout(
+						() => {
+							if (!isGliderHovered) {
+								glider.scrollItem((glider.slide + 1) % glider.slides.length)
+							}
+						},
+						GLIDER_DELAY_MS
+					)
+				}
+
+				let animID = 0
+				const isAnimating = () => (glider.animate_id !== animID)
+				gliderEl.addEventListener("glider-animated", () => {
+					animID = glider.animate_id
+
+					if (!isGliderHovered) {
+						startTimeout()
+					}
+				});
+
+				gliderEl.addEventListener("mouseover", () => {
+					isGliderHovered = true
+					clearTimeout(gliderTimeoutId)
+				});
+
+				gliderEl.addEventListener("mouseout", () => {
+					isGliderHovered = false
+					if (!isAnimating()) {
+						startTimeout()
+					}
+				});
+
+				startTimeout()
+			})
+		</script>
+	</head>
+
+	<body id="body">
+		<div id="cycler">
+			<div id="fader">
+				<img src="/img/backgrounds/bg7.jpg" alt="A view at the Mile High Club from the snowy mountains of Panau" style="position: absolute; top: 0px; left: 50%; display: inline; margin-left: -1000px;">
+			</div>
+
+			<nav id="menu" class="default">
+				<ul class="nav">
+					<li><a class="active" href="/"><span class="icon news"></span>Home</a></li>
+					<li><a href="https://github.com/jc2mp/wiki" target="_blank"><span class="icon help"></span>Documentation</a></li>
+					<li><a href="https://discord.gg/jc2mp" target="_blank"><span class="icon irc"></span>Discord</a></li>
+				</ul>
+				<a class="signin" href="https://store.steampowered.com/app/259080/Just_Cause_2_Multiplayer_Mod/" target="_blank">Play now via Steam</a>
+			</nav>
+
+			<div class="main">
+				<header class="header">
+					<a class="logo" href="/">Just Cause Multiplayer</a>
+
+					<div class="toot">
+						<p>It sure been a while, hasn't it? There's still people in our community willing to relive a classic and make new memories, and we'd love to have you be part of them :&gt;</p>
+						<span>17 August, 2024</span>
+					</div>
+				</header>
+			</div>
+
+			<div class="wrapper2">
+				<div class="intro">
+					<h1>Welcome to Just Cause Multiplayer!</h1>
+					<p>A community-built multiplayer mod for your favorite open world game.</p>
+
+					<p>Immense gamemode possibilities with Lua scripting – ragdoll golf, thrilling survival, ruthless racing, in-depth roleplay, building sandbox and more.</p>
+
+					<div class="box">
+						<div class="right">
+							<div class="buttons">
+								<a class="btnRed" href="https://store.steampowered.com/app/259080/Just_Cause_2_Multiplayer_Mod/" target="_blank"><span class="icon steam"></span> Play on Steam</a>
+								<a class="btnGray" href="https://github.com/jc2mp/wiki/tree/main/Server/Getting_started" target="_blank"><span class="icon server"></span> Host a Server</a>
+							</div>
+
+							<span class="end">Latest version: <strong>0.3.0</strong> / <strong>28 May, 2017</strong></span>
+						</div>
+					</div>
+				</div>
+
+				<div id="slider">
+					<div class="glider-contain">
+						<ul class="glider">
+							<li class="glider-slide">
+								<img src="/img/slides/slide1.jpg" alt="Three Si-47 Leopard fighter jets partaking in a dogfight." title="Shoot, or be shot down!">
+								<div class="glider-caption">Shoot, or be shot down!</div>
+							</li>
+							<li class="glider-slide">
+								<img src="/img/slides/slide2.jpg" alt="Two boats moving side by side at a high speed. An armed ninja is standing on top of one of them, ready to fire." title="Battle over the seas with your enemies!">
+								<div class="glider-caption">Battle over the seas with your enemies!</div>
+							</li>
+							<li class="glider-slide">
+								<img src="/img/slides/slide3.jpg" alt="A mesmerizing view at the Panau International Port at dawn. A lighthouse is captured in the frame, with a player standing on top of it." title="Admire Panau with your friends!">
+								<div class="glider-caption">Admire Panau with your friends!</div>
+							</li>
+							<li class="glider-slide">
+								<img src="/img/slides/slide4.jpg" alt="Two players causing havoc with rocket launchers." title="Mindlessly destroy things!">
+								<div class="glider-caption">Mindlessly destroy things!</div>
+							</li>
+						</ul>
+
+						<div role="tablist" class="dots" id="glider-dots"></div>
+					</div>
+				</div>
+			</div>
+
+			<div class="spacer"></div>
+			<div class="spacer"></div>
+			<div class="spacer"></div>
+			<div class="spacer"></div>
+
+			<footer>
+				Just Cause 2 &copy; 2010 Square Enix Ltd. JUST CAUSE and the JUST CAUSE 2 logo are registered trademarks or trademarks of Square Enix Ltd and are used with permission. Graphical representations of the Game reproduced with the permission of the copyright owner. This website is not operated by Square Enix Ltd and Square Enix Ltd accepts no responsibility or liability for the content available or views expressed hereon, which are the sole responsibility of the website operator.
+			</footer>
+
+		</div>
+	</body>
+</html>
diff --git a/js/glider.min.js b/js/glider.min.js