/ index.html
index.html
  1  <!DOCTYPE html>
  2  <html lang="en" dir="ltr">
  3    <head prefix="og: http://ogp.me/ns#">
  4    <meta charset="utf-8">
  5    <title>Embark into the Ether. | Embark</title>
  6    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  7    <meta name="viewport" content="width=device-width, initial-scale=1">
  8    <!-- Canonical links -->
  9    <link rel="canonical" href="https://framework.embarklabs.io/index.html">
 10    <!-- Alternative links -->
 11    
 12      
 13        <link rel="alternative" hreflang="en" href="https://framework.embarklabs.io/index.html">
 14      
 15    
 16  
 17    <!-- Icon -->
 18    <meta name="msapplication-TileColor" content="#080E1A">
 19    <link rel="icon" type="image/png" href="/assets/images/favicon-16.png" sizes="16x16" />
 20    <link rel="icon" type="image/png" href="/assets/images/favicon-32.png" sizes="32x32" />
 21  
 22    <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/apple-touch-icon-60x60-precomposed.png">
 23    <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/apple-touch-icon-76x76-precomposed.png">
 24    <link rel="apple-touch-icon" sizes="120x120" href="/assets/images/apple-touch-icon-120x120-precomposed.png">
 25    <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/apple-touch-icon-152x152-precomposed.png">
 26    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon-precomposed.png">
 27    <link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-precomposed.png">
 28    <!-- CSS -->
 29    
 30  <link rel="stylesheet" href="/css/embark.css">
 31  
 32    <!-- endbuild -->
 33  
 34    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 35    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
 36  
 37    <!-- RSS -->
 38    <link rel="alternate" href="/atom.xml" title="Embark">
 39    <meta property="og:image" content="/img/share.png?v=0.0.5" />
 40    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.4/styles/dracula.min.css">
 41  
 42    <script async defer src="https://buttons.github.io/buttons.js"></script>
 43  
 44  
 45  <script>
 46    !function(root, factory) {
 47      "function" == typeof define && define.amd ? // AMD. Register as an anonymous module unless amdModuleId is set
 48      define([], function() {
 49          return root.svg4everybody = factory();
 50      }) : "object" == typeof module && module.exports ? // Node. Does not work with strict CommonJS, but
 51      // only CommonJS-like environments that support module.exports,
 52      // like Node.
 53      module.exports = factory() : root.svg4everybody = factory();
 54  }(this, function() {
 55      /*! svg4everybody v2.1.9 | github.com/jonathantneal/svg4everybody */
 56      function embed(parent, svg, target) {
 57          // if the target exists
 58          if (target) {
 59              // create a document fragment to hold the contents of the target
 60              var fragment = document.createDocumentFragment(), viewBox = !svg.hasAttribute("viewBox") && target.getAttribute("viewBox");
 61              // conditionally set the viewBox on the svg
 62              viewBox && svg.setAttribute("viewBox", viewBox);
 63              // copy the contents of the clone into the fragment
 64              for (// clone the target
 65              var clone = target.cloneNode(!0); clone.childNodes.length; ) {
 66                  fragment.appendChild(clone.firstChild);
 67              }
 68              // append the fragment into the svg
 69              parent.appendChild(fragment);
 70          }
 71      }
 72      function loadreadystatechange(xhr) {
 73          // listen to changes in the request
 74          xhr.onreadystatechange = function() {
 75              // if the request is ready
 76              if (4 === xhr.readyState) {
 77                  // get the cached html document
 78                  var cachedDocument = xhr._cachedDocument;
 79                  // ensure the cached html document based on the xhr response
 80                  cachedDocument || (cachedDocument = xhr._cachedDocument = document.implementation.createHTMLDocument(""),
 81                  cachedDocument.body.innerHTML = xhr.responseText, xhr._cachedTarget = {}), // clear the xhr embeds list and embed each item
 82                  xhr._embeds.splice(0).map(function(item) {
 83                      // get the cached target
 84                      var target = xhr._cachedTarget[item.id];
 85                      // ensure the cached target
 86                      target || (target = xhr._cachedTarget[item.id] = cachedDocument.getElementById(item.id)),
 87                      // embed the target into the svg
 88                      embed(item.parent, item.svg, target);
 89                  });
 90              }
 91          }, // test the ready state change immediately
 92          xhr.onreadystatechange();
 93      }
 94      function svg4everybody(rawopts) {
 95          function oninterval() {
 96              // while the index exists in the live <use> collection
 97              for (// get the cached <use> index
 98              var index = 0; index < uses.length; ) {
 99                  // get the current <use>
100                  var use = uses[index], parent = use.parentNode, svg = getSVGAncestor(parent), src = use.getAttribute("xlink:href") || use.getAttribute("href");
101                  if (!src && opts.attributeName && (src = use.getAttribute(opts.attributeName)),
102                  svg && src) {
103                      if (polyfill) {
104                          if (!opts.validate || opts.validate(src, svg, use)) {
105                              // remove the <use> element
106                              parent.removeChild(use);
107                              // parse the src and get the url and id
108                              var srcSplit = src.split("#"), url = srcSplit.shift(), id = srcSplit.join("#");
109                              // if the link is external
110                              if (url.length) {
111                                  // get the cached xhr request
112                                  var xhr = requests[url];
113                                  // ensure the xhr request exists
114                                  xhr || (xhr = requests[url] = new XMLHttpRequest(), xhr.open("GET", url), xhr.send(),
115                                  xhr._embeds = []), // add the svg and id as an item to the xhr embeds list
116                                  xhr._embeds.push({
117                                      parent: parent,
118                                      svg: svg,
119                                      id: id
120                                  }), // prepare the xhr ready state change event
121                                  loadreadystatechange(xhr);
122                              } else {
123                                  // embed the local id into the svg
124                                  embed(parent, svg, document.getElementById(id));
125                              }
126                          } else {
127                              // increase the index when the previous value was not "valid"
128                              ++index, ++numberOfSvgUseElementsToBypass;
129                          }
130                      }
131                  } else {
132                      // increase the index when the previous value was not "valid"
133                      ++index;
134                  }
135              }
136              // continue the interval
137              (!uses.length || uses.length - numberOfSvgUseElementsToBypass > 0) && requestAnimationFrame(oninterval, 67);
138          }
139          var polyfill, opts = Object(rawopts), newerIEUA = /\bTrident\/[567]\b|\bMSIE (?:9|10)\.0\b/, webkitUA = /\bAppleWebKit\/(\d+)\b/, olderEdgeUA = /\bEdge\/12\.(\d+)\b/, edgeUA = /\bEdge\/.(\d+)\b/, inIframe = window.top !== window.self;
140          polyfill = "polyfill" in opts ? opts.polyfill : newerIEUA.test(navigator.userAgent) || (navigator.userAgent.match(olderEdgeUA) || [])[1] < 10547 || (navigator.userAgent.match(webkitUA) || [])[1] < 537 || edgeUA.test(navigator.userAgent) && inIframe;
141          // create xhr requests object
142          var requests = {}, requestAnimationFrame = window.requestAnimationFrame || setTimeout, uses = document.getElementsByTagName("use"), numberOfSvgUseElementsToBypass = 0;
143          // conditionally start the interval if the polyfill is active
144          polyfill && oninterval();
145      }
146      function getSVGAncestor(node) {
147          for (var svg = node; "svg" !== svg.nodeName.toLowerCase() && (svg = svg.parentNode); ) {}
148          return svg;
149      }
150      return svg4everybody;
151  });
152  
153  svg4everybody();
154  </script>
155  </head>
156  
157    <body>
158      <header role="banner" class="c-header ">
159    <span class="c-header__background"></span>
160    <div class="o-container c-header__content">
161      <div class="c-header__top">
162        <a href="/" title="Embark" class="c-logo c-logo--negative">Embark</a>
163        <nav role="navigation" class="c-navigation">
164          <div class="c-navigation__header">
165            <a href="/" title="Embark" class="c-logo">Embark</a>
166            <button class="c-navigation__close u-text-light" title="Close menu">
167              <svg class="c-icon c-icon--xs"><use xlink:href="/../assets/icons/symbols.svg#icon-close"></use></svg>
168            </button>
169          </div>
170          <div class="c-navigation__body">
171            <ul class="c-navigation__list">
172              <li class="c-navigation__item">
173                <a href="/docs/quick_start.html" class="c-navigation__anchor " title="Quick Start">Quick Start</a>
174              </li>
175              <li class="c-navigation__item">
176                <a href="/docs" class="c-navigation__anchor " title="Learn">Learn</a>
177              </li>
178              <li class="c-navigation__item">
179                <a href="/plugins" class="c-navigation__anchor " title="Plugins">Plugins</a>
180              </li>
181              <li class="c-navigation__item">
182                <a href="/community" class="c-navigation__anchor " title="Community">Community</a>
183              </li>
184              <li class="c-navigation__item">
185                <a href="https://blog.embarklabs.io" target="_blank" rel="noopener" class="c-navigation__anchor " title="Blog">Blog</a>
186              </li>
187            </ul>
188          </div>
189        </nav>
190        <div class="o-flex o-flex-center">
191          <form action="" class="o-flex__item u-hidden-until-large">
192            <input type="search" placeholder="Search" id="search-input">
193          </form>
194          <div class="o-flex__item">
195            <ul class="o-flex o-flex-center">
196              <li class="o-flex__item">
197                <a href="https://github.com/embarklabs/embark" title="Github" target="_blank" class="u-link-ghost">
198                  <svg class="c-icon"><use xlink:href="/../assets/icons/symbols.svg#icon-github"></use></svg>
199                </a>
200              </li>
201              <li class="o-flex__item">
202                <a href="https://twitter.com/EmbarkProject" title="Twitter" target="_blank">
203                  <svg class="c-icon"><use xlink:href="/../assets/icons/symbols.svg#icon-twitter"></use></svg>
204                </a>
205              </li>
206              <li class="o-flex__item u-hidden-large-up">
207                <button type="button"class="c-navigation__trigger u-link-ghost" title="Open menu">
208                  <svg class="c-icon"><use xlink:href="/../assets/icons/symbols.svg#icon-navigation-menu"></use></svg>
209                </button>
210              </li>
211            </ul>
212          </div>
213        </div>
214      </div>
215      <div class="c-quick-search o-distance-m u-hidden-large-up">
216        <input type="search" id="inp-search" placeholder="Search">
217      </div>
218      <div class="c-header__body">
219        <h1 class="c-title u-text-ghost">Embark into the Ether.</h1>
220  
221        
222        <p class="c-subtitle o-distance-s">The all-in-one developer platform for building and deploying decentralized applications.</p>
223        
224  
225        
226        <div class="o-buttonbar">
227          
228            <a href="/docs" class="c-button o-buttonbar__item" title="Get Started">Get Started</a>
229          
230          
231            <span class="c-button c-button--stateless o-buttonbar__item">npm install -g embark</span>
232          
233          
234        </div>
235        
236        
237        <div class="o-distance-l">
238          <a class="github-button" href="https://github.com/embarklabs/embark" target="_blank" rel="noopener" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star embarklabs/embark on GitHub">Star</a>
239        </div>
240        
241      </div>
242    </div>
243  </header>
244  
245  
246  <main role="main">
247    <section class="o-container o-distance">
248      <div class="o-heading o-center">
249    
250    <h2 class="o-heading__title c-section-title">
251      <span class="u-text-light">More than a </span>framework.
252    </h2>
253    
254    
255    <p class="o-heading__subtitle c-subtitle u-text-death">
256      Embark is a platform that enables easy development and deployment of decentralized applications.
257    </p>
258    
259    
260    <p class="o-heading__footer">
261      <a href="/community"  class="c-link"  title="Join the Community">Join the Community</a>
262    </p>
263    
264  </div>
265  
266  
267      <div class="o-distance-l">
268        <div class="o-grid">
269          <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--large-1-3 ">
270    
271    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-pen-write-paper"></use></svg>
272    
273    <h3 class="c-body-title">
274      
275        Smart Contract Management
276      
277    </h3>
278    
279    <p class="c-box__subtitle u-text-light">Build, test, and deploy your Smart Contracts without the hassle. Embark takes care of the ground work, watches for changes, and redeploys your application when needed.</p>
280    
281    <p class="c-box__footer">
282      <a href="/docs/contracts_configuration.html" title="Learn more" class="c-link">Learn more</a>
283    </p>
284    
285  </div>
286  
287  
288          <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--large-1-3 ">
289    
290    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-search-bar"></use></svg>
291    
292    <h3 class="c-body-title">
293      
294        Easy to use Debugger and Testing
295      
296    </h3>
297    
298    <p class="c-box__subtitle u-text-light">Testing shouldn't be an afterthought. Embark makes debugging and testing first-class citizens of your development workflow.</p>
299    
300    <p class="c-box__footer">
301      <a href="/docs/contracts_testing.html" title="Learn more" class="c-link">Learn more</a>
302    </p>
303    
304  </div>
305  
306  
307          <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--large-1-3 ">
308    
309    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-pie-line-graph"></use></svg>
310    
311    <h3 class="c-body-title">
312      
313        End to End DApp Development
314      
315    </h3>
316    
317    <p class="c-box__subtitle u-text-light">Go beyond Smart Contracts if you want to. Embark offers great integrations with decentralised services such as IPFS and Whisper.</p>
318    
319    <p class="c-box__footer">
320      <a href="/docs/javascript_usage.html" title="Learn more" class="c-link">Learn more</a>
321    </p>
322    
323  </div>
324  
325  
326        </div>
327      </div>
328    </section>
329    <section class="o-distance-xl">
330      <div class="c-box c-box--dark">
331        <div class="o-container">
332          <div class="o-media">
333            <div class="o-media__body">
334              <h2 class="c-section-title u-text-ghost">Powerful CLI</h2>
335              <p class="c-subtitle o-box__subtitle u-text-light">Embark's command line interface comes with a rich dashboard so <strong>you</strong> are in control.</p>
336              <div class="o-distance-l">
337                <ul class="c-checklist">
338                  <li class="c-checklist__item u-text-light">
339    <span class="c-checklist__circle">
340      <svg class="c-icon c-checklist__icon"><use xlink:href="/../assets/icons/symbols.svg#icon-check"></use></svg>
341    </span>
342    Service Monitoring
343  </li>
344  
345  
346                  <li class="c-checklist__item u-text-light">
347    <span class="c-checklist__circle">
348      <svg class="c-icon c-checklist__icon"><use xlink:href="/../assets/icons/symbols.svg#icon-check"></use></svg>
349    </span>
350    Interactive REPL
351  </li>
352  
353  
354                  <li class="c-checklist__item u-text-light">
355    <span class="c-checklist__circle">
356      <svg class="c-icon c-checklist__icon"><use xlink:href="/../assets/icons/symbols.svg#icon-check"></use></svg>
357    </span>
358    Real-time Deployment
359  </li>
360  
361  
362                </ul>
363              </div>
364              <a href="/docs/create_project.html" title="Creating apps using the CLI" class="c-button o-distance-l">Get Started</a>
365            </div>
366            <div class="o-media__asset">
367              <img src="/assets/images/cli-tool.png" alt="">
368            </div>
369          </div>
370        </div>
371      </div>
372    </section>
373    <section class="o-container o-distance-xxl">
374      <div class="o-grid">
375        <div class="o-grid__column--1-1 o-grid__column--medium-1-2">
376          <img src="/assets/images/EMBARK_MODULAR.png" alt="" style="max-width: 85%;">
377        </div>
378        <div class="o-grid__column--1-1 o-grid__column--medium-1-2">
379          <div class="o-heading ">
380    
381    <h2 class="o-heading__title c-section-title">
382      <span class="u-text-light">Modular by </span>Design
383    </h2>
384    
385    
386    <p class="o-heading__subtitle c-subtitle u-text-death">
387      Pick and choose which features, plugins and tools you want to integrate with. Embark is built with modularity in mind.
388    </p>
389    
390    
391  </div>
392  
393  
394          <div class="o-distance-l">
395            <ul class="c-checklist">
396              <li class="c-checklist__item ">
397    <span class="c-checklist__circle">
398      <svg class="c-icon c-checklist__icon"><use xlink:href="/../assets/icons/symbols.svg#icon-check"></use></svg>
399    </span>
400    Smart Contract only or full-fledged DApps
401  </li>
402  
403  
404              <li class="c-checklist__item ">
405    <span class="c-checklist__circle">
406      <svg class="c-icon c-checklist__icon"><use xlink:href="/../assets/icons/symbols.svg#icon-check"></use></svg>
407    </span>
408    Integrate with existing tools
409  </li>
410  
411  
412              <li class="c-checklist__item ">
413    <span class="c-checklist__circle">
414      <svg class="c-icon c-checklist__icon"><use xlink:href="/../assets/icons/symbols.svg#icon-check"></use></svg>
415    </span>
416    Extend it to your needs
417  </li>
418  
419  
420            </ul>
421          </div>
422          <div class="o-distance-l">
423            <div class="o-buttonbar">
424              <a href="/plugins" title="Plugins" class="c-button o-buttonbar__item">See plugins</a>
425              <a href="/docs/creating_plugins.html" title="Creating Plugins" class="c-button c-button--ghost o-buttonbar__item">Create your own</a>
426            </div>
427          </div>
428        </div>
429      </div>
430    </section>
431    <section class="o-distance-xxl">
432      <div class="c-box c-box--universe c-box--visible o-overlap" style="background-image: url(/../../assets/images/dots.png)">
433        <div class="o-container">
434          <div class="o-heading o-center">
435            <h2 class="o-heading__title c-section-title">Mission control with <span class="u-text-ghost">Cockpit.</span></h2>
436            <p class="o-heading__subtitle c-subtitle u-text-ghost">A web interface for building, debugging and deploying decentralised applications.</p>
437            <p class="o-heading__footer">
438              <!-- <a href="#" class="c-button c-button--ghost" title="Get Started">Get Started</a>-->
439            </p>
440          </div>
441          <div class="o-distance-xl">
442            <div class="o-grid">
443              <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
444                <h3 class="c-title-level-3 u-text-ghost">Web UI Dashboard</h3>
445                <p>Gives an overview of all processes controlled by Embark. It also comes with an interactive console and predictive commands.</p>
446                <a href="/docs/cockpit_dashboard.html" title="Cockpit Dashboard">Learn more &rarr;</a>
447              </div>
448              <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
449                <h3 class="c-title-level-3 u-text-ghost">Explorer</h3>
450                <p>Cockpit's explorer lets you easily review any transactions, Smart Contracts, and accounts.</p>
451                <a href="/docs/cockpit_explorer.html" title="Cockpit Explorer">Learn more &rarr;</a>
452              </div>
453              <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
454                <h3 class="c-title-level-3 u-text-ghost">Deployment</h3>
455                <p>With Cockpit you can iteratively and selectively deploy your Smart Contracts, removing headaches associated with complex applications.</p>
456                <a href="/docs/cockpit_deployment.html" title="Cockpit Deployment">Learn more &rarr;</a>
457              </div>
458              <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
459                <h3 class="c-title-level-3 u-text-ghost">Code Editor</h3>
460                <p>Edit your source files from right within Cockpit for quick and easy updates.</p>
461                <a href="/docs/cockpit_editor.html" title="Cockpit Editor">Learn more &rarr;</a>
462              </div>
463            </div>
464          </div>
465          <div class="o-overlap__image">
466            <img src="/assets/images/tool-screenshot.png" alt="Cockpit">
467          </div>
468        </div>
469      </div>
470    </section>
471    <section class="o-container o-distance o-center">
472      <p class="c-subtitle u-text-death">Companies who use and love Embark.</p>
473      <div class="o-distance-m">
474        <ul class="o-list-inline o-flex-space-between o-nowrap">
475          <li class="o-list-inline__item">
476            <img src="/assets/images/company-flexdapps.svg" alt="Flexdapps">
477          </li>
478          <li class="o-list-inline__item">
479            <img src="/assets/images/company-giveth.svg" alt="Giveth">
480          </li>
481          <li class="o-list-inline__item">
482            <img src="/assets/images/company-status.svg" alt="status">
483          </li>
484        </ul>
485      </div>
486    </section>
487    <section class="o-distance">
488      <div class="c-box c-box--unframed" style="background-image: url(/assets/images/bg-hexagons.png)">
489        <div class="o-heading o-center">
490    
491    <h2 class="o-heading__title c-section-title">
492      <span class="u-text-light">For developers</span>, by developers
493    </h2>
494    
495    
496    <p class="o-heading__subtitle c-subtitle u-text-death">
497      Embark is a fully open source effort. Get involved and be part of the journey.
498    </p>
499    
500    
501    <p class="o-heading__footer">
502      <a href="/community"  class="c-link"  title="Join the Community">Join the Community</a>
503    </p>
504    
505  </div>
506  
507  
508      </div>
509    </section>
510    <section>
511      <div class="o-container-medium o-distance o-center">
512        <div class="c-box c-box--spot">
513            <h3><span>Sign up for updates</span></h3>
514            <div id="mc_embed_signup" class="o-distance-l">
515              <form action="https://status.us20.list-manage.com/subscribe/post?u=774518184e8661075f1b012f5&amp;id=4189213bb9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
516                <div class="o-buttonbar">
517                  <input type="email" value="" name="EMAIL" class="required email o-buttonbar__item" id="mce-EMAIL" placeholder="Enter your email address">
518                  <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="c-button o-buttonbar__item">
519                  <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
520                  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_774518184e8661075f1b012f5_4189213bb9" tabindex="-1" value=""></div>
521                </div>
522              </form>
523            </div>
524            <p class="o-distance-m">Sign up for our newsletter and get updates about Embark and our development progress first!</p>
525        </div>
526      </div>
527    </section>
528  </main>
529  
530      <footer role="contentinfo" class="c-footer o-distance-xxl">
531    <div class="o-container">
532      <div class="c-footer__top">
533        <p class="c-category-title c-footer__top__title u-text-light">
534          <a href="/" class="c-logo c-logo--negative" title="Embark">Embark</a>
535        </p>
536      </div>
537      <div class="c-footer__body">
538        <div class="o-grid">
539          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
540            <p class="c-category-title u-text-light">Resources</p>
541            <ul class="o-list-bare">
542              <li class="o-list-bare__item">
543                <a href="/docs/quick_start.html" class="u-link-ghost" title="Quick Start">Quick Start</a>
544              </li>
545              <li class="o-list-bare__item">
546                <a href="/docs" class="u-link-ghost" title="Documentation">Documentation</a>
547              </li>
548              <li class="o-list-bare__item">
549                <a href="https://blog.embarklabs.io" target="_blank" rel="noopener" class="u-link-ghost" title="Blog">Blog</a>
550              </li>
551              <li class="o-list-bare__item">
552                <a href="/docs/faq.html" class="u-link-ghost" title="FAQ">FAQ</a>
553              </li>
554              <li class="o-list-bare__item">
555                <a href="/docs/troubleshooting.html" class="u-link-ghost" title="Troubleshooting">Troubleshooting</a>
556              </li>
557            </ul>
558          </div>
559          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
560            <p class="c-category-title u-text-light">Help</p>
561            <ul class="o-list-bare">
562              <li class="o-list-bare__item">
563                <a href="https://stackoverflow.com/questions/tagged/embark" target="_blank" rel="noopener" class="u-link-ghost" title="Embark Questions">Stack Overflow</a>
564              </li>
565              <li class="o-list-bare__item">
566                <a href="https://gitter.im/embark-framework/Lobby" target="_blank" rel="noopener" class="u-link-ghost" title="Gitter">Gitter</a>
567              </li>
568              <li class="o-list-bare__item">
569                <a href="https://github.com/embarklabs/embark/issues" target="_blank" rel="noopener" class="u-link-ghost" title="Report issues">Report issues</a>
570              </li>
571              <li class="o-list-bare__item">
572                <a href="https://github.com/embarklabs/embark/blob/master/CODE_OF_CONDUCT.md" target="_blank" rel="noopener" class="u-link-ghost" title="Code of Conduct">Code of Conduct</a>
573              </li>
574            </ul>
575          </div>
576          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
577            <p class="c-category-title u-text-light">Community</p>
578            <ul class="o-list-bare">
579              <li class="o-list-bare__item">
580                <a href="https://github.com/embarklabs" target="_blank" rel="noopener" class="u-link-ghost" title="Github">Github</a>
581              </li>
582              <li class="o-list-bare__item">
583                <a href="https://twitter.com/EmbarkProject" target="_blank" rel="noopener" class="u-link-ghost" title="Twitter">Twitter</a>
584              </li>
585              <li class="o-list-bare__item">
586                <a href="/docs/contributing.html" class="u-link-ghost" title="Contribute">Contribute</a>
587              </li>
588              <li class="o-list-bare__item">
589                <a href="/community/#team" class="u-link-ghost" title="Team">Team</a>
590              </li>
591            </ul>
592          </div>
593  
594          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
595            <p class="c-category-title u-text-light">The Status Network</p>
596            <ul class="o-list-bare two-columns">
597              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://status.im/" target="_blank">Status</a></li>
598              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://keycard.tech/" target="_blank">Keycard</a></li>
599              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://dap.ps/" target="_blank">dap.ps</a></li>
600              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://teller.exchange/" target="_blank">Teller</a></li>
601              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://assemble.fund/" target="_blank">Assemble</a></li>
602              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://subspace.embarklabs.io/" target="_blank">Subspace</a></li>
603              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://vac.dev/" target="_blank">Vac</a></li>
604              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://nimbus.team/" target="_blank">Nimbus</a></li>
605            </ul>
606          </div>
607        </div>
608      </div>
609      <div class="c-footer__bottom">
610        <p class="u-text-light">
611          <a href="https://status.im/privacy-policy.html" title="Privacy Policy" target="_blank" class="u-text-light">Privacy Policy</a>
612          / © 2019-2020 Embark
613        </p>
614      </div>
615    </div>
616  </footer>
617  
618  
619  
620  
621      <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.4/highlight.min.js"></script>
622      <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
623      <script>
624        const EMBARK_DOC_VERSIONS = {
625          'latest': 'https://framework.embarklabs.io/docs','3.2': 'https://5ca4e0fdb29712000adde37f--embark-site-versions.netlify.com/docs/'
626        };
627      </script>
628  
629      
630      <!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
631      <script>
632      (function(f, a, t, h, o, m){
633          a[h]=a[h]||function(){(a[h].q=a[h].q||[]).push(arguments)};
634          o=f.createElement('script'),
635          m=f.getElementsByTagName('script')[0];
636          o.async=1; o.src=t; o.id='fathom-script';
637          m.parentNode.insertBefore(o,m)
638      })(document, window, '//fathom.status.im/tracker.js', 'fathom');
639      fathom('set', 'siteId', 'YDUQQ');
640      fathom('trackPageview');
641      </script>
642      <!-- / Fathom -->
643      
644  
645      <script src="/js/index.js"></script>
646  
647      
648      <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
649      <script type="text/javascript">
650        docsearch({
651          apiKey: '439d8dc2add18007a2f31be4a9c0ed70',
652          indexName: 'embark',
653          inputSelector: '#search-input'
654        });
655      </script>
656      
657    </body>
658  </html>
659