maverick/betondeez
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/betondeez.git synced 2026-07-25 22:27:30 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Create stream.html

Browse source
This commit is contained in:
Parsa Yazdani 2024-06-14 15:42:38 +10:00 • committed by GitHub
parent 31c59b0b64
commit 81fef18a84
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 81 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

81
stream.html Normal file
View file

@ -0,0 +1,81 @@
<style>
html, body {
background: black;
color: white;
margin: 0;
padding: 0
}
#banner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 2rem
}
#banner > button {
background: white;
border: none;
color: black;
height: fit-content;
font-size: 1.5rem;
}
#main {
display: flex;
justify-content: center;
}
#odds {
width: calc(100% - 4rem);
height: 1.5rem;
display: flex;
gap: 0.5rem;
margin: auto;
margin-bottom: 1rem
}
#odds > div {
height: 100%;
font-size: 1.3rem;
display: flex;
align-items: center;
transition: width 0.5s ease;
padding: 0 1rem;
border-radius: 0.5rem
}
#team1 {
background: blue;
}
#team2 {
background: red;
}
#stream {
width: calc(100vw - 4rem);
background: red;
height: 60vh
}
</style>
<div id="banner">
<h1>Instinct</h1>
<button>Profile</button>
</div>
<div id="odds">
<div id="team1" style="width: 50%">Team 1</div>
<div id="team2" style="width: 50%">Team 2</div>
</div>
<div id="main">
<div id="stream"></div>
</div>
<div style="display: flex; justify-content: space-between; margin: 2rem">
<button onclick="bet('team1')">Team 1</button>
<button onclick="bet('team2')">Team 2</button>
</div>
<script>
var team1bets = 1;
var team2bets = 1;
function bet(team){
if(team == 'team1')
team1bets += 1;
else
team2bets += 1;
const totalBets = team1bets + team2bets;
document.getElementById('team1').style.width = 100*team1bets/totalBets+"%"
document.getElementById('team2').style.width = 100*team2bets/totalBets+"%"
}
</script>