Skip to content

Commit 764f474

Browse files
authored
Initial v5 preview page (#61)
* Initial v5 preview page * Update bootstrap to latest version of v4 * Fix footer images * Point to `RLBot/core/releases/latest` * Move blue box to the top * Fix more links * Add go card * Add link to the new gui download * Don't link "download" to make it clear there's 2 links * Combine notes
1 parent 297a21e commit 764f474

File tree

5 files changed

+255
-8
lines changed

5 files changed

+255
-8
lines changed

discord/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,8 @@
1515
<meta property="og:description"
1616
content="Creating custom bots to play Rocket League, programmers and avid fans are welcome! This server is the heart of this community, join us!" />
1717

18-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
19-
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
18+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
19+
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
2020
<link rel="stylesheet" href="../css/style.css">
2121
<link rel="stylesheet" href="../css/tournament-style.css">
2222

faq/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>RLBot</title>
7-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
8-
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
7+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
8+
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
99
<link rel="stylesheet" href="../css/style.css">
1010
<link rel="stylesheet" href="../css/tournament-style.css">
1111

index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>RLBot</title>
7-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
8-
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
7+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
8+
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
99
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
1010
<link rel="stylesheet" href="libs/gCalFlow/jquery.gcal_flow.css">
1111
<link rel="stylesheet" href="css/style.css">

tournament/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>RLBot</title>
7-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
8-
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
7+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
8+
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
99
<link rel="stylesheet" href="../css/style.css">
1010
<link rel="stylesheet" href="../css/tournament-style.css">
1111

v5/index.html

Lines changed: 247 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,247 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>RLBot</title>
7+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
8+
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
9+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
10+
<link rel="stylesheet" href="/libs/gCalFlow/jquery.gcal_flow.css">
11+
<link rel="stylesheet" href="/css/style.css">
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
13+
14+
<!--en-US appears to be baked into globalize.js already, horay.-->
15+
<script src="libs/globalize/globalize.js" type="text/javascript"></script>
16+
<script src="libs/globalize/cultures/globalize.culture.en-GB.js" type="text/javascript"></script>
17+
<script src="libs/globalize/cultures/globalize.culture.de.js" type="text/javascript"></script>
18+
<script src="libs/globalize/cultures/globalize.culture.nl.js" type="text/javascript"></script>
19+
<script src="libs/globalize/cultures/globalize.culture.pt.js" type="text/javascript"></script>
20+
<script type="text/javascript" src="/libs/gCalFlow/jquery.gcal_flow.js"></script>
21+
22+
</head>
23+
<body>
24+
25+
<div class="jumbotron jumbotron-fluid">
26+
<div class="container">
27+
<h1 class="display-4"><img src="/rlbot_logo.png" class="line-logo"> RLBot</h1>
28+
<p class="lead">Create and share
29+
<a href="https://store.steampowered.com/app/252950/Rocket_League/">Rocket League</a>
30+
bots for offline play.</p>
31+
</div>
32+
</div>
33+
34+
<div class="container">
35+
36+
<div class="row">
37+
<div class="col-lg-8">
38+
39+
<div class="alert alert-warning">
40+
This is a WIP front page for the upcoming major version V5 -
41+
<a href="https://wiki.rlbot.org/framework/v5/" target="_blank">read more about it here</a>.
42+
<br>
43+
The front page for V4 is available <a href="/">here</a>.
44+
</div>
45+
46+
<div class="card mb-3">
47+
<div class="card-body">
48+
<h5 class="card-title">What is RLBot?</h5>
49+
<p>
50+
RLBot enables custom bots in Rocket League. Using RLBot you can download and play with community-made bots,
51+
play our challenging RLBot story mode, or make your own bots!
52+
</p>
53+
<a href="https://youtu.be/GLqvodQ942A" target="_blank" style="margin-right: 20px">
54+
<img style="height:1.5em" src="/youtube.png"> Quick Start Video</a>
55+
<img style="height:1.5em" src="/rlbot_logo.png">
56+
Download
57+
<a href="https://github.com/RLBot/core/releases/latest" target="_blank">RLBotServer</a>
58+
& <a href="https://github.com/swz-git/gui/releases/latest" target="_blank">RLBotGUI</a>
59+
<br><br>
60+
61+
<p>We also have <a href="https://wiki.rlbot.org/miscellaneous/lan-setup/">LAN/VLAN match support</a>, if you want to play with your friends!</p>
62+
63+
<p>
64+
Join our <a href="https://discord.gg/zbaAKPt">Discord</a> chat server to participate in the community.
65+
If you're ready to get started, you can read more on our <a href="https://wiki.rlbot.org/">wiki</a>
66+
or click your favourite language below!
67+
</p>
68+
</div>
69+
</div>
70+
71+
<div class="languages">
72+
<a href="https://github.com/VirxEC/rlbot-python-example">
73+
<div class="card">
74+
<div class="card-body">
75+
<img src="/python.png" class="card-image-right">
76+
<h5 class="card-title">Python</h5>
77+
<p>Write a more advanced bot in Python!</p>
78+
</div>
79+
</div>
80+
</a>
81+
82+
<a href="https://github.com/VirxEC/csharp-interface/tree/master/Tests/Atba">
83+
<div class="card">
84+
<div class="card-body">
85+
<img src="/csharp.png" class="card-image-right">
86+
<h5 class="card-title">C#</h5>
87+
<p>Create a <em>professional</em> bot in C# (or any other .NET language)!</p>
88+
</div>
89+
</div>
90+
</a>
91+
92+
<a href="https://github.com/mtheall/RLBotCPP/tree/master/examples/ATBA">
93+
<div class="card">
94+
<div class="card-body">
95+
<img src="/cpp.png" class="card-image-right">
96+
<h5 class="card-title">C++</h5>
97+
<p>Create an <em>incredible</em> bot in C++!</p>
98+
</div>
99+
</div>
100+
</a>
101+
102+
<a href="https://github.com/swz-git/rust-interface/tree/master/crates/rlbot/examples/atba_agent">
103+
<div class="card">
104+
<div class="card-body">
105+
<img src="/rust.svg" class="card-image-right">
106+
<h5 class="card-title">Rust</h5>
107+
<p>Create a <em>blazingly fast</em> bot in Rust!</p>
108+
</div>
109+
</div>
110+
</a>
111+
112+
<a href="https://github.com/swz-git/go-interface/tree/master/examples/atba">
113+
<div class="card">
114+
<div class="card-body">
115+
<img src="/go.png" class="card-image-right">
116+
<h5 class="card-title">Go</h5>
117+
<p>Make bot <em>go</em> fast with Go</p>
118+
</div>
119+
</div>
120+
</a>
121+
122+
<!-- <a href="https://rlgym.org/"> -->
123+
<a href="https://github.com/VirxEC/Elementv5">
124+
<div class="card">
125+
<div class="card-body">
126+
<img src="/rlgym.png" class="card-image-right">
127+
<h5 class="card-title">RLGym</h5>
128+
<p>Make a <em>sentient</em> Machine Learning bot with RLGym!</p>
129+
</div>
130+
</div>
131+
</a>
132+
133+
</div>
134+
135+
</div>
136+
137+
<div class="col-lg-4">
138+
139+
<a href="/faq">
140+
<div class="card mb-3 compact-card">
141+
<div class="card-body" style="text-decoration: none">
142+
<h5 class="card-title">FAQ</h5>
143+
<p>Frequently asked questions</p>
144+
</div>
145+
</div>
146+
</a>
147+
148+
<a href="/tournament">
149+
<div class="card mb-3 compact-card">
150+
<div class="card-body" style="text-decoration: none">
151+
<h5 class="card-title">Tournaments</h5>
152+
<p>Upcoming and previous tournaments</p>
153+
</div>
154+
</div>
155+
</a>
156+
157+
<a href="https://wiki.rlbot.org">
158+
<div class="card mb-3 compact-card">
159+
<div class="card-body" style="text-decoration: none">
160+
<h5 class="card-title">Wiki</h5>
161+
<p>Everything to know about RLBot</p>
162+
</div>
163+
</div>
164+
</a>
165+
166+
<div id="gcf-simple">
167+
<div class="gcf-header-block">
168+
<span class="gcf-title-block">
169+
<span>Upcoming Events</span>
170+
</span>
171+
<a href="https://calendar.google.com/calendar/[email protected]"
172+
target="_blank" class="gcf-subscribe">
173+
Subscribe
174+
</a>
175+
</div>
176+
<div class="gcf-item-container-block">
177+
<div class="gcf-item-block">
178+
<div class="gcf-item-header-block">
179+
<div class="gcf-item-date-block">
180+
<span class="gcf-item-daterange"></span>
181+
</div>
182+
<div class="gcf-item-title-block">
183+
<strong class="gcf-item-title"></strong>
184+
</div>
185+
</div>
186+
</div>
187+
</div>
188+
</div>
189+
<script type="text/javascript">
190+
$('#gcf-simple').gCalFlow({
191+
calid: 'rlbotofficial%40gmail.com',
192+
auto_scroll: false,
193+
apikey: 'AIzaSyBQ40UqlMPexzWxTNd7EYtTrkoFF_DqpqM'
194+
});
195+
</script>
196+
197+
<iframe src="https://discordapp.com/widget?id=348658686962696195&theme=dark" width="350" height="500"
198+
allowtransparency="true" frameborder="0"></iframe>
199+
</div>
200+
</div>
201+
202+
</div>
203+
204+
<!-- Footer -->
205+
<footer class="page-footer font-small blue pb-5">
206+
207+
<div class="container">
208+
<div class="row">
209+
<div class="col-lg-8 py-5">
210+
<div class="d-flex justify-content-center">
211+
212+
<!-- Discord -->
213+
<a href="https://discord.gg/zbaAKPt" class="mx-4">
214+
<img class="ft-img gray-to-color" src="/discord.png">
215+
</a>
216+
217+
<!-- Twitter -->
218+
<a href="https://twitter.com/RLBotOfficial" class="mx-4">
219+
<img class="ft-img gray-to-color" src="/twitter.png">
220+
</a>
221+
222+
<!-- Youtube -->
223+
<a href="https://www.youtube.com/c/RLBotOfficial" class="mx-4">
224+
<img class="ft-img gray-to-color" src="/youtube.png">
225+
</a>
226+
227+
<!-- Twitch -->
228+
<a href="https://www.twitch.tv/rlbotofficial" class="mx-4">
229+
<img class="ft-img gray-to-color" src="/twitch.png">
230+
</a>
231+
232+
<!-- Reddit -->
233+
<a href="https://www.reddit.com/r/RocketLeagueBots/" class="mx-4">
234+
<img class="ft-img gray-to-color" src="/reddit.png">
235+
</a>
236+
237+
</div>
238+
</div>
239+
</div>
240+
241+
</div>
242+
243+
</footer>
244+
245+
</body>
246+
247+
</html>

0 commit comments

Comments
 (0)