diff --git a/public_html/compatibility/app.js b/public_html/compatibility/app.js index 6a779f9..c6c8e5b 100644 --- a/public_html/compatibility/app.js +++ b/public_html/compatibility/app.js @@ -144,7 +144,7 @@ function gameStats() { }; // Header Load -fetch('https://fpps4.net/parts/navbar.html') +fetch('https://fpps4.net/parts/navbar.html?v=1') .then(response => response.text()) .then(data => { document.querySelector('#header').innerHTML = data; diff --git a/public_html/compatibility/index.html b/public_html/compatibility/index.html index 5644a98..302b8f8 100644 --- a/public_html/compatibility/index.html +++ b/public_html/compatibility/index.html @@ -63,6 +63,6 @@
- + \ No newline at end of file diff --git a/public_html/parts/images/boosty.svg b/public_html/parts/images/boosty.svg new file mode 100644 index 0000000..e7e2f39 --- /dev/null +++ b/public_html/parts/images/boosty.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + diff --git a/public_html/parts/images/boostySmol.svg b/public_html/parts/images/boostySmol.svg new file mode 100644 index 0000000..2b03934 --- /dev/null +++ b/public_html/parts/images/boostySmol.svg @@ -0,0 +1,12 @@ + + + + + + + diff --git a/public_html/parts/navbar.html b/public_html/parts/navbar.html index ae9276b..9927ecc 100644 --- a/public_html/parts/navbar.html +++ b/public_html/parts/navbar.html @@ -43,14 +43,42 @@ cursor: pointer; border-radius: 0.5rem; } + + .seperator { + margin: 0 0.1rem 0 0.8rem; + height: 2rem; + border-right: 0.25rem solid var(--selected); + border-radius: 0.25rem; + } + + /* .boostyLogoSmol, + .boostyLogo { + width: 5.7rem; + height: 2.5rem; + border-radius: 0.5rem; + } + .boostyLogoSmol {display: none;} */ + .smolImage {height: 1.5rem; width: 1.5rem;} .bigImage {height: 2.5rem; width: 2.5rem;} .gh-logo, .dc-logo {padding: 0.38rem;} /* fix icon hover */ .dc-logo {margin-right: 1.2vw;} + /* @media screen and (max-width: 700px) { + .boostyLogoSmol { + display: block; + width: 2rem; + margin: 0 0.5rem 0 0.5rem; + } + + .boostyLogo { + display: none; + } + } */ + .lightMode .navbar-right, .lightMode .logo {filter: invert(0);} /* light mode */ .lightMode .logo span {filter: invert(0);} /* light mode */ - .menu-icon:hover, .gh-logo:hover, .dc-logo:hover, .lightModeButton:hover, .logo:hover {background-color: #00000014;}/* hover effect */ + .menu-icon:hover, .gh-logo:hover, .dc-logo:hover, .lightModeButton:hover, .logo:hover, .boostyLogo:hover {background-color: #00000014;}/* hover effect */