open-bounty/static_langing_page/index.html

314 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Status Open Bounty</title>
<meta property="og:title" content="Status Open Bounty" />
<meta name="description" content="Status Open Bounty">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Hacky favicon generator due to masking bug -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- <link rel="icon" type="image/png" href="dest/img/new-site/logo-32.png?v=516c1cd" sizes="32x32" />
<link rel="icon" type="image/png" href="dest/img/new-site/logo-16.png?v=5108317" sizes="16x16" />
<link rel="apple-touch-icon" href="dest/img/new-site/apple-touch-icon-1024.png?v=464c5b1">
<link rel="apple-touch-icon" sizes="76x76" href="dest/img/new-site/apple-touch-icon-76.png?v=13dde43">
<link rel="apple-touch-icon" sizes="120x120" href="dest/img/new-site/apple-touch-icon-120.png?v=e3d71d5">
<link rel="apple-touch-icon" sizes="152x152" href="dest/img/new-site/apple-touch-icon-152.png?v=1353ddd">
<link rel="apple-touch-icon" sizes="180x180" href="dest/img/new-site/apple-touch-icon-180.png?v=401931a">
<link rel="mask-icon" href="dest/img/new-site/logo-mask.svg" color="4360DF">
-->
<!-- favicon.ico in the root directory -->
<link rel="stylesheet" href="dest/css/main.css?v=a664cb5">
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '293089407869419');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=293089407869419&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->
</head>
<body>
<div class="container-wrap">
<div class="container">
<div class="header">
<div class="header__inner">
<div class="header-section header-section--left">
<a class="logo" href="/">
<div class="logo__icon-wrap">
<div class="logo__icon"></div>
</div>
<div class="logo__text">
<span class="logo__title">Status</span>
<span class="logo__subtitle">Open Bounty</span>
</div>
</a>
</div>
<div class="header-section header-section--right">
<div class="nav">
<a class="nav__item nav__item-features" href="/app">Activity</a>
<a class="nav__item nav__item-features" href="/app">Open Bounties</a>
<a href="{{authorize-url}}" id="button-login" class="button">Login -></a>
</div>
</div>
</div>
<div class="tagline">
<h2 class="tagline__title">Bounty Based Collaboration</h2>
</div>
<div class="actions">
<div class="action">
<img src="assets/developers.svg" class="logo-developers">
<h1>For developers</h1>
<h2>Get rewarded for contributing code</h2>
<p>
Find, contribute and get rewarded in crypto for completing bounties.
</p>
<button onclick="window.location.href='/app'">Browse open bounties</button>
</div>
<div class="action">
<img src="assets/organisations.svg" class="logo-organisations">
<h1>For organizations</h1>
<h2>Find talented developers fast</h2>
<p>
Post bounties, build your team and move your project forward today.
</p>
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
function signup() {
console.log("Signing up");
hbspt.forms.create({
portalId: '3954379',
formId: '9a0a26a8-3163-45a8-a933-774de4853609'
});
}
</script>
<!-- HACK(oskarth): Mailchimp - should probably be Hubspot but we can hack this with JS
Also adds ad hoc margin-left to action and border radius styles.
TODO Add background style.
-->
<div class="email-form">
<!-- XXX: Mailchimp -->
<form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate" _lpchecked="1">
<div class="email-form__inner">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="Enter your email" aria-required="true" style="border-bottom-right-radius: .5em; border-top-right-radius: .5em;">
<button style="margin-left: 1em;" onclick="signup()">Sign up for beta</button>
<!-- <input type="submit" value="GET EARLY ACCESS" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
</div>
<div id="mce-responses" class="email-form__responces">
<div class="response email-form__error-message" id="mce-error-response"></div>
<div class="email-form__success-message response" id="mce-success-response"></div>
</div>
</form>
<!-- End Mailchimp -->
</div>
<!-- <button onclick="signup()">Sign up for beta</button> -->
</div>
</div>
</div>
<div class="slides">
<div class="slide slide--two">
<div class="slide__inner">
<div class="sections">
<h2 class="section--title">Connecting Developers & Organizations from everywhere</h2>
<div class="section">
<div class="section__text section--dev">
<h1>For developers</h1>
<h2>Work on projects that truly interest you</h2>
<div class="text">
<p>Choose the <strong>bounties that excite you</strong>, match your skill set or fit your schedule. Work from anywhere, no strings attached.</p>
</div>
<h2>Get the community to fund your ideas</h2>
<div class="text">
<p>Like many talented developers on GitHub, youve got great ideas that can benefit the community. With Status Open Bounty, you can easily pitch / request funding as anyone from anywhere can add money to a bounty purse.</p>
</div>
</div>
<div class="section__text section--org">
<h1>For organizations</h1>
<h2>Avoid time-consuming hiring</h2>
<div class="text">
<p>Find talent <strong>based on code quality</strong>, not on the subjective interview process and candidate feedback.</p>
</div>
<h2>Find specialized talent worldwide</h2>
<div class="text">
<p>To solve new challenges, you often need hard-to-find skillsets. If you cant easily find local talent, <strong>Status Open Bounty makes it easy to</strong> leverage the best talent
in the world.</p>
</div>
</div>
</div>
<h2 class="section--title">You choose your currency</h2>
<div class="section">
<div class="section__text section--dev">
<h1>For developers</h1>
<h2>Earn rewards in the cryptocurrency of your choice</h2>
<div class="text">
<p>Dont want $USD? With Status Open Bounty, once your work is done, you can <strong>quickly receive</strong> bounties and funding <strong>in the currency of your choice, including</strong> ETH and ERC20 tokens—without exchange rate fees, 3rd party payment fees or bank setup headaches.</p>
</div>
</div>
<div class="section__text section--org">
<h1>For organizations</h1>
<h2>Pay developers in any cryptocurrency you want</h2>
<div class="text">
<p>Dont want to pay in $USD? <strong>Status Open Bounty supports ETH and most ERC20 Tokens</strong>, so you can pay developers in the currency that makes sense for your organization.</p>
</div>
</div>
</div>
<div class="section">
<div class="section__text">
<h2>Open Source Collaboration Tool</h2>
<div class="text">
<p>Status Open Bounty is a bounty- based collaboration tool that plugs right into GitHub.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide slide--three">
<div class="slide__inner">
<div class="slide__text">
<h2>Have questions?</h2>
<div class="text">
<p>At Status Open Bounty we have a passionate community of developers and organizations that are connecting everyday. </p>
</div>
<a href="https://chat.status.im/#/register" class="button button--scrolltop">Join the conversation</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-inner">
<div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner">
<div class="footer-logo"></div>
<div class="footer-address">Status Research & Development GmbH<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
</div>
</div>
<div class="footer-table">
<div class="footer-table__column">
<h4 class="footer-header">Social networks</h4>
<ul class="footer-list">
<li class="footer-link footer-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Facebook</span></a></li>
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
<li class="footer-link footer-link--rt"><a href="https://chat.status.im/#/register" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Riot</span></a></li>
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
<!-- <li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li> -->
</ul>
</div>
<div class="footer-table__column">
<h4 class="footer-header">Community</h4>
<ul class="footer-list">
<li class="footer-link"><a href="https://wiki.status.im" target="_blank">Wiki</a></li>
<li class="footer-link"><a href="https://status.im/privacy-policy.html" target="_blank">Privacy policy</a></li>
<li class="footer-link"><a href="https://status.im/jobs.html" target="_blank">Jobs</a></li>
</ul>
</div>
<div class="footer-table__column">
<h4 class="footer-header">Language</h4>
<ul class="footer-list">
<li class="footer-link">
<select class="language-switcher" name="lang">
<option value="en">English</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Google Analytics -->
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
try {
ga('create', 'UA-79146816-1', 'auto');
ga('send', 'pageview');
} catch (e) {}
</script>
<!-- /Google Analytics -->
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/3954379.js"></script>
<!-- End of HubSpot Embed Code -->
</body>
</html>