-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstart.html
199 lines (189 loc) · 8.86 KB
/
start.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PinkertonMC</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<link href="assets/css/index.css" rel="stylesheet">
<link href="assets/images/navicon.png" rel="icon">
<script src="https://kit.fontawesome.com/c85ca42fb0.js" crossorigin="anonymous"></script>
<script src="assets/js/include.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body class="d-flex flex-column min-vh-100">
<div w3-include-html="includes/header.html"></div>
<div class="content maincontent">
<h1>Looking to get started?</h1>
<h4>Follow these simple steps to start playing on PinkertonMC!</h4>
<br>
<div class="card mb-3">
<div class="card-header">
<h3>First, let's narrow down what you need to do.</h3>
<h4>What edition of Minecraft are you playing on?</h4>
</div>
<div class="card-body">
<div>
<img src="./assets/images/platforms.png" alt="Custom World Generation" class="featuresimg card-img-top">
</div>
<hr>
<a class="btn btn-primary" href="#java" role="button">Java Edition ( <i class="bi bi-laptop"></i> )</a>
<a class="btn btn-primary" href="#bedrockpc" role="button">Bedrock Edition ( <i class="bi bi-laptop"></i> / <i class="bi bi-phone-landscape"></i> )</a>
<a class="btn btn-primary" href="bedrockconsole" role="button">Bedrock Edition ( <i class="bi bi-controller"></i> )</a>
<hr>
<h5>How can you tell what edition you're using?</h5>
<br>
<p>If you're on Xbox One/Series, PS4/5, or Switch, choose "Bedrock Edition ( <i class="bi bi-controller"></i> )".</p>
<p>If you're on iOS or Android, choose "Bedrock Edition ( <i class="bi bi-laptop"></i> / <i class="bi bi-phone-landscape"></i> )".</p>
<p>If you're on PC/Mac and see the "Marketplace" button, also choose "Bedrock Edition ( <i class="bi bi-laptop"></i> / <i class="bi bi-phone-landscape"></i> )".</p>
<p>Otherwise, you should choose "Java Edition ( <i class="bi bi-laptop"></i> )".</p>
<b>If you're playing on Minecraft: [Console] Edition, you will not be able to join.</b>
</div>
</div>
<div class="card mb-3" id="java">
<div class="card-header">
<h3>Java Edition</h3>
<h4>Congratulations! This is the easiest one to join on.</h4>
</div>
<div class="card-body">
<div>
<img src="https://i.ytimg.com/vi/Zeh9lmHGVM4/maxresdefault.jpg" alt="Java edition cover art" class="featuresimg card-img-top">
<p class="left">Photo: Mojang</p>
</div>
<hr>
<h5><b>Versions supported:</b></h5>
<p>Lobby: 1.16.4 - 1.17.1</p>
<p>Classic: 1.16.4 - 1.17.1</p>
<p>Earth: 1.17.1</p>
<hr>
<h4>How to join:</h4>
<h5>1. Open up a version of Minecraft that's supported.</h5>
<img src="./assets/images/java/title.png" class="cardimage">
<hr>
<h5>2. Open up the multiplayer menu.</h5>
<img src="./assets/images/java/serverlist.png" class="cardimage">
<hr>
<h5>3. Open up the "Add Server" menu.</h5>
<img src="./assets/images/java/addserver.png" class="cardimage">
<hr>
<h5>4. Enter server info.</h5>
<p>Name: Whatever you want.</p>
<p>IP: play.pinkertonmc.com <i class="bi bi-files"></i></p>
<img src="./assets/images/java/addserverfill.png" class="cardimage">
<hr>
<h5>5. Click "Done", which should return you to this menu.</h5>
<img src="./assets/images/java/serverlistfill.png" class="cardimage">
<hr>
<h5>6. Join the server.</h5>
<img src="./assets/images/java/joiningserver.png" class="cardimage">
</div>
</div>
<div class="card mb-3" id="bedrockpc">
<div class="card-header">
<h3>Bedrock Edition ( <i class="bi bi-laptop"></i> / <i class="bi bi-phone-landscape"></i> )</h3>
<h4>Hey, it isn't as easy as java but <i>PHEW</i> it's easier than console.</h4>
</div>
<div class="card-body">
<div>
<img src="https://i1.wp.com/winnaijatv.com/wp-content/uploads/2020/11/%E2%80%98Minecraft-moderators-can-now-perma-ban-players-who-break-community-guidelines.jpg" alt="Java edition cover art" class="featuresimg card-img-top">
<p class="left">Photo: Mojang</p>
</div>
<hr>
<h5><b>Versions supported:</b></h5>
<p>Lobby: 1.16.4 - 1.17.1</p>
<p>Classic: 1.16.4 - 1.17.1</p>
<p>Earth: 1.17.1</p>
<hr>
<h4>How to join:</h4>
<h5>1. Open up a version of Minecraft that's supported.</h5>
<img src="./assets/images/java/title.png" class="cardimage">
<hr>
<h5>2. Open up the multiplayer menu.</h5>
<img src="./assets/images/java/serverlist.png" class="cardimage">
<hr>
<h5>3. Open up the "Add Server" menu.</h5>
<img src="./assets/images/java/addserver.png" class="cardimage">
<hr>
<h5>4. Enter server info.</h5>
<p>Name: Whatever you want.</p>
<p>IP: play.pinkertonmc.com <i class="bi bi-files"></i></p>
<img src="./assets/images/java/addserverfill.png" class="cardimage">
<hr>
<h5>5. Click "Done", which should return you to this menu.</h5>
<img src="./assets/images/java/serverlistfill.png" class="cardimage">
<hr>
<h5>6. Join the server.</h5>
<img src="./assets/images/java/joiningserver.png" class="cardimage">
</div>
</div>
<div class="card mb-3" id="java">
<div class="card-header">
<h3>Java Edition</h3>
<h4>Congratulations! This is the easiest one to join on.</h4>
</div>
<div class="card-body">
<div>
<img src="https://i.ytimg.com/vi/Zeh9lmHGVM4/maxresdefault.jpg" alt="Java edition cover art" class="featuresimg card-img-top">
<p class="left">Photo: Mojang</p>
</div>
<hr>
<h5><b>Versions supported:</b></h5>
<p>Lobby: 1.16.4 - 1.17.1</p>
<p>Classic: 1.16.4 - 1.17.1</p>
<p>Earth: 1.17.1</p>
<hr>
<h4>How to join:</h4>
<h5>1. Open up a version of Minecraft that's supported.</h5>
<img src="./assets/images/java/title.png" class="cardimage">
<hr>
<h5>2. Open up the multiplayer menu.</h5>
<img src="./assets/images/java/serverlist.png" class="cardimage">
<hr>
<h5>3. Open up the "Add Server" menu.</h5>
<img src="./assets/images/java/addserver.png" class="cardimage">
<hr>
<h5>4. Enter server info.</h5>
<p>Name: Whatever you want.</p>
<p>IP: play.pinkertonmc.com <i class="bi bi-files"></i></p>
<img src="./assets/images/java/addserverfill.png" class="cardimage">
<hr>
<h5>5. Click "Done", which should return you to this menu.</h5>
<img src="./assets/images/java/serverlistfill.png" class="cardimage">
<hr>
<h5>6. Join the server.</h5>
<img src="./assets/images/java/joiningserver.png" class="cardimage">
</div>
</div>
</div>
<div w3-include-html="includes/footer.html"></div>
<script>includeHTML();</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
crossorigin="anonymous"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.3.2/firebase-analytics.js"></script>
<script>
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
var firebaseConfig = {
apiKey: "AIzaSyC-FNWJcMFmyGJb9SV99Dr-hvG8B_6i1aE",
authDomain: "pinkertonmc-50666.firebaseapp.com",
projectId: "pinkertonmc-50666",
storageBucket: "pinkertonmc-50666.appspot.com",
messagingSenderId: "979255070807",
appId: "1:979255070807:web:21598911dcd48d3a215312",
measurementId: "G-7V9382PB15"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
</body>
</html>