forked from GeyserMC/GeyserSite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
213 lines (211 loc) · 12.2 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE html>
<html>
<head>
<title>GeyserMC</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<meta name="author" content="GeyserMC" />
<meta name="keywords" content="minecraft, bedrock, java, protocol, packet, pe, geyser, bridge, bedrock-edition, java-edition, proxy, java servers on bedrock, java server on phone, minecraft bridge, cross platform, protocol translator, translator, middleware, bedrock on java, minecraft server" />
<meta name="description" content="Geyser is a bridge between Minecraft: Bedrock Edition and Minecraft: Java Edition which allows you to join Minecraft Java servers with Bedrock Edition servers to enable true cross-platform." />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
<link rel="stylesheet" href="css/style.css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=JsSFAj">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=JsSFAj">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png?v=JsSFAj">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=JsSFAj">
<link rel="manifest" href="/site.webmanifest?v=JsSFAj">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=JsSFAj" color="#009000">
<link rel="shortcut icon" href="/favicon.ico?v=JsSFAj">
<meta name="apple-mobile-web-app-title" content="GeyserMC">
<meta name="application-name" content="GeyserMC">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark shadow fixed-top">
<span class="navbar-brand"></span>
<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>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a href="http://ci.geysermc.org"><button class="btn nav-link"><i class="fas fa-cloud-download-alt"></i> Download</button></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/GeyserMC/Geyser"><i class="fab fa-github"></i> Source</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://discord.geysermc.org"><i class="fab fa-discord"></i> Discord</a>
<li class="nav-item">
<a class="nav-link" href="https://github.com/GeyserMC/Geyser/wiki/Setup"><i class="fas fa-tools"></i> Setup</a>
</li>
<li class="nav-item">
<a class="nav-link" href="config_editor.html"><i class="fas fa-sliders-h"></i> Config editor</a>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="https://patreon.com/GeyserMC"><i class="fab fa-patreon"></i> Donate</a>
</li>
-->
</ul>
</div>
</nav>
<header>
<div id="header" class="section1">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 text-center">
<img class="logoimg" src="img/geyser.png" />
<h1 class="text-center">Revolutionize Your Minecraft Server</h1>
<h3 class="text-center">Enable clients from Minecraft Bedrock Edition to join your Minecraft Java server.</h5>
</div>
</div>
</div>
</div>
</header>
<div id="whatisgeyser" class="section2">
<div class="container">
<div class="row">
<div class="col">
<h1>What is Geyser?</h1>
<p>Geyser is a proxy, bridging the gap between Minecraft: Bedrock Edition and Minecraft: Java Edition servers. The ultimate goal of this project is to allow Minecraft: Bedrock Edition users to join Minecraft: Java Edition servers as seamlessly as possible to allow for true cross-platform.</p>
</div>
<div class="col">
<img style="float: right;" src="img/crossplat0.png" />
</div>
</div>
</div>
</div>
<div id="howto" class="section3">
<div class="container">
<div class="row">
<div class="col">
<iframe src="https://www.youtube.com/embed/U7dZZ8w7Gi4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col">
<h1>How do I use it?</h1>
<p>Geyser can be downloaded from our Jenkins server <a href="http://ci.geysermc.org">here</a> and setup installations can be found on our <a href="https://github.com/GeyserMC/Geyser/wiki#Setup">wiki</a> or in the tutorial video. Geyser can be used to join any modern Java server and doesn't require anything extra to be done on their end.</p>
</div>
</div>
</div>
</div>
<div id="howitworks" class="section4">
<div class="container">
<div class="row">
<div class="col">
<h1>How does it work?</h1>
<p>Geyser is a middleware, which translates all the incoming and outgoing packets. With this being said, Geyser works as a standalone proxy, meaning you can use it to join <i>any</i> modern Minecraft Java server. Geyser can also be installed on your server as a plugin, so you can easily make your server compatible with Minecraft: Bedrock Edition.</p>
</div>
<div class="col">
<img style="float: left;" src="img/crossplat1.png" />
</div>
</div>
</div>
</div>
<div id="footer" class="section5">
<div class="container-fluid">
<div class="row">
<div class="col-sm">
<div class="card">
<div class="row no-gutters">
<div class="col">
<a href="https://github.com/GeyserMC/Geyser">
<i class="fab fa-github"></i>
</a>
</div>
<div class="col">
<div class="card-body" style="min-width: 175px;">
<h5 class="card-title">Source Code</h5>
<p class="card-text">Click here to view the source code!</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm">
<div class="card">
<div class="row no-gutters">
<div class="col">
<a href="http://discord.geysermc.org/">
<i class="fab fa-discord"></i>
</a>
</div>
<div class="col">
<div class="card-body" style="min-width: 175px;">
<h5 class="card-title">Discord</h5>
<p class="card-text">Click here to join our Discord community!</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm">
<div class="card">
<div class="row">
<div class="col">
<a href="http://ci.geysermc.org/">
<i class="fas fa-cloud-download-alt"></i>
</a>
</div>
<div class="col">
<div class="card-body" style="min-width: 175px;">
<h5 class="card-title">Download</h5>
<p class="card-text">Click here to download Geyser!</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm">
<div class="card">
<div class="row">
<div class="col">
<a href="https://github.com/GeyserMC/Geyser/wiki/Setup">
<i class="fas fa-tools"></i>
</a>
</div>
<div class="col">
<div class="card-body" style="min-width: 175px;">
<h5 class="card-title">Setup</h5>
<p class="card-text">Click here to view the setup instructions!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row py-4 d-flex align-items-center">
<div class="col text-center text-md-left mb-4 mb-md-0">
<h6 class="mb-0">© 2020 GeyserMC</h6>
</div>
</div>
</div>
</footer>
<script src="https://kit.fontawesome.com/d4a2740f92.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$(window).scroll(function() {
if ($(document).scrollTop() > 225) {
$(".navbar").css("background-color", "rgba(0, 0, 0, 0.9)");
$(".navbar").css("margin", "0px");
$(".navbar").css("padding", "20px 20px 10px 20px");
} else {
$(".navbar").css("background-color", "rgba(255, 255, 255, 0.1)");
$(".navbar").css("margin", "10px");
$(".navbar").css("padding", "10px 10px 10px 10px");
}
});
});
</script>
</body>
</html>