diff --git a/rlbot_gui/gui.py b/rlbot_gui/gui.py
index 61572c23..79292038 100644
--- a/rlbot_gui/gui.py
+++ b/rlbot_gui/gui.py
@@ -1,4 +1,5 @@
import os
+import webbrowser
import eel
from PyQt5.QtCore import QSettings
@@ -26,6 +27,7 @@
game_tick_packet = None
+
class GameTickReader:
def __init__(self):
self.logger = get_logger('packet reader')
@@ -235,6 +237,8 @@ def is_chrome_installed():
def start():
+ webbrowser.open("steam://rungameid/252950//-rlbot") # Open rocket league if not already opened
+
gui_folder = os.path.join(os.path.dirname(os.path.realpath(__file__)), 'gui')
eel.init(gui_folder)
diff --git a/rlbot_gui/gui/overlay.html b/rlbot_gui/gui/overlay.html
index df646f6e..94e9d64e 100644
--- a/rlbot_gui/gui/overlay.html
+++ b/rlbot_gui/gui/overlay.html
@@ -7,54 +7,54 @@
background-color: rgba(0,0,0,0);
font-family: 'Exo 2', sans-serif;
}
-
+
.hidden {
display: none;
}
-
+
.center {
align: center;
}
-
+
#names {
display: flex;
}
-
+
#names > .name-div {
flex: 1;
}
-
+
.name-div {
color: white;
font-size: 32;
padding-top: 1%;
font-weight: bold;
}
-
+
#name-divider {
width: 25%;
}
-
+
#name-blue {
text-align: right;
}
-
+
#name-orange {
text-align: left;
margin-left: 5%;
}
-
+
.set {
position: absolute;
left:0;
top:0;
z-index: -5;
}
-
+
#goal-splash {
z-index: 7;
}
-
+
#footer > img {
margin-left: auto;
margin-right: auto;
@@ -63,24 +63,24 @@
left: 0;
right: 0;
}
-
+
#blue-action {
left: 7% !important;
- top: 1% !important;
+ top: 1% !important;
}
-
+
#orange-action {
left: auto !important;
- top: 1% !important;
+ top: 1% !important;
right: 7% !important;
}
-
+
#votes {
align: center;
padding-top: 1%;
display: flex;
}
-
+
#votes > div {
flex: 1;
position: absolute;
@@ -88,107 +88,108 @@
width: 311px;
border-style: solid;
border-width: 7px;
+ transition: width 0.5s;
}
-
+
#votes-blue {
border-color: blue;
background-color: blue;
left: 149px;
}
-
+
#votes-orange {
border-color: orange;
background-color: orange;
right: 147px;
}
-
+
.fade-in {
visibility: visible;
opacity: 1;
transition: opacity 1s linear;
- }
-
+ }
+
.fade-out {
visibility: hidden;
opacity: 0;
transition: visibility 0s 1s, opacity 1s linear;
- }
+ }
- 
- 
- ![]()
- ![]()
-
-
+
+
+
![]()
+
![]()
+
+
-
-
+
+
-
-
-
+