374 lines
21 KiB
HTML
374 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head prefix="og: http://ogp.me/ns#"><meta name="generator" content="Hexo 3.8.0">
|
||
<meta charset="utf-8">
|
||
<title>Studio | Nimbus</title>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<!-- Canonical links -->
|
||
<link rel="canonical" href="https://dev-studio.status.im/index.html">
|
||
<!-- Alternative links -->
|
||
|
||
|
||
<link rel="alternative" hreflang="en" href="https://dev-studio.status.im/index.html">
|
||
|
||
|
||
<!-- Icon -->
|
||
<meta name="msapplication-TileColor" content="#ff9c00">
|
||
<meta name="msapplication-TileImage" content="/icon/mstile-144x144.png">
|
||
|
||
<link rel="icon" type="image/png" href="/img/logo-16.png" sizes="16x16">
|
||
<link rel="icon" type="image/png" href="/img/logo-32.png" sizes="32x32">
|
||
|
||
<link rel="apple-touch-icon" sizes="76x76" href="/img/apple-touch-icon-76.png?v=0.0.5">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="/img/apple-touch-icon-120.png?v=0.0.5">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="/img/apple-touch-icon-152.png?v=0.0.5">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon-180.png?v=0.0.5">
|
||
<link rel="apple-touch-icon" href="/img/apple-touch-icon-1024.png?v=0.0.5">
|
||
<!-- CSS -->
|
||
<!-- build:css build/css/navy.css -->
|
||
<link rel="stylesheet" href="/css/main.min.css">
|
||
<!-- endbuild -->
|
||
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
|
||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
|
||
<!-- RSS -->
|
||
<link rel="alternate" href="/atom.xml" title="Nimbus">
|
||
<meta property="og:title" content="Studio, a one-stop-shop IDE and learning enviroment for developers">
|
||
</head>
|
||
|
||
<body>
|
||
<div id="container">
|
||
|
||
<div class="home-cover">
|
||
<header id="general-menu">
|
||
<div class="header-left">
|
||
<div class="logo">
|
||
<a href="https://status.im/"></a>
|
||
</div>
|
||
<nav>
|
||
|
||
<ul class="main-nav">
|
||
<li class="item--to-show"><a href="https://status.im/get" class="">App</a></li>
|
||
<li class="item--to-show"> <a href="https://our.status.im/">Blog</a> </li>
|
||
<li class="item--to-show"> <a href="https://status.im/docs">Docs</a></li>
|
||
<li class="item--dropdown item--dropdown-projects"> <a href="#" class="">Projects</a></li>
|
||
<li><a href="https://status.im/contribute">Contribute</a></li>
|
||
<li class="item--dropdown"><a href="#" class="item--dropdown-community">Community</a></li>
|
||
<li class="item--more"><a href="#" class="item--more">More</a></li>
|
||
</ul>
|
||
|
||
</nav>
|
||
</div>
|
||
<a href="#" class="mobile-menu-trigger">
|
||
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4 7C4 6.44727 4.44775 6 5 6H19C19.5522 6 20 6.44727 20 7C20 7.28516 19.8811 7.54102 19.6903 7.72266C19.5109 7.89453 19.2677 8 19 8H5C4.44775 8 4 7.55273 4 7ZM4 17C4 16.4473 4.44775 16 5 16H19C19.1147 16 19.2251 16.0195 19.3278 16.0547C19.463 16.1016 19.5851 16.1777 19.687 16.2734C19.8798 16.4551 20 16.7129 20 17C20 17.5527 19.5522 18 19 18H5C4.44775 18 4 17.5527 4 17ZM5 11C4.44775 11 4 11.4473 4 12C4 12.5527 4.44775 13 5 13H15C15.3312 13 15.6249 12.8398 15.8068 12.5918C15.9282 12.4258 16 12.2207 16 12C16 11.6387 15.8087 11.3223 15.5221 11.1465C15.3701 11.0527 15.1913 11 15 11H5Z" fill="black"/> </svg>
|
||
</a>
|
||
<div class="btns">
|
||
<a href="#" class="chat">Status Chat</a>
|
||
</div>
|
||
</header>
|
||
<div id="general-menu-mobile">
|
||
<div class="mobile-menu-container-inner">
|
||
<div class="mobile-menu-header">
|
||
<div class="logo">
|
||
<a href="/"><span>status</span></a>
|
||
</div>
|
||
<a href="#" class="close">
|
||
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 10.574L7.72275 6.2968C7.32616 5.90021 6.68994 5.90241 6.29617 6.29617C5.89966 6.69269 5.90269 7.32864 6.2968 7.72275L10.574 12L6.2968 16.2772C5.90021 16.6738 5.90241 17.3101 6.29617 17.7038C6.69269 18.1003 7.32864 18.0973 7.72275 17.7032L12 13.426L16.2772 17.7032C16.6738 18.0998 17.3101 18.0976 17.7038 17.7038C18.1003 17.3073 18.0973 16.6714 17.7032 16.2772L13.426 12L17.7032 7.72275C18.0998 7.32616 18.0976 6.68994 17.7038 6.29617C17.3073 5.89966 16.6714 5.90269 16.2772 6.2968L12 10.574Z" fill="black"/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
<nav></nav>
|
||
</div>
|
||
</div>
|
||
<div id="general-menu-backdrop"></div>
|
||
<div class="popup-wrap popup-wrap--community">
|
||
<div class="popup popup--community">
|
||
<a class="popup__button popup__button--close"></a>
|
||
<h3 class="popup__title">Community</h3>
|
||
<div class="popup__inner">
|
||
<div class="cards cards--three cards--three--even cards--community cards--community--light">
|
||
<div class="card">
|
||
<a href="https://get.status.im/chat/public/status" class="card-inner">
|
||
<div class="community-icon community-icon--join"></div>
|
||
<h4>Join the chat in Status</h4>
|
||
<p class="secondary-text">Whisper sweet, encrypted nothings on a distributed network that no-one owns.</p>
|
||
</a>
|
||
</div>
|
||
<div class="card">
|
||
<a href="https://discuss.status.im/" class="card-inner">
|
||
<div class="community-icon community-icon--discussion"></div>
|
||
<h4>Join the Discussion</h4>
|
||
<p class="secondary-text">Join longer discussions, work in progress, and our research here.</p>
|
||
</a>
|
||
</div>
|
||
<div class="card">
|
||
<a href="https://github.com/status-im/" class="card-inner">
|
||
<div class="community-icon community-icon--contrubute"></div>
|
||
<h4>Contribute to our Repos</h4>
|
||
<p class="secondary-text">Help us #buidl the future by getting involved in the most active code base in Ethereum.</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<h5>Find Out More</h5>
|
||
<div class="cards cards-community-more cards--three cards--three--even">
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<div class="latest-posts"></div>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="https://our.status.im/" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<h4>Life at Status</h4>
|
||
<p class="secondary-text">What's it like to live the decentralized lifestyle? Find out here.</p>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="/contribute" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<h4>Follow us on Twitter</h4>
|
||
<p class="secondary-text">Join the conversation on our social channels to learn more.</p>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="https://twitter.com/ethstatus/" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="popup-overlay"></div>
|
||
</div>
|
||
|
||
<div class="popup-wrap popup-wrap--projects">
|
||
<div class="popup popup--projects">
|
||
<a class="popup__button popup__button--close"></a>
|
||
<h3 class="popup__title">Projects</h3>
|
||
<div class="popup__inner">
|
||
<h5>Help us #buidl</h5>
|
||
<div class="cards cards-community-more cards--three cards--three--even">
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<h4>Embark</h4>
|
||
<p class="secondary-text">Embark is a simple and easy to use development framework that enables you to build and deploy your own decentralized applications smoothly.</p>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="https://embark.status.im/" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<h4>Nimbus</h4>
|
||
<p class="secondary-text">A research project and light client for Ethereum 2.0 designed to perform well on embedded systems and resource-restricted hardware.</p>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="https://nimbus.status.im" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<h4>Status Studio</h4>
|
||
<p class="secondary-text">Studio is an integrated developer environment and educational platform designed to be a one-stop-shop for ÐApp development.</p>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="https://studio.status.im" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="separator"></div>
|
||
<h5>Tools for Everyone</h5>
|
||
<div class="cards cards-community-more cards--three cards--three--even">
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<h4>Incubate</h4>
|
||
<p class="secondary-text">Incubate supports open source, early stage startups with funding, technical mentorship, legal and regulatory compliance and much more.</p>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="https://incubate.status.im/" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-inner">
|
||
<div class="card-content">
|
||
<h4>Status Hardwallet</h4>
|
||
<p class="secondary-text">A hardware wallet in the form of a card with a safe, contactless transaction experience</p>
|
||
</div>
|
||
<div class="card-community-more__link"><a href="https://hardwallet.status.im/" class="link-arrow">Learn more</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="popup-overlay"></div>
|
||
</div>
|
||
<div class="site-specific-menu">
|
||
<p>
|
||
<a class="site-name" href="/">studio</a>
|
||
<a class="specific-nav-link active" href="/"><span>About</span></a>
|
||
</p>
|
||
</div>
|
||
<div class="intro">
|
||
<h1>An Integrated Development Environment and Education Platform</h1>
|
||
<p>Status Studio is designed to become a one-stop-shop for DApp development and education. We’ve listened to the needs of developers in the Ethereum ecosystem and we’re working to alleviate your pain points.</p>
|
||
<div class="intro-buttons">
|
||
<a class="button button--main" href="https://get.status.im/chat/public/status-studio">JOIN THE CONVERSATION</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="home-wrap">
|
||
<div class="header">
|
||
<h2>The Problem</h2>
|
||
<p>Comprehensive EthPrize interviews and extensive research has allowed us to understand your bottlenecks and needs as an Ethereum developer. This data demonstrated a need for educational content and an IDE. See all the EthPrize results
|
||
</p>
|
||
</div>
|
||
<div class="problem-wrap">
|
||
<img class="ethprize-logo" src="../img/logo-ethprize.svg">
|
||
<div class="problem">
|
||
<img class="problem-image first-problem-img" src="../img/logo-ethereum.svg">
|
||
<p class="problem-quote">I need detailed traces of exactly what happened in every opcode of this transaction.</p>
|
||
<p class="problem-attribution">- Martin Swende, Ethereum Foundation</p>
|
||
</div>
|
||
<div class="problem">
|
||
<img class="problem-image" src="../img/logo-consensys.svg">
|
||
<p class="problem-quote">I would love a super seamless cross-platform client that has a great block explorer in it.</p>
|
||
<p class="problem-attribution">- Goncalo Sa, ConsenSys</p>
|
||
</div>
|
||
<div class="problem">
|
||
<img class="problem-image" src="../img/logo-aragon.svg">
|
||
<p class="problem-quote">There's a lot of friction, both internally and externally, so we have this goal to simplify it all.</p>
|
||
<p class="problem-attribution">- Brett Sun, Aragon</p>
|
||
</div>
|
||
</div>
|
||
<div class="vision-wrap">
|
||
<div class="vision-text-mobile">
|
||
<h2>The Vision</h2>
|
||
<p>Create a community-owned, one-stop-shop for Ethereum development and education. We would achieve this by combining the tools and educational resources needed to help any web3 developer create and deploy their own DApp.</p>
|
||
</div>
|
||
<div class="vision-image">
|
||
<img src="../img/vision-img.svg">
|
||
</div>
|
||
<div class="vision-text">
|
||
<h2>The Vision</h2>
|
||
<p>Create a community-owned, one-stop-shop for Ethereum development and education. We would achieve this by combining the tools and educational resources needed to help any web3 developer create and deploy their own DApp.</p>
|
||
</div>
|
||
</div>
|
||
<div class="solution-wrap">
|
||
<h2>The Solution</h2>
|
||
<div class="solution">
|
||
<img class="solutions-img" src="../img/icon-ide.svg">
|
||
<h3>An Integrated Development Environment</h3>
|
||
<p class="solutions-text">Write efficient, accurate code and identify issues as they appear. Develop, fix bugs, and complete testing within your IDE. </p>
|
||
</div>
|
||
<div class="solution">
|
||
<img class="solutions-img" src="../img/icon-chat.svg">
|
||
<h3>A Community-Powered Educational Platform</h3>
|
||
<p class="solutions-text">Open-source resources make learning and collaboration easy. Gain proficiency, share your knowledge and find the answers you need through our educational platform.</p>
|
||
</div>
|
||
<div class="sol-features">
|
||
<div class="solution-features">
|
||
<p><img src="../img/green-tick.svg">Debugger</p>
|
||
</div>
|
||
<div class="solution-features">
|
||
<p><img src="../img/green-tick.svg">Tutorials / Courses</p>
|
||
</div>
|
||
<div class="solution-features">
|
||
<p><img src="../img/green-tick.svg">Text / code editor</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="sections">
|
||
<div class="inner-header">
|
||
<h2>Contribute to Status</h2>
|
||
<p>While we have a number of exciting projects on the go, we’re still just getting started. There are a number of ways in which you can get involved and contribute to the creation of Status Studio.</p>
|
||
</div>
|
||
<div class="contribute-wrap">
|
||
<div class="contribute">
|
||
<h3>Join the Team</h3>
|
||
<p>Status Studio is growing fast. Take a look at this list of open roles.
|
||
</p><p>
|
||
<a href="https://status.im/open-positions.html">See our open roles</a>
|
||
<span><a href="https://status.im/open-positions.html"><img src="../img/arrow_green.svg"></a></span>
|
||
</p></div>
|
||
<div class="contribute">
|
||
<h3>Join the Conversation</h3>
|
||
<p>We’re an open community and share all our ideas in public forums. Join the conversation and contribute your ideas today.
|
||
</p><p>
|
||
<a href="https://get.status.im/chat/public/status-studio">Join the conversation</a>
|
||
<span><a href="https://get.status.im/chat/public/status-studio"><img src="../img/arrow_green.svg"></a></span>
|
||
</p></div>
|
||
<div class="contribute">
|
||
<h3>Give Us Your Feedback</h3>
|
||
<p>Whether you’re an expert web3 developer or just starting out with Ethereum, give us your input and help shape the MVP.
|
||
</p><p>
|
||
<a href="#">Help gather good data</a>
|
||
<span><a href="https://docs.google.com/forms/d/e/1FAIpQLScDYg6iwc7K1SLutyefjm2de58rPEmMlcmpzeIcYBH6ZQ2M2Q/viewform"><img src="../img/arrow_green.svg"></a></span>
|
||
</p></div>
|
||
<div class="contribute">
|
||
<h3>Volunteer for a User Research Interview</h3>
|
||
<p>Sign up for an in-depth interview with one of our UX Researchers. Complete this sign up form to get started.</p>
|
||
<p>
|
||
<a href="#">Volunteer for a User Research Interview</a>
|
||
<span><a href="https://goo.gl/forms/nK5mu5RfY8fW17ok2"><img src="../img/arrow_green.svg"></a></span>
|
||
</p></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer footer--global">
|
||
<div class="footer-inner">
|
||
<div class="footer-table">
|
||
<div class="footer-table__column">
|
||
<p class="footer-header">Social links</p>
|
||
<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--ri"><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/statusim" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-table__column">
|
||
<p class="footer-header">More</p>
|
||
<ul class="footer-list">
|
||
<li class="footer-link"><a href="https://status.im/docs/" target="_blank">Status Docs</a></li>
|
||
<li class="footer-link"><a href="https://our.status.im/" target="_blank">Status Blog</a></li>
|
||
<li class="footer-link"><a href="https://status.im/contribute/" target="_blank">Jobs</a></li>
|
||
<li class="footer-link"><a href="https://status.im/privacy-policy.html" target="_blank">Privacy Policy</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-table__column">
|
||
<p class="footer-header">Projects</p>
|
||
<ul class="footer-list">
|
||
<li class="footer-link"><a href="https://embark.status.im" target="_blank">Embark</a></li>
|
||
<li class="footer-link"><a href="https://incubate.status.im/" target="_blank">Incubate</a></li>
|
||
<li class="footer-link"><a href="https://nimbus.status.im/" target="_blank">Nimbus</a></li>
|
||
<li class="footer-link"><a href="https://studio.status.im/" target="_blank">Studio</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-logo-wrap">
|
||
<div class="footer-logo-wrap__inner">
|
||
<a class="footer-logo" href="https://status.im" target="_blank"></a>
|
||
<div class="footer-address secondary-text">Status Research & Development GmbH<br>Baarerstrasse 10<br>Zug, Switzerland</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||
<script src="/js/main.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js"></script>
|
||
</body>
|
||
</html>
|