This repository was archived by the owner on May 25, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathwebflow.html
8 lines (6 loc) · 12.9 KB
/
webflow.html
1
2
3
4
5
6
7
<!DOCTYPE html><!-- Last Published: Tue Mar 31 2020 11:48:32 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.co2ken.io" data-wf-page="5e5d7cf22c687c8d3c1e992e" data-wf-site="5e59b1719e288f9894e1576f"><head><meta charset="utf-8"/><title>CO2ken — Leaderboard</title><meta content="CO2ken — Leaderboard" property="og:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/css/co2ken-demo.webflow.add922bab.css" rel="stylesheet" type="text/css"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["IBM Plex Mono:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic"] }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0d503fb2cc31de72f8ac_toucan.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0d8f2089e571d48b4cfa_logo_toucan_256.png" rel="apple-touch-icon"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-162072918-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-162072918-1', {'anonymize_ip': false});</script></head><body><div data-collapse="medium" data-animation="default" data-duration="400" class="navbar w-nav"><div class="w-container"><a href="/" class="w-nav-brand"><img src="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0dfc0e17067b597ac1d5_logo_toucan.png" width="89" srcset="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0dfc0e17067b597ac1d5_logo_toucan-p-500.png 500w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0dfc0e17067b597ac1d5_logo_toucan-p-800.png 800w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0dfc0e17067b597ac1d5_logo_toucan-p-1080.png 1080w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0dfc0e17067b597ac1d5_logo_toucan.png 1240w" sizes="89px" alt="" class="nav-logo"/></a><nav role="navigation" class="w-nav-menu"><a href="/" class="nav-field w-nav-link">Home</a><a href="https://www.co2ken.io/#about" class="nav-field w-nav-link">About</a><a href="/leaderboard" aria-current="page" class="nav-field w-nav-link w--current">Leaderboard</a><a href="#" class="nav-field w-nav-link">Contact</a></nav><div class="w-nav-button"><div class="w-icon-nav-menu"></div></div></div></div><header id="hero" class="hero"><div class="standard-container w-container"><div class="w-row"><div class="w-col w-col-6"><img src="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e720f7c8892267b17a3530e_logo_toucan_slogan_extra_light.png" width="498" alt="Logo" srcset="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e720f7c8892267b17a3530e_logo_toucan_slogan_extra_light-p-500.png 500w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e720f7c8892267b17a3530e_logo_toucan_slogan_extra_light-p-800.png 800w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e720f7c8892267b17a3530e_logo_toucan_slogan_extra_light-p-1080.png 1080w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e720f7c8892267b17a3530e_logo_toucan_slogan_extra_light-p-1600.png 1600w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e720f7c8892267b17a3530e_logo_toucan_slogan_extra_light-p-2000.png 2000w, https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e720f7c8892267b17a3530e_logo_toucan_slogan_extra_light.png 2480w" sizes="(max-width: 767px) 83vw, (max-width: 991px) 354px, 460px" data-w-id="f53804a7-a183-b53b-dfc8-e70a0ddd1b4b" class="image-3"/></div><div class="column-2 w-col w-col-6"><div><div class="w-clearfix"><h4 class="text-right">First things first!</h4><div class="right-text-block"><em>Push the button to connect your wallet.</em></div></div><div class="div-block-button-right w-clearfix"><a data-dh-feature="network" data-dh-property-enable="true" href="#" class="button-green w-button">Connect wallet</a><div id="eth-user-address" data-dh-feature="user" data-dh-property-address="true" class="div-block-13"></div></div></div><div class="div-block-19"><div><div class="text-right">Total carbon offset with CO2kens<br/></div><div id="contract-retired-co2ken" class="big-centered-number right">12</div></div><div><div class="text-right">Total amount of DAI received<br/></div><div id="contract-dai-receive" class="big-centered-number right">120</div></div></div></div></div></div></header><div><div class="w-container"><h1 class="h1">CO2ken Leaderboard</h1><p class="paragraph-italic">Offset carbon. Win the game. Save the planet.</p><div class="columns-5 w-row"><div class="w-col w-col-4"><div><div class="paragraph-big-16">Total carbon offset <br/>with CO2kens<br/></div><div id="contract-retired-co2kens" class="big-centered-number">...</div></div></div><div class="w-col w-col-8"><div><div class="paragraph-big-16">Total amount of <br/>DAI received<br/></div><div id="contract-dai-received" class="big-centered-number">...</div></div></div></div></div></div><div class="section"><div class="w-container"><div class="div-block-12"><h3 class="heading-16">Stats</h3><p class="paragraph-italic">We automatically show you the stats for the wallet address you're connected with.</p><div class="form-block w-form"><form data-name="Eth-Address-Form" name="wf-form-Eth-Address-Form"><label for="name" class="field-label">Current address</label><div class="w-row"><div class="w-col w-col-8"><input type="text" class="input-field w-input" maxlength="256" name="eth-address-2" data-name="Eth Address 2" placeholder="e.g 0x6a1B0C693DD4AA99bA8E93247AA221Fb30525Cfe" id="current-eth-address" required=""/></div><div class="column-6 w-col w-col-4"></div></div></form><div class="w-form-done"></div><div class="w-form-fail"></div></div></div><div class="div-block-11"><p class="paragraph">You want to see how <strong>another Ethereum address</strong> is doing? <br/>Type it into the field below and send that button into the Ether.</p><div class="w-form"><form id="wf-form-Eth-Address-Form" name="wf-form-Eth-Address-Form" data-name="Eth-Address-Form"><label for="name" class="field-label">Ethereum address</label><div class="w-row"><div class="w-col w-col-8"><input type="text" class="input-field w-input" maxlength="256" name="Eth-Address" data-name="Eth Address" placeholder="e.g 0x6a1B0C693DD4AA99bA8E93247AA221Fb30525Cfe" id="eth-address" required=""/></div><div class="w-col w-col-4"><input type="submit" value="Switch to this address" data-wait="Scanning the Ether ..." class="submit-button leaderboard-submit w-button"/><a id="eth-address-search" href="#" class="button-green leaderboad-green-button w-button">Show stats for this address</a></div></div></form><div class="w-form-done"></div><div class="w-form-fail"></div></div></div><div class="columns-3 w-row"><div class="column-4 w-col w-col-4"><div class="paragraph-big-16">Rank on<br/>leaderboard</div><div class="big-centered-number">#<span id="leaderboard-rank">...</span></div></div><div class="w-col w-col-4"><div class="paragraph-big-16">Retired<br/>CO2ken</div><div id="user-retired-co2kens" class="big-centered-number">...</div></div><div class="w-col w-col-4"><div class="paragraph-big-16">DAI <br/>spent</div><div id="user-dai-spent" class="big-centered-number">...</div></div></div></div></div><div class="section"><div id="leaderboard-container" class="w-container"><h3 class="heading-16">Leaderboard</h3><p class="paragraph-italic">Can you spot your rank on the leaderboard? We helped a little.</p><div id="leaderboard-columns" class="leaderboard-columns w-row"><div id="leaderboard-column-1" class="leaderboard-column-1 w-col w-col-1"><p class="table-head">Rank</p><p class="table-element table-user-address">#1</p><p class="table-element">#2</p></div><div id="leaderboard-column-2" class="leaderboard-column-2 w-col w-col-5"><p class="table-head">Wallet address</p><p class="table-element table-user-address">0x12sx156x16x15x16x84x64x98x4x894x</p><p class="table-element">0x12sx156x16x15x16x84x64x98x4x894x</p></div><div id="leaderboard-column-3" class="leaderboard-column-3 w-col w-col-3"><p class="table-head">Tons of carbon offset</p><p class="table-element table-user-address">9</p><p class="table-element">9</p></div><div id="leaderboard-column-4" class="leaderboard-column-4 w-col w-col-3"><p class="table-head">DAI spent</p><p class="table-element table-user-address">90</p><p class="table-element">90</p></div></div></div></div><div><div class="filter-container w-container"><div class="w-layout-grid grid-5"><div class="collection-list-wrapper w-dyn-list"><div class="collection-list w-dyn-items"><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div><div class="filter-item w-dyn-item"></div></div></div></div></div><div class="container-4 w-container"><div class="header"><div class="w-layout-grid grid-6"><h4 id="w-node-c45a14988457-3c1e992e" class="heading-17">Wallet address</h4><h4 id="w-node-c45a14988459-3c1e992e" class="heading-17">Rank</h4><h4 id="w-node-c45a1498845b-3c1e992e" class="heading-17">DAI spent</h4><h4 id="w-node-c45a14988465-3c1e992e" class="heading-17">tons of carbon offset</h4></div></div><div id="table-item" class="collection-list-wrapper-2 w-dyn-list"><div id="filter-list" class="collection-list-2 w-dyn-items"><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div><div class="collection-item w-dyn-item"></div></div></div></div></div><footer id="footer" class="footer"><div class="w-container"><img src="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/5e5b0d8f2089e571d48b4cfa_logo_toucan_256.png" width="36" alt="" class="image-5"/><div>Reach out via <a href="https://twitter.com/CO2ken_io" target="_blank"><span class="link">Twitter</span></a> or <a href="mailto:[email protected]?subject=CO2ken%20Contact"><span class="link">Mail</span></a></div><div>Find all the code on <a href="https://github.com/CO2ken" target="_blank"><span class="link">GitHub</span></a></div><div>Read about this project on <a href="https://medium.com/curve-labs" target="_blank"><span class="link">Medium</span></a></div><div>Project submission on <a href="https://devpost.com/software/co2ken" target="_blank"><span class="link">devpost</span></a></div><div>Made with <a href="https://dapphero.io" target="_blank"><span class="link">DappHero</span></a><a href="https://icons8.com/"></a></div></div></footer><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5e59b1719e288f9894e1576f" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><script src="https://uploads-ssl.webflow.com/5e59b1719e288f9894e1576f/js/webflow.ac90aa5ae.js" type="text/javascript"></script><!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--><script
src="https://package.dapphero.io/main-03-27-20-v1.js"
id="dh-apiKey"
data-api="1582929937465x256911328465649660"
></script>
<script src="https://adamspiers.org/co2ken/leaderboard.js"></script></body></html>