-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (129 loc) · 5.65 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<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 prefersReducedMotion =
( window.matchMedia('(prefers-reduced-motion: no-preference)').matches === false )
const glider =
new Glider(gliderEl, {
dots: '#glider-dots',
duration: ( (prefersReducedMotion === true) ? 0 : 0.5 ),
})
const GLIDER_DELAY_MS = 5000
let gliderTimeoutId = -1
let isGliderHovered = false
function startTimeout() {
if (prefersReducedMotion === true) {
return
}
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 :></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.1</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 Airport 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 © 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>