improve hackathon copy

This commit is contained in:
Carl 2017-05-19 14:24:52 +08:00
parent eea79b4aed
commit c2a8eca04b
1 changed files with 31 additions and 27 deletions

View File

@ -65,7 +65,7 @@
</div> </div>
</div> </div>
<div class="tagline"> <div class="tagline">
<h2 class="tagline__title">Status $25,000 Hackathon</h2> <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> <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>
<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> <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>
</div> </div>
@ -78,46 +78,50 @@
<div class="section"> <div class="section">
<h2>Lets decentralize the web together</h2> <h2>Lets decentralize the web together</h2>
<div class="text"> <div class="text">
<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 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> <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>
</div> </div>
</div> </div>
<div class="section section--prize"> <div class="section section--prize">
<h2>Prizes</h2> <h2>Prizes</h2>
<div class="text"> <div class="text">
<p>A total prizepool of US$25,000 will be paid out in ether (ETH).</p> <p>A total prize pool of US$25,000 is up for grabs, and will be paid out in ether (ETH).</p>
</div> </div>
<div class="prizes"> <div class="prizes">
<div class="prize-item"> <div class="prize-item">
<div class="prize-place"><span class="prize-place-number">1</span></div> <div class="prize-place"><span class="prize-place-number">1</span></div>
<div class="prize-value">&#36;10 000</div> <div class="prize-value">&#36;10 000</div>
<div class="prize-description">In ETH</div> <div class="prize-description">First Prize</div>
</div> </div>
<div class="prize-item"> <div class="prize-item">
<div class="prize-place"><span class="prize-place-number">2</span></div> <div class="prize-place"><span class="prize-place-number">2</span></div>
<div class="prize-value">&#36;6 000</div> <div class="prize-value">&#36;6 000</div>
<div class="prize-description">In ETH</div> <div class="prize-description">Second Prize</div>
</div> </div>
<div class="prize-item"> <div class="prize-item">
<div class="prize-place"><span class="prize-place-number">3</span></div> <div class="prize-place"><span class="prize-place-number">3</span></div>
<div class="prize-value">&#36;3 000</div> <div class="prize-value">&#36;3 000</div>
<div class="prize-description">In ETH</div> <div class="prize-description">Third Prize</div>
</div> </div>
<div class="prize-item"> <div class="prize-item">
<div class="prize-place"><span class="prize-place-number">+</span></div> <div class="prize-place"><span class="prize-place-number">+</span></div>
<div class="prize-value">6x&#36;1 000</div> <div class="prize-value">6x&#36;1 000</div>
<div class="prize-description">Prizes to our runner ups</div> <div class="prize-description">Runner ups</div>
</div> </div>
</div> </div>
</div> </div>
<div class="section section--status"> <div class="section section--status">
<h2>What is Status</h2> <h2>What is Status?</h2>
<div class="text"> <div class="text">
<p>Status is an open source gateway to access the Ethereum Network, for Android &amp; iOS.</p> <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, for the first time ever, we can create real trustless, permissionless and decentralized systems with fair access. We can do this free from authority and middemen, and help facilitate the transition to a more open, censorship resistant internet, where users are in control of their own data.</p>
<p>Status looks like a messenger, but it's so much more than that - it's built entirely on peer-to-peer technologies, and provides not only a medium for free trade and communication, but also a window to access decentralized applications.</p> <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/>
<blockquote><strong>Note:</strong> Most DApps are compatible with all clients: Mist, MetaMask, and Status. With the Ethereum JavaScript API, web3.js, on the front-end, the idea is that once you have developed your DApp for the desktop, you can deploy it on mobile with Status. It will run the same on all clients. Develop once, run everywhere.</blockquote>
<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>
</div> </div>
<div class="phone"> <div class="phone">
@ -173,7 +177,7 @@
<div class="section section--enter"> <div class="section section--enter">
<h2>Requirements to Enter</h2> <h2>Requirements to Enter</h2>
<div class="text"> <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> <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>
</div> </div>
<div class="rules"> <div class="rules">
<div class="rule-item"> <div class="rule-item">
@ -186,7 +190,7 @@
<div class="rule-item"> <div class="rule-item">
<div class="rule-icon-wrap"><div class="rule-icon rule-icon--bubble"></div></div> <div class="rule-icon-wrap"><div class="rule-icon rule-icon--bubble"></div></div>
<h3 class="rule-title">Create a decentralized chatbot</h3> <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 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> <a class="button button--secondary rule-button" target="_blank" href="http://slack.status.im/">Join our slack</a>
</div> </div>
@ -205,7 +209,7 @@
<div class="step-item"> <div class="step-item">
<div class="step-number">1</div> <div class="step-number">1</div>
<div class="step-description"> <div class="step-description">
<h3 class="step-title"><span class="step-title-number">1. </span>Join the Community</h3> <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> <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>
</div> </div>
<a class="button button--secondary step-button" target="_blank" href="http://slack.status.im/">Join our Slack</a> <a class="button button--secondary step-button" target="_blank" href="http://slack.status.im/">Join our Slack</a>
@ -230,15 +234,15 @@
</div> </div>
<div class="faq-item"> <div class="faq-item">
<h3 class="faq-title">Who can apply?</h3> <h3 class="faq-title">Who can apply?</h3>
<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> <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>
</div> </div>
<div class="faq-item"> <div class="faq-item">
<h3 class="faq-title">Do I need a team? </h3> <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 <a href="http://slack.status.im/" target="_blank">our Slack</a>.</div> <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>
</div> </div>
<div class="faq-item"> <div class="faq-item">
<h3 class="faq-title">What can I build?</h3> <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 class="faq-text">Whatever you like, so long as it uses Ethereum, and runs inside of Status.</div>
</div> </div>
<div class="faq-item"> <div class="faq-item">
<h3 class="faq-title">How much does it cost?</h3> <h3 class="faq-title">How much does it cost?</h3>
@ -261,20 +265,20 @@
<div class="schedule-item schedule-item--regular"> <div class="schedule-item schedule-item--regular">
<h3 class="schedule-title">Kickoff</h3> <h3 class="schedule-title">Kickoff</h3>
<div class="schedule-time">Saturday June 3rd 7:45am PDT</div> <div class="schedule-time">Saturday June 3rd 7:45am PDT</div>
<div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 11:45pm Seoul</div> <div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 10:45pm Shanghai</div>
<div class="schedule-text">Live with Hangouts on Air - Get up and running with the Status API, questions answered about programming, design, and the hackathon itself</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>
</div> </div>
<div class="schedule-item schedule-item--regular"> <div class="schedule-item schedule-item--regular">
<h3 class="schedule-title">Pencils Down</h3> <h3 class="schedule-title">Pencils Down</h3>
<div class="schedule-time">Sunday June 11th 7:45am PDT</div> <div class="schedule-time">Sunday June 11th 7:45am PDT</div>
<div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 11:45pm Seoul</div> <div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 10:45pm Shanghai</div>
<div class="schedule-text">Live with Hangouts on Air - Get up and running with the Status API, questions answered about programming, design, and the hackathon itself</div> <div class="schedule-text">The final due date to submit your project, as a pull request on GitHub.</div>
</div> </div>
<div class="schedule-item schedule-item--main"> <div class="schedule-item schedule-item--main">
<h3 class="schedule-title">Winners Announcement</h3> <h3 class="schedule-title">Winners Announcement</h3>
<div class="schedule-time">Tuesday June 13th 7:45am PDT</div> <div class="schedule-time">Tuesday June 13th 7:45am PDT</div>
<div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 11:45pm Seoul</div> <div class="schedule-time-verbose">10:45am New York, 3:45pm London, 5:45pm St. Petersburg, 10:45pm Shanghai</div>
<div class="schedule-text">Blog post and live Hangout on Air - with recorded judges' comments</div> <div class="schedule-text">Winners will be announced in a blog post and live Hangout on Air - with recorded judges' comments.</div>
</div> </div>
</div> </div>
</div> </div>
@ -338,7 +342,7 @@
<div class="footer-logo-wrap"> <div class="footer-logo-wrap">
<div class="footer-logo-wrap__inner"> <div class="footer-logo-wrap__inner">
<div class="footer-logo"></div> <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 class="footer-address"> Status Research & Development Gmbh<br/>Baarerstrasse 10<br/>Zug, Switzerland</div>
</div> </div>
</div> </div>
<div class="footer-table"> <div class="footer-table">
@ -350,14 +354,14 @@
<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--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--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--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> <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>
</ul> </ul>
</div> </div>
<div class="footer-table__column"> <div class="footer-table__column">
<h4 class="footer-header">More</h4> <h4 class="footer-header">More</h4>
<ul class="footer-list"> <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://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://blog.status.im/" target="_blank">Status Blog</a></li>
<li class="footer-link"><a href="https://status.im/jobs.html" target="_blank">Jobs</a></li> <li class="footer-link"><a href="https://status.im/jobs.html" target="_blank">Jobs</a></li>
</ul> </ul>
</div> </div>