-
Notifications
You must be signed in to change notification settings - Fork 16
/
index.html
14 lines (12 loc) · 6.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html><html lang="en"><head><title>beefy.finance</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="Multi-Chain Yield Farming"><link rel="stylesheet" href="css/minireset.min.css"><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="https://use.typekit.net/avo8ruz.css" media="nope!" onload="this.media="all""><meta property="og:local" content="en_US"><meta property="og:title" content="beefy.finance"><meta property="og:description" content="Multi-Chain Yield Farming"><meta property="og:type" content="website"><meta property="og:url" content="https://beefy.com"><meta property="og:image" content="https://beefy.com/img/COW.svg"><meta link rel="apple-touch-icon" href="https://beefy.com/img/COW.svg"><meta name="theme-color" content="#F9F3EB"></head><body><div class="plains unselectable"><div class="plain-left"></div><div class="plain-center-bg"></div><div class="plain-right"></div><div class="plain-center-fg"></div><div class="cows"></div></div><div class="container"><div class="nav unselectable"><div class="nav-left"><img class="nav-logo" src="/img/COW.svg"><a class="nav-item" href="#moo!">Beefy.Finance</a></div><div class="nav-right"><a class="nav-item" href="https://www.reddit.com/r/Beefy/" target="_blank"><img class="nav-img" src="/img/reddit.svg"></a><a class="nav-item" href="https://twitter.com/beefyfinance" target="_blank"><img class="nav-img" src="/img/twitter.svg"></a><a class="nav-item" href="https://www.youtube.com/c/BeefyFinance" target="_blank"><img class="nav-img" src="/img/youtube.svg"></a><a class="nav-item" href="https://medium.com/beefyfinance" target="_blank"><img class="nav-img" src="/img/medium.svg"></a><a class="nav-item" href="https://discord.gg/yq8wfHd" target="_blank"><img class="nav-img" src="/img/discord.svg"></a><a class="nav-item" href="https://t.me/beefyfinance" target="_blank"><img class="nav-img" src="/img/telegram.svg"></a><a class="nav-item" href="https://github.com/beefyfinance" target="_blank"><img class="nav-img" src="/img/github.svg"></a><a class="nav-item" href="https://docs.beefy.com" target="_blank"><img class="nav-img" src="/img/docs.svg"></a><a class="nav-item nav-btn" href="https://app.beefy.com" target="_blank">Launch App</a></div></div><section><div class="hero unselectable"><div class="hero-brand"><a class="hero-brand-logo" href="https://app.beefy.com" target="_blank"><img src="/img/COW.svg"></a><img class="hero-brand-name" src="/img/Beefy.Finance.svg"><span class="hero-brand-brief">The Multichain Yield Optimizer</span></div><div class="hero-cta"><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/BSC.svg"><span class="pop-chain-name">BSC</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/AVALANCHE.svg"><span class="pop-chain-name">AVAX</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/HECO.svg"><span class="pop-chain-name">HECO</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/POLYGON.svg"><span class="pop-chain-name">Polygon</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/FANTOM.svg"><span class="pop-chain-name">Fantom</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/HARMONY.svg"><span class="pop-chain-name">Harmony</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/ARBITRUM.svg"><span class="pop-chain-name">Arbitrum</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/CELO.svg"><span class="pop-chain-name">Celo</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/MOONRIVER.svg"><span class="pop-chain-name">Moonriver</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/CRONOS.svg"><span class="pop-chain-name">Cronos</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/FUSE.svg"><span class="pop-chain-name">Fuse</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/METIS.svg"><span class="pop-chain-name">Metis</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/AURORA.svg"><span class="pop-chain-name">Aurora</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/MOONBEAM.svg"><span class="pop-chain-name">Moonbeam</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/OASIS.svg"><span class="pop-chain-name">Oasis</span></a><a class="cta" href="https://app.beefy.com/" target="_blank"><img class="cta-img" src="/img/optimism.svg"><span class="pop-chain-name">Optimism</span></a></div></div></section><mobile-section><div class="nav-mobile-only"><a class="nav-item" href="https://www.reddit.com/r/Beefy/" target="_blank"><img class="nav-img-mob" src="/img/reddit.svg"></a><a class="nav-item" href="https://twitter.com/beefyfinance" target="_blank"><img class="nav-img-mob" src="/img/twitter.svg"></a><a class="nav-item" href="https://www.youtube.com/c/BeefyFinance" target="_blank"><img class="nav-img-mob" src="/img/youtube.svg"></a><a class="nav-item" href="https://medium.com/beefyfinance" target="_blank"><img class="nav-img-mob" src="/img/medium.svg"></a><a class="nav-item" href="https://discord.gg/yq8wfHd" target="_blank"><img class="nav-img-mob" src="/img/discord.svg"></a><a class="nav-item" href="https://t.me/beefyfinance" target="_blank"><img class="nav-img-mob" src="/img/telegram.svg"></a><a class="nav-item" href="https://github.com/beefyfinance" target="_blank"><img class="nav-img-mob" src="/img/github.svg"></a><a class="nav-item" href="https://docs.beefy.com" target="_blank"><img class="nav-img-mob" src="/img/docs.svg"></a></div></mobile-section></div><script>const cows = document.querySelector('.cows');
let n = Math.ceil(Math.random() * 3 ) + 3;
const arr = [];
for(let i = 0; i < n; i++) {
const r = 100 / n;
const x = (i + Math.random() * 0.5) * r;
const y = Math.ceil(Math.random() * 30) / 10;
const w = Math.round(Math.random() * 3.5) + 2.5;
const d = Math.random() < 0.5 ? -1 : 1;
arr.push(`<img class='cow' src='/img/COW.svg' style='left: ${x}vw; bottom: ${y}rem; width: ${w}rem; transform: scaleX(${d}); z-index: ${Math.ceil(y)}' />`);
}
cows.innerHTML = arr.join('');</script></body></html>