hackathon.status.im/index.html

308 lines
16 KiB
HTML
Executable File
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 | The Mobile Ethereum Client</title>
<meta name="description" content="Status is an interface to access Ethereum, built for Android & iOS. Enjoy encrypted messaging, a cryptocurrency wallet, and seamless access to DApps.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="img/new-site/logo-32.png?v=f6fc851" sizes="32x32" />
<link rel="icon" type="image/png" href="img/new-site/logo-16.png?v=4bd8fd5" sizes="16x16" />
<link rel="apple-touch-icon" href="img/new-site/apple-touch-icon-1024.png?v=246b38a">
<link rel="apple-touch-icon" sizes="76x76" href="img/new-site/apple-touch-icon-76.png?v=74406bc">
<link rel="apple-touch-icon" sizes="120x120" href="img/new-site/apple-touch-icon-120.png?v=ff54020">
<link rel="apple-touch-icon" sizes="152x152" href="img/new-site/apple-touch-icon-152.png?v=cd9be11">
<link rel="apple-touch-icon" sizes="180x180" href="img/new-site/apple-touch-icon-180.png?v=e8f954c">
<link rel="mask-icon" href="img/new-site/logo-mask.svg" color="4360DF">
<!-- favicon.ico in the root directory -->
<link rel="stylesheet" href="css/main.css?v=4b49929">
<meta property="og:title" content="Status, a Mobile Ethereum OS" />
<!-- Heap Analytics -->
<script type="text/javascript">
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
heap.load("1816593697");
</script>
<!-- /Heap Analytics -->
</head>
<body>
<div class="cookie-popup">
<div class="cookie-popup__inner">
<p class="cookie-popup-text">Status.im uses cookies to help improve our website</p>
<a class="cookie-popup-button" href="#">Accept</a>
</div>
</div>
<div class="container-wrap">
<div class="container">
<div class="slides">
<div class="slide slide--one">
<div class="slide__inner">
<div class="slide__pattern">
<div class="header">
<div class="header__inner">
<a class="logo" href="/">
<span class="logo__icon"></span>
<div class="logo_text">
<span class="logo__title">Status</span>
<span class="logo__description"><span>A </span>Mobile Ethereum OS</span>
</div>
</a>
<div class="nav">
<a class="nav__item nav__item--about" href="#">Status Home</a>
<a class="nav__item nav__item--about" target="_blank" href="https://wiki.status.im/">Wiki</a>
<a class="nav__item nav__item--about" target="_blank" href="https://github.com/status-im">Github</a>
</div>
<div class="shares">
<ul class="social-links">
<li class="social-link social-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
<li class="social-link social-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"></a></li>
<li class="social-link social-link--rd"><a href="" target="_blank"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="tagline">
<h2 class="tagline__title">Status $25,000 Hackathon</h2>
<div class="tagline__body">Extend Status with commands, create decentralized chatbots or mobile-ready your web DApp to win prizes</div>
<div class="tagline__button"><a class="button button--secondary button--half button--half--left" href="#">Learn More</a><a class="button button--secondary button--half button--half--right" href="#">Register</a></div>
</div>
</div>
</div>
<div class="slide slide--two">
<div class="slide__inner">
<div class="section">
<h2>Lets decentralize the web together</h2>
<div class="text">
<p>To celebrate the launch of our experimental Status API, and to help us find bugs and get valuable feedback from developers, we're hosting a week-long virtual Hackathon, with <strong>$25,000</strong> in prizes to be won.Its completely <strong>free to enter</strong>, and everyone is welcome to participate, wherever you may live.</p>
</div>
</div>
<div class="section section--prize">
<h2>Prizes</h2>
<div class="text">
<p>If youd like to receive updates on the Contribution Period and the launch of the Status Network, please subscribe</p>
</div>
<div class="prizes">
<div class="prize-item">
<div class="prize-place"><span class="prize-place-number">1</span></div>
<div class="prize-value">&#36;10 000</div>
<div class="prize-description">In ETH</div>
</div>
<div class="prize-item">
<div class="prize-place"><span class="prize-place-number">2</span></div>
<div class="prize-value">&#36;6 000</div>
<div class="prize-description">In ETH</div>
</div>
<div class="prize-item">
<div class="prize-place"><span class="prize-place-number">3</span></div>
<div class="prize-value">&#36;3 000</div>
<div class="prize-description">In ETH</div>
</div>
<div class="prize-item">
<div class="prize-place"><span class="prize-place-number">+</span></div>
<div class="prize-value">6x&#36;1 000</div>
<div class="prize-description">Prizes to our runner ups</div>
</div>
</div>
</div>
<div class="section section--enter">
<h2>Requirements to Enter</h2>
<div class="text">
<p>Status is both a Web 3.0 browser, and a messaging platform. To be eligible, whatever it is you build, just needs to work inside of Status.</p>
</div>
<div class="rules">
<div class="rule-item">
<div class="rule-icon-wrap"><div class="rule-icon rule-icon--phone"></div></div>
<h3 class="rule-title">Mobile ready your DApp</h3>
<div class="rule-text">Already have a decentralized application? Make it mobile-compatible, or build one from scratch.</div>
</div>
<div class="rule-item">
<div class="rule-icon-wrap"><div class="rule-icon rule-icon--bubble"></div></div>
<h3 class="rule-title">Create a decentralized chatbot</h3>
<div class="rule-text">Create a chatbots that dont require centralized servers using the Status API.</div>
</div>
<div class="rule-item">
<div class="rule-icon-wrap"><div class="rule-icon rule-icon--command"></div></div>
<h3 class="rule-title">Extend Status with new commands</h3>
<div class="rule-text">Help us improve Status by creating a new command, or add a command to your existing DApp.</div>
</div>
</div>
</div>
<div class="section">
<h2>How to Enter</h2>
<div class="steps">
<div class="step-item">
<div class="step-number">1</div>
<div class="step-description">
<h3 class="step-title"><span class="step-title-number">1. </span>Join the Community</h3>
<div class="step-text">Come say Hi in #hackathon (were friendly people!)</div>
</div>
<a class="button button--secondary step-button" href="#">Join our Slack</a>
</div>
<div class="step-item">
<div class="step-number">2</div>
<div class="step-description">
<h3 class="step-title"><span class="step-title-number">2. </span>Submit Entry via Github</h3>
<div class="step-text">Instructions can be found on the Readme below.</div>
</div>
<a class="button button--secondary step-button" href="#">Submit Pull Request</a>
</div>
</div>
</div>
<div class="section">
<h2>FAQ</h2>
<div class="faq">
<div class="faq-item">
<h3 class="faq-title">What is a Hackathon?</h3>
<div class="faq-text">A hackathon is a marathon of innovation where teams and individuals come together to design and build something cool and compete for prizes.</div>
</div>
<div class="faq-item">
<h3 class="faq-title">Who can apply?</h3>
<div class="faq-text">Anyone anywhere. The Hackathon is borderless and virtual.</div>
</div>
<div class="faq-item">
<h3 class="faq-title">Do I need a team? </h3>
<div class="faq-text">No, you can enter alone, or team up with another developer via our Slack.</div>
</div>
<div class="faq-item">
<h3 class="faq-title">What can I build?</h3>
<div class="faq-text">Whatever you like, so long as it uses Ethereum, and works inside of Status.</div>
</div>
</div>
</div>
<!--div class="section">
<h2>Judges</h2>
<div class="judges">
<div class="judge-item">
<div class="judge-top">
<div class="judge-picture"></div>
<h3 class="judge-title">Jarrad</h3>
</div>
<div class="judge-text">Co-Whatever you like, so long as it uses Ethereum, and works inside of Status.</div>
</div>
<div class="judge-item">
<div class="judge-top">
<div class="judge-picture"></div>
<h3 class="judge-title">Carl</h3>
</div>
<div class="judge-text">No, you can enter alone, or team up with another developer via our Slack.</div>
</div>
<div class="judge-item">
<div class="judge-top">
<div class="judge-picture"></div>
<h3 class="judge-title">Roman</h3>
</div>
<div class="judge-text">Anyone anywhere. The Hackathon is borderless and virtual.</div>
</div>
<div class="judge-item">
<div class="judge-top">
<div class="judge-picture"></div>
<h3 class="judge-title">Roman</h3>
</div>
<div class="judge-text">Anyone anywhere. The Hackathon is borderless and virtual.</div>
</div>
<div class="judge-item">
<div class="judge-top">
<div class="judge-picture"></div>
<h3 class="judge-title">Roman</h3>
</div>
<div class="judge-text">Anyone anywhere. The Hackathon is borderless and virtual.</div>
</div>
<div class="judge-item">
<div class="judge-top">
<div class="judge-picture"></div>
<h3 class="judge-title">Roman</h3>
</div>
<div class="judge-text">Anyone anywhere. The Hackathon is borderless and virtual.</div>
</div>
</div>
</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 Holdings Pte.&nbsp;Ltd.<br/>22&nbsp;Sin&nbsp;Ming&nbsp;Lane<br/>Singapore</div>
</div>
</div>
<div class="footer-table">
<div class="footer-table__column">
<h4 class="footer-header">Social links</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--sl"><a href="http://slack.status.im/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Slack</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">More</h4>
<ul class="footer-list">
<li class="footer-link"><a href="https://wiki.status.im" target="_blank">Status Wiki</a></li>
<li class="footer-link"><a href="https://blog.status.im/?gi=73d6676925e9" target="_blank">Status Blog</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>
<script src="js/app.js?v=67f3ba1"></script>
<script src="js/mc-validate.js?v=207d097"></script>
<!-- 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 -->
</body>
</html>