You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
331 lines
5.8 KiB
JavaScript
331 lines
5.8 KiB
JavaScript
import './Stats.css';
|
|
|
|
function App() {
|
|
return (
|
|
|
|
|
|
<div className="splash pt-2" id="stats">
|
|
<div className="container-fluid">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 text-center">
|
|
<h1 className="pt-4">leaderboard</h1>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div className="container-fluid pt-4">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 d-flex text-center">
|
|
|
|
|
|
<div className="col-6 text-left">
|
|
<h2 style={{ color: '#3BC3FD' }}>Hodlers</h2>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<h2 style={{ color: '#3BC3FD' }}>Ducks</h2>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<hr className="" style={{ color: '#3BC3FD' }}></hr>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 text-center">
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#3BC3FD' }}>1. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#3BC3FD' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#3BC3FD' }}>2. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#3BC3FD' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#3BC3FD' }}>3. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#3BC3FD' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#3BC3FD' }}>4. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#3BC3FD' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#3BC3FD' }}>5. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#3BC3FD' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 d-flex text-center">
|
|
|
|
|
|
<div className="col-6 text-left">
|
|
<h2 style={{ color: '#ea6126' }}>Top Shots</h2>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<h2 style={{ color: '#ea6126' }}>Hits</h2>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<hr className="" style={{ color: '#ea6126' }}></hr>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 text-center">
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#ea6126' }}>1. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#ea6126' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#ea6126' }}>2. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#ea6126' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#ea6126' }}>3. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#ea6126' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#ea6126' }}>4. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#ea6126' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#ea6126' }}>5. 0x0000...DEAD</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#ea6126' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 d-flex text-center">
|
|
|
|
|
|
<div className="col-6 text-left">
|
|
<h2 style={{ color: '#97E500' }}>Stats</h2>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<h2 style={{ color: '#97E500' }}>Count</h2>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<hr className="" style={{ color: '#97E500' }}></hr>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
<div className="col-12 text-center">
|
|
|
|
<div className="d-flex stats ">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#97E500' }}>Live Ducks:</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#97E500' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#97E500' }}>Dead Ducks:</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#97E500' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#97E500' }}>Live Zapps:</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#97E500' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="d-flex stats">
|
|
<div className="col-6 text-left">
|
|
<p style={{ color: '#97E500' }}>Shots Fired:</p>
|
|
</div>
|
|
|
|
<div className="col-6 text-right">
|
|
<p style={{ color: '#97E500' }}>XXXX</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div className="container-fluid pt-2 pb-4 ">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 text-center">
|
|
<h1>Contract:</h1>
|
|
<a className="underlinelink" href="" style={{ color: '#ea6126' }}>0x0000...DEAD</a>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div className="container-fluid pt-2 pb-4 ">
|
|
<div className="row justify-content-center">
|
|
<div className="col-12 text-center">
|
|
<a className="underlinelink" href="" style={{ color: '#3BC3FD' }}>Punk Hunt on OpenSea</a>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|