hackathon.status.im/index.html

399 lines
23 KiB
HTML
Raw Normal View History

2017-05-11 10:54:21 +00:00
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
2017-05-13 08:19:42 +00:00
<title>Status Virtual Hackathon</title>
<meta name="description" content="The Status Virtual Hackathon is a week long event from May 27th to June 3rd, with $25,000 in prizes to be won for the best DApps created.">
2017-05-11 10:54:21 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2017-05-13 08:19:42 +00:00
<link rel="icon" type="image/png" href="img/new-site/logo-32.png?v=47cfcd2" sizes="32x32" />
2017-05-12 08:54:38 +00:00
<link rel="icon" type="image/png" href="img/new-site/logo-16.png?v=4bd8fd5" sizes="16x16" />
2017-05-11 10:54:21 +00:00
2017-05-11 16:28:35 +00:00
<link rel="apple-touch-icon" href="img/new-site/apple-touch-icon-1024.png?v=246b38a">
2017-05-13 08:19:42 +00:00
<link rel="apple-touch-icon" sizes="76x76" href="img/new-site/apple-touch-icon-76.png?v=506e53c">
2017-05-11 16:28:35 +00:00
<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">
2017-05-11 10:54:21 +00:00
<link rel="mask-icon" href="img/new-site/logo-mask.svg" color="4360DF">
<!-- favicon.ico in the root directory -->
2017-05-17 14:24:15 +00:00
<link rel="stylesheet" href="css/main.css?v=60220aa">
2017-05-17 17:06:54 +00:00
<link rel="stylesheet" href="css/new.css">
2017-05-11 10:54:21 +00:00
<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="container-wrap">
<div class="container">
<div class="slides">
2017-05-14 21:37:56 +00:00
<div class="big-device"></div>
2017-05-11 10:54:21 +00:00
<div class="slide slide--one">
<div class="slide__inner">
<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">
2017-05-13 18:39:25 +00:00
<a class="nav__item nav__item--about" target="_blank" href="https://status.im/">Status Home</a>
2017-05-11 10:54:21 +00:00
<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>
2017-05-13 18:39:25 +00:00
<li class="social-link social-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"></a></li>
2017-05-11 10:54:21 +00:00
</ul>
</div>
</div>
</div>
<div class="tagline">
2017-05-19 06:24:52 +00:00
<h2 class="tagline__title">Status $25,000 Virtual Hackathon</h2>
<div class="tagline__body">Extend Status with commands, create decentralized chatbots or mobile-ready your web DApp to win prizes. <span>June&nbsp;3rd&nbsp;&mdash;&nbsp;June&nbsp;10th</span></div>
2017-05-13 18:39:25 +00:00
<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" target="_blank" href="https://github.com/status-im/hackathon/issues/new">Register</a></div>
2017-05-11 10:54:21 +00:00
</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">
2017-05-19 06:24:52 +00:00
<p>To celebrate the launch of our experimental <a href="http://docs.status.im/" target="_blank">Status API</a>, and to help us find bugs and receive 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>
2017-05-11 10:54:21 +00:00
</div>
2017-05-19 06:24:52 +00:00
2017-05-11 10:54:21 +00:00
</div>
2017-05-11 16:13:52 +00:00
<div class="section section--prize">
2017-05-11 10:54:21 +00:00
<h2>Prizes</h2>
<div class="text">
2017-05-19 06:24:52 +00:00
<p>A total prize pool of US$25,000 is up for grabs, and will be paid out in ether (ETH).</p>
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<div class="prize-description">First Prize</div>
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<div class="prize-description">Second Prize</div>
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<div class="prize-description">Third Prize</div>
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<div class="prize-description">Runner ups</div>
2017-05-11 10:54:21 +00:00
</div>
</div>
</div>
2017-05-13 08:19:42 +00:00
<div class="section section--status">
2017-05-19 06:24:52 +00:00
<h2>What is Status?</h2>
2017-05-13 08:19:42 +00:00
<div class="text">
2017-05-19 06:24:52 +00:00
<p>Status is an open source messaging platform and mobile browser to interact with decentralized applications that run on the Ethereum Network.</p><br />
<p>With Ethereum, we have a path towards a more open, censorship-resistant internet, that puts users control of their own data. For the first time ever, we can create real trustless, permissionless and decentralized systems with fair access.</p><br/>
<p>Built entirely on peer-to-peer technologies, Status provides not only a medium for free trade and communication, but a window to access the decentralized world of Ethereum.</p>
<blockquote><strong>Note:</strong> Most web-DApps are compatible with all major clients: Mist, MetaMask, Parity and Status. With the Ethereum JavaScript API, web3.js, on the front-end, the idea is that once you have developed your DApp for desktop, you can deploy it on mobile with Status. Develop once, run everywhere.</blockquote>
2017-05-13 08:19:42 +00:00
</div>
<div class="phone">
<div class="phone-items">
<div class="phone-item">
<h3 class="phone-title">Custom keyboards</h3>
2017-05-13 18:52:52 +00:00
<div class="phone-text">New input possibilities</div>
2017-05-13 08:19:42 +00:00
</div>
<div class="phone-item">
<h3 class="phone-title">Dynamic commands</h3>
2017-05-13 18:52:52 +00:00
<div class="phone-text">Dispatch actions & query data</div>
2017-05-13 08:19:42 +00:00
</div>
<div class="phone-item">
<h3 class="phone-title">Custom messages</h3>
2017-05-13 18:52:52 +00:00
<div class="phone-text">Friendly automated interaction</div>
2017-05-13 08:19:42 +00:00
</div>
<div class="phone-item">
<h3 class="phone-title">HTML5 Webview</h3>
2017-05-13 18:52:52 +00:00
<div class="phone-text">Full screen mobile DApps</div>
2017-05-13 08:19:42 +00:00
</div>
</div>
<div class="phone-layers">
<div class="phone-layer"></div>
<div class="phone-layer"></div>
<div class="phone-layer"></div>
<div class="phone-layer"></div>
</div>
2017-05-17 10:43:32 +00:00
<div class="phone-device">
<div class="phone-lines">
<div class="phone-line"></div>
<div class="phone-line"></div>
<div class="phone-line"></div>
</div>
<div class="phone-dots">
<div class="phone-dot"></div>
<div class="phone-dot"></div>
<div class="phone-dot"></div>
</div>
</div>
2017-05-13 18:39:25 +00:00
<div class="phone-docs-button">
<p>Check out our resources and familiarize yourself with our documentation.</p>
<a class="button button--secondary button-docs"target="_blank" href="http://docs.status.im/">Status API Documentation</a>
</div>
2017-05-13 08:19:42 +00:00
</div>
</div>
2017-05-11 16:13:52 +00:00
<div class="section section--enter">
2017-05-11 10:54:21 +00:00
<h2>Requirements to Enter</h2>
<div class="text">
2017-05-19 06:24:52 +00:00
<p>Status is both a Web 3.0 browser, and a messaging platform. To be eligible for prizes, whatever it is you build, just needs to work inside of Status.</p>
2017-05-11 10:54:21 +00:00
</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>
2017-05-16 12:57:40 +00:00
<div class="rule-text">Already have a DApp? Make it mobile-compatible, or build one from scratch.</div>
<a class="button button--secondary rule-button" target="_blank" href="http://docs.status.im/?js#my-first-mobile-dapp">Open docs</a>
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<div class="rule-text">Create chatbots that dont require centralized servers using the Status API.</div>
<a class="button button--secondary rule-button" target="_blank" href="http://slack.status.im/">Join our slack</a>
2017-05-11 10:54:21 +00:00
</div>
<div class="rule-item">
<div class="rule-icon-wrap"><div class="rule-icon rule-icon--command"></div></div>
2017-05-16 12:57:40 +00:00
<h3 class="rule-title">Extend Status with commands</h3>
2017-05-11 10:54:21 +00:00
<div class="rule-text">Help us improve Status by creating a new command, or add a command to your existing DApp.</div>
<a class="button button--secondary rule-button" target="_blank" href="http://docs.status.im/?js#my-first-status-command">Open docs</a>
2017-05-11 10:54:21 +00:00
</div>
</div>
</div>
<div class="section">
2017-05-11 14:52:02 +00:00
<h2>How to Enter</h2>
2017-05-11 10:54:21 +00:00
<div class="steps">
<div class="step-item">
<div class="step-number">1</div>
<div class="step-description">
2017-05-19 06:24:52 +00:00
<h3 class="step-title"><span class="step-title-number">1. </span>Join Our Community</h3>
<div class="step-text">Come say Hi in #hackathon. Were friendly people! You can meet teammates and get your questions answered. We'll also pin updates in the Slack channel along the way.</div>
2017-05-11 10:54:21 +00:00
</div>
2017-05-13 18:39:25 +00:00
<a class="button button--secondary step-button" target="_blank" href="http://slack.status.im/">Join our Slack</a>
2017-05-11 10:54:21 +00:00
</div>
<div class="step-item">
<div class="step-number">2</div>
<div class="step-description">
2017-05-11 14:52:02 +00:00
<h3 class="step-title"><span class="step-title-number">2. </span>Submit Entry via Github</h3>
2017-05-17 12:18:27 +00:00
<div class="step-text">We're using GitHub for submissions. Before the <strong>Kickoff</strong>, add your team's project as an <em>issue</em>. Then, edit it as you make progress. By the <strong>Pencils Down</strong> deadline, your issue should include everything on the template and you should make a <em>pull request</em> with your code.</div>
2017-05-11 10:54:21 +00:00
</div>
<a class="button button--secondary step-button" target="_blank" href="https://github.com/status-im/hackathon/issues/new">Sign up with Issue</a>
2017-05-11 10:54:21 +00:00
</div>
</div>
</div>
2017-05-11 14:52:02 +00:00
<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>
2017-05-19 06:24:52 +00:00
<div class="faq-text">Anyone, anywhere. The Hackathon is borderless, virtual, and remote. You're free to build your DApp on an island under a palm tree with sand between your toes.</div>
2017-05-11 14:52:02 +00:00
</div>
<div class="faq-item">
2017-05-19 06:24:52 +00:00
<h3 class="faq-title">Do I need a team?</h3>
2017-05-14 23:09:05 +00:00
<div class="faq-text">No, you can enter alone, or team up with another developer via <a href="http://slack.status.im/" target="_blank">our Slack</a>.</div>
2017-05-11 14:52:02 +00:00
</div>
<div class="faq-item">
<h3 class="faq-title">What can I build?</h3>
2017-05-19 06:24:52 +00:00
<div class="faq-text">Whatever you like, so long as it uses Ethereum, and runs inside of Status.</div>
2017-05-11 14:52:02 +00:00
</div>
2017-05-13 17:57:30 +00:00
<div class="faq-item">
<h3 class="faq-title">How much does it cost?</h3>
<div class="faq-text">Our Hackathon is completely free to enter.</div>
</div>
<div class="faq-item">
<h3 class="faq-title">What is Ethereum?</h3>
<div class="faq-text">Ethereum is a decentralized platform that runs smart contracts: applications that run exactly as programmed without any possibility of downtime, censorship, fraud or third party interference.</div>
</div>
<div class="faq-item">
<h3 class="faq-title">I have more questions!</h3>
2017-05-14 23:09:05 +00:00
<div class="faq-text">Come say Hi on <a href="http://slack.status.im/" target="_blank">our Slack</a>, and direct any questions you may have in #hackathon, wed be happy to answer them.</div>
2017-05-13 17:57:30 +00:00
</div>
2017-05-11 14:52:02 +00:00
</div>
</div>
2017-05-16 13:33:54 +00:00
<div class="section">
<h2>Schedule</h2>
<div class="schedule">
<div class="schedule-item schedule-item--regular">
<h3 class="schedule-title">Kickoff</h3>
<div class="schedule-time">Saturday June 3rd 7:45am PDT</div>
2017-05-19 06:24:52 +00:00
<div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 10:45pm Shanghai</div>
<div class="schedule-text">Hangouts on Air, to get up and running with the Status API, and answer questions and the hackathon itself.</div>
2017-05-16 13:33:54 +00:00
</div>
<div class="schedule-item schedule-item--regular">
<h3 class="schedule-title">Pencils Down</h3>
<div class="schedule-time">Sunday June 11th 7:45am PDT</div>
2017-05-19 06:24:52 +00:00
<div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 10:45pm Shanghai</div>
<div class="schedule-text">The final due date to submit your project, as a pull request on GitHub.</div>
2017-05-16 13:33:54 +00:00
</div>
<div class="schedule-item schedule-item--main">
<h3 class="schedule-title">Winners Announcement</h3>
<div class="schedule-time">Tuesday June 13th 7:45am PDT</div>
2017-05-19 06:24:52 +00:00
<div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 10:45pm Shanghai</div>
<div class="schedule-text">Winners will be announced in a blog post and live Hangout on Air - with recorded judges' comments.</div>
2017-05-16 13:33:54 +00:00
</div>
</div>
</div>
2017-05-11 16:13:52 +00:00
<!--div class="section">
2017-05-11 14:52:02 +00:00
<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>
2017-05-11 16:13:52 +00:00
</div-->
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<div class="footer-address"> Status Research & Development Gmbh<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/statusim" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
2017-05-11 10:54:21 +00:00
</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>
2017-05-19 06:24:52 +00:00
<li class="footer-link"><a href="https://blog.status.im/" target="_blank">Status Blog</a></li>
2017-05-11 10:54:21 +00:00
<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>
2017-05-17 10:43:32 +00:00
<script src="js/app.js?v=121ebe5"></script>
2017-05-11 10:54:21 +00:00
<!-- 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>