Fascinated/beatsaber-overlay
Fascinated/beatsaber-overlay
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Wiki Activity

Added more info to the help section

Browse Source
This commit is contained in:
Liam 2022-02-14 19:48:10 +00:00
parent 399a5f7e94
commit c7da5da956
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages/index.js
View File

@ -5,6 +5,7 @@ import PlayerStats from '../components/PlayerStats';
// Why do u have to proxy requests... it's so dumb LOL // Why do u have to proxy requests... it's so dumb LOL
const API_URL = "https://bangor375.herokuapp.com/https://scoresaber.com/api/player/%s/full"; const API_URL = "https://bangor375.herokuapp.com/https://scoresaber.com/api/player/%s/full";
const GUTHUB_URL = "https://github.com/RealFascinated/beatsaber-overlay";
export default class Home extends Component { export default class Home extends Component {
@ -73,8 +74,12 @@ export default class Home extends Component {
<p>Provide a valid scoresaber id</p> <p>Provide a valid scoresaber id</p>
<p>Example: {document.location.origin}?id=76561198449412074</p> <p>Example: {document.location.origin}?id=76561198449412074</p>
<div className={'info'}> <div className={'info'}>
<p>This is currently just a simple overlay displaying ScoreSaber stats.</p> <p>This is currently just a simple overlay for OBS displaying ScoreSaber stats.</p>
<p>If you have any suggestions you can message me on discord @ Fascinated#4719</p> <p>If you have any suggestions you can message me on discord @ Fascinated#4719</p>
<div className={'info'}>
<p>If you use this overlay and like it, don&apos;t forget to star the project :3</p>
<p>Github link: <span><a href={GUTHUB_URL}>{GUTHUB_URL}</a></span></p>
</div>
</div> </div>
</div> : </div> :
<div className={'overlay'}> <div className={'overlay'}>

13
styles/globals.css
View File

@ -12,10 +12,21 @@
} }
.info { .info {
margin-top: 50px; margin-top: 35px;
color: white; color: white;
} }
.info a {
font-size: large;
text-decoration: none;
color: #7299d4;
transition: 0.2s;
}
.info a:hover {
color: #4b72d3 !important;
}
.overlay { .overlay {
padding: 10px; padding: 10px;
} }