/ community / 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>Join the growing community | 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/community/index.html">
 10    <!-- Alternative links -->
 11    
 12  
 13    <!-- Icon -->
 14    <meta name="msapplication-TileColor" content="#080E1A">
 15    <link rel="icon" type="image/png" href="/assets/images/favicon-16.png" sizes="16x16" />
 16    <link rel="icon" type="image/png" href="/assets/images/favicon-32.png" sizes="32x32" />
 17  
 18    <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/apple-touch-icon-60x60-precomposed.png">
 19    <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/apple-touch-icon-76x76-precomposed.png">
 20    <link rel="apple-touch-icon" sizes="120x120" href="/assets/images/apple-touch-icon-120x120-precomposed.png">
 21    <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/apple-touch-icon-152x152-precomposed.png">
 22    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon-precomposed.png">
 23    <link rel="apple-touch-icon" href="/assets/images/apple-touch-icon-precomposed.png">
 24    <!-- CSS -->
 25    
 26  <link rel="stylesheet" href="/css/embark.css">
 27  
 28    <!-- endbuild -->
 29  
 30    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 31    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
 32  
 33    <!-- RSS -->
 34    <link rel="alternate" href="/atom.xml" title="Embark">
 35    <meta property="og:image" content="/img/share.png?v=0.0.5" />
 36    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.4/styles/dracula.min.css">
 37  
 38    <script async defer src="https://buttons.github.io/buttons.js"></script>
 39  
 40  
 41  <script>
 42    !function(root, factory) {
 43      "function" == typeof define && define.amd ? // AMD. Register as an anonymous module unless amdModuleId is set
 44      define([], function() {
 45          return root.svg4everybody = factory();
 46      }) : "object" == typeof module && module.exports ? // Node. Does not work with strict CommonJS, but
 47      // only CommonJS-like environments that support module.exports,
 48      // like Node.
 49      module.exports = factory() : root.svg4everybody = factory();
 50  }(this, function() {
 51      /*! svg4everybody v2.1.9 | github.com/jonathantneal/svg4everybody */
 52      function embed(parent, svg, target) {
 53          // if the target exists
 54          if (target) {
 55              // create a document fragment to hold the contents of the target
 56              var fragment = document.createDocumentFragment(), viewBox = !svg.hasAttribute("viewBox") && target.getAttribute("viewBox");
 57              // conditionally set the viewBox on the svg
 58              viewBox && svg.setAttribute("viewBox", viewBox);
 59              // copy the contents of the clone into the fragment
 60              for (// clone the target
 61              var clone = target.cloneNode(!0); clone.childNodes.length; ) {
 62                  fragment.appendChild(clone.firstChild);
 63              }
 64              // append the fragment into the svg
 65              parent.appendChild(fragment);
 66          }
 67      }
 68      function loadreadystatechange(xhr) {
 69          // listen to changes in the request
 70          xhr.onreadystatechange = function() {
 71              // if the request is ready
 72              if (4 === xhr.readyState) {
 73                  // get the cached html document
 74                  var cachedDocument = xhr._cachedDocument;
 75                  // ensure the cached html document based on the xhr response
 76                  cachedDocument || (cachedDocument = xhr._cachedDocument = document.implementation.createHTMLDocument(""),
 77                  cachedDocument.body.innerHTML = xhr.responseText, xhr._cachedTarget = {}), // clear the xhr embeds list and embed each item
 78                  xhr._embeds.splice(0).map(function(item) {
 79                      // get the cached target
 80                      var target = xhr._cachedTarget[item.id];
 81                      // ensure the cached target
 82                      target || (target = xhr._cachedTarget[item.id] = cachedDocument.getElementById(item.id)),
 83                      // embed the target into the svg
 84                      embed(item.parent, item.svg, target);
 85                  });
 86              }
 87          }, // test the ready state change immediately
 88          xhr.onreadystatechange();
 89      }
 90      function svg4everybody(rawopts) {
 91          function oninterval() {
 92              // while the index exists in the live <use> collection
 93              for (// get the cached <use> index
 94              var index = 0; index < uses.length; ) {
 95                  // get the current <use>
 96                  var use = uses[index], parent = use.parentNode, svg = getSVGAncestor(parent), src = use.getAttribute("xlink:href") || use.getAttribute("href");
 97                  if (!src && opts.attributeName && (src = use.getAttribute(opts.attributeName)),
 98                  svg && src) {
 99                      if (polyfill) {
100                          if (!opts.validate || opts.validate(src, svg, use)) {
101                              // remove the <use> element
102                              parent.removeChild(use);
103                              // parse the src and get the url and id
104                              var srcSplit = src.split("#"), url = srcSplit.shift(), id = srcSplit.join("#");
105                              // if the link is external
106                              if (url.length) {
107                                  // get the cached xhr request
108                                  var xhr = requests[url];
109                                  // ensure the xhr request exists
110                                  xhr || (xhr = requests[url] = new XMLHttpRequest(), xhr.open("GET", url), xhr.send(),
111                                  xhr._embeds = []), // add the svg and id as an item to the xhr embeds list
112                                  xhr._embeds.push({
113                                      parent: parent,
114                                      svg: svg,
115                                      id: id
116                                  }), // prepare the xhr ready state change event
117                                  loadreadystatechange(xhr);
118                              } else {
119                                  // embed the local id into the svg
120                                  embed(parent, svg, document.getElementById(id));
121                              }
122                          } else {
123                              // increase the index when the previous value was not "valid"
124                              ++index, ++numberOfSvgUseElementsToBypass;
125                          }
126                      }
127                  } else {
128                      // increase the index when the previous value was not "valid"
129                      ++index;
130                  }
131              }
132              // continue the interval
133              (!uses.length || uses.length - numberOfSvgUseElementsToBypass > 0) && requestAnimationFrame(oninterval, 67);
134          }
135          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;
136          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;
137          // create xhr requests object
138          var requests = {}, requestAnimationFrame = window.requestAnimationFrame || setTimeout, uses = document.getElementsByTagName("use"), numberOfSvgUseElementsToBypass = 0;
139          // conditionally start the interval if the polyfill is active
140          polyfill && oninterval();
141      }
142      function getSVGAncestor(node) {
143          for (var svg = node; "svg" !== svg.nodeName.toLowerCase() && (svg = svg.parentNode); ) {}
144          return svg;
145      }
146      return svg4everybody;
147  });
148  
149  svg4everybody();
150  </script>
151  </head>
152  
153    <body>
154      <header role="banner" class="c-header ">
155    <span class="c-header__background"></span>
156    <div class="o-container c-header__content">
157      <div class="c-header__top">
158        <a href="/" title="Embark" class="c-logo c-logo--negative">Embark</a>
159        <nav role="navigation" class="c-navigation">
160          <div class="c-navigation__header">
161            <a href="/" title="Embark" class="c-logo">Embark</a>
162            <button class="c-navigation__close u-text-light" title="Close menu">
163              <svg class="c-icon c-icon--xs"><use xlink:href="/../assets/icons/symbols.svg#icon-close"></use></svg>
164            </button>
165          </div>
166          <div class="c-navigation__body">
167            <ul class="c-navigation__list">
168              <li class="c-navigation__item">
169                <a href="/docs/quick_start.html" class="c-navigation__anchor " title="Quick Start">Quick Start</a>
170              </li>
171              <li class="c-navigation__item">
172                <a href="/docs" class="c-navigation__anchor " title="Learn">Learn</a>
173              </li>
174              <li class="c-navigation__item">
175                <a href="/plugins" class="c-navigation__anchor " title="Plugins">Plugins</a>
176              </li>
177              <li class="c-navigation__item">
178                <a href="/community" class="c-navigation__anchor is-active" title="Community">Community</a>
179              </li>
180              <li class="c-navigation__item">
181                <a href="https://blog.embarklabs.io" target="_blank" rel="noopener" class="c-navigation__anchor " title="Blog">Blog</a>
182              </li>
183            </ul>
184          </div>
185        </nav>
186        <div class="o-flex o-flex-center">
187          <form action="" class="o-flex__item u-hidden-until-large">
188            <input type="search" placeholder="Search" id="search-input">
189          </form>
190          <div class="o-flex__item">
191            <ul class="o-flex o-flex-center">
192              <li class="o-flex__item">
193                <a href="https://github.com/embarklabs/embark" title="Github" target="_blank" class="u-link-ghost">
194                  <svg class="c-icon"><use xlink:href="/../assets/icons/symbols.svg#icon-github"></use></svg>
195                </a>
196              </li>
197              <li class="o-flex__item">
198                <a href="https://twitter.com/EmbarkProject" title="Twitter" target="_blank">
199                  <svg class="c-icon"><use xlink:href="/../assets/icons/symbols.svg#icon-twitter"></use></svg>
200                </a>
201              </li>
202              <li class="o-flex__item u-hidden-large-up">
203                <button type="button"class="c-navigation__trigger u-link-ghost" title="Open menu">
204                  <svg class="c-icon"><use xlink:href="/../assets/icons/symbols.svg#icon-navigation-menu"></use></svg>
205                </button>
206              </li>
207            </ul>
208          </div>
209        </div>
210      </div>
211      <div class="c-quick-search o-distance-m u-hidden-large-up">
212        <input type="search" id="inp-search" placeholder="Search">
213      </div>
214      <div class="c-header__body">
215        <h1 class="c-title u-text-ghost">Join the growing community</h1>
216  
217        
218        <p class="c-subtitle o-distance-s">Get support, give support, and help build Embark.</p>
219        
220  
221        
222        <div class="o-buttonbar">
223          
224            <a href="https://gitter.im/embark-framework/Lobby" target="_blank" rel="noopener" class="c-button o-buttonbar__item" title="Join the conversation">Join the conversation</a>
225          
226          
227          
228        </div>
229        
230        
231      </div>
232    </div>
233  </header>
234  
235  
236  <main role="main">
237    <section class="o-container o-distance">
238      <div class="o-heading o-center">
239    
240    <h2 class="o-heading__title c-section-title">
241      <span class="u-text-light">How to</span> contribute
242    </h2>
243    
244    
245    <p class="o-heading__subtitle c-subtitle u-text-death">
246      There are a number of ways to contribute and get involved, from submitting a pull request to growing the community.
247    </p>
248    
249    
250  </div>
251  
252  
253      <div class="o-distance">
254        <div class="o-grid o-center">
255          <div class="o-grid__column--1-1 o-grid__column--medium-1-2">
256            <div class="c-box c-box--spot ">
257    
258    <svg class="c-icon c-icon--l u-text-ghost"><use xlink:href="/../../assets/icons/symbols.svg#icon-app-window-search-text"></use></svg>
259    
260    <h3 class="c-body-title u-text-ghost">Checkout the GitHub Repos</h3>
261    <p class="c-box__subtitle u-text-ghost">Look for issues with specifics tags you may be interested in.</p>
262    
263    <p class="c-box__footer">
264      <a href="https://github.com/embarklabs/embark" target="_blank" rel="noopener" title="View repositories" class="c-link c-link--ghost">View repositories</a>
265    </p>
266    
267  </div>
268  
269          </div>
270        </ul>
271      </div>
272      <div class="o-distance-xxl">
273        <div class="o-grid">
274          <div class="o-grid__column--1-1 o-grid__column--large-1-3">
275            <img src="/assets/images/EMBARK_FRAMEWORK.png" alt="">
276          </div>
277          <div class="o-grid__column--1-1 o-grid__column--large-2-3">
278            <div class="o-heading ">
279    
280    <h2 class="o-heading__title c-section-title">
281      It's not just <span class='u-text-light'>code</span>
282    </h2>
283    
284    
285    <p class="o-heading__subtitle c-subtitle u-text-death">
286      We believe that contributions go far beyond working on our code base. Help out with writing docs, creating a tutorial, or simply talk to us on our channels.
287    </p>
288    
289    
290    <p class="o-heading__footer">
291      <a href="https://gitter.im/embark-framework/Lobby" target="_blank" rel="noopener"  class="c-button"  title="Join us in Gitter">Join us in Gitter</a>
292    </p>
293    
294  </div>
295  
296  
297          </div>
298        </div>
299        <div class="o-distance">
300          <div class="o-grid">
301            <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3 ">
302    
303    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-search-bar"></use></svg>
304    
305    <h3 class="c-body-title">
306      
307        Help improve the docs
308      
309    </h3>
310    
311    <p class="c-box__subtitle u-text-light">You don't have to code to contribute, we're happy about any improvements to our documentation.</p>
312    
313  </div>
314  
315  
316            <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3 ">
317    
318    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-paginate-filter-video-alternate"></use></svg>
319    
320    <h3 class="c-body-title">
321      
322        Create a tutorial
323      
324    </h3>
325    
326    <p class="c-box__subtitle u-text-light">Record a video of a simple tutorial and share it with the community.</p>
327    
328  </div>
329  
330  
331            <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3 ">
332    
333    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-notes-paper-text"></use></svg>
334    
335    <h3 class="c-body-title">
336      
337        Help answer questions
338      
339    </h3>
340    
341    <p class="c-box__subtitle u-text-light">Help out newcomers with questions in our Gitter channel or Stack Overflow.</p>
342    
343  </div>
344  
345  
346            <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3 ">
347    
348    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-module"></use></svg>
349    
350    <h3 class="c-body-title">
351      
352        Create a plugin
353      
354    </h3>
355    
356    <p class="c-box__subtitle u-text-light">Embark integrates well with other tools. Build a plugin to get support for your tool of choice.</p>
357    
358  </div>
359  
360  
361              <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3 ">
362    
363    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-computer-bug-search"></use></svg>
364    
365    <h3 class="c-body-title">
366      
367        Report a bug
368      
369    </h3>
370    
371    <p class="c-box__subtitle u-text-light">If you find a bug, let us know and we'll work on fixing it.</p>
372    
373  </div>
374  
375  
376              <div class="c-box c-box--whisper  o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-3 ">
377    
378    <svg class="c-icon c-icon--l"><use xlink:href="/../../assets/icons/symbols.svg#icon-tag-new-circle"></use></svg>
379    
380    <h3 class="c-body-title">
381      
382        Work on new features
383      
384    </h3>
385    
386    <p class="c-box__subtitle u-text-light">Collaborate with peers on new features you want to see in Embark.</p>
387    
388  </div>
389  
390  
391            </div>
392          </div>
393        </div>
394      </div>
395    </section>
396  
397  
398    <section class="o-distance">
399      <div class="c-box c-box--universe">
400        <div class="o-container">
401          <div class="o-heading o-center">
402    
403    <h2 class="o-heading__title c-section-title">
404      Meet the <span class="u-text-ghost">team</span>.
405    </h2>
406    
407    
408    
409  </div>
410  
411  
412          <div class="o-distance-xl">
413            <div class="o-grid" id="team">
414              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
415                <div class="c-box">
416    <img src="https://pbs.twimg.com/profile_images/928272512181563392/iDJdvy2k_400x400.jpg" alt="Picture of Iuri Matias" class="c-avatar">
417    <h3 class="c-body-title c-box__title">Iuri Matias</h3>
418    <p class="c-meta">Creator and Team Lead</p>
419    
420    <div class="o-distance-m">
421      <ul class="o-list-inline">
422        
423        <li class="o-list-inline__item">
424          <a href="https://github.com/Iurimatias" title="Iuri Matias on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
425            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
426            <span class="o-flex__item">Github</span>
427          </a>
428        </li>
429        
430        
431        <li class="o-list-inline__item">
432          <a href="https://twitter.com/iurimatias" title="Iuri Matias on Twitter" target="_blank" class="o-flex o-flex-center u-link-uniform">
433            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-twitter"></use></svg>
434            <span class="o-flex__item">Twitter</span>
435          </a>
436        </li>
437        
438      </ul>
439    </div>
440    
441  </div>
442  
443              </div>
444              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
445                <div class="c-box">
446    <img src="https://pbs.twimg.com/profile_images/993873866878570496/-aE4byjj_400x400.jpg" alt="Picture of Jonathan Rainville" class="c-avatar">
447    <h3 class="c-body-title c-box__title">Jonathan Rainville</h3>
448    <p class="c-meta">Software Engineer</p>
449    
450    <div class="o-distance-m">
451      <ul class="o-list-inline">
452        
453        <li class="o-list-inline__item">
454          <a href="https://github.com/jrainville" title="Jonathan Rainville on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
455            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
456            <span class="o-flex__item">Github</span>
457          </a>
458        </li>
459        
460        
461        <li class="o-list-inline__item">
462          <a href="https://twitter.com/shyolghul" title="Jonathan Rainville on Twitter" target="_blank" class="o-flex o-flex-center u-link-uniform">
463            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-twitter"></use></svg>
464            <span class="o-flex__item">Twitter</span>
465          </a>
466        </li>
467        
468      </ul>
469    </div>
470    
471  </div>
472  
473              </div>
474              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
475                <div class="c-box">
476    <img src="https://avatars1.githubusercontent.com/u/5089238?s=460&v=4" alt="Picture of Eric Mastro" class="c-avatar">
477    <h3 class="c-body-title c-box__title">Eric Mastro</h3>
478    <p class="c-meta">Software Engineer</p>
479    
480    <div class="o-distance-m">
481      <ul class="o-list-inline">
482        
483        <li class="o-list-inline__item">
484          <a href="https://github.com/emizzle" title="Eric Mastro on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
485            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
486            <span class="o-flex__item">Github</span>
487          </a>
488        </li>
489        
490        
491        <li class="o-list-inline__item">
492          <a href="https://twitter.com/ericmastro" title="Eric Mastro on Twitter" target="_blank" class="o-flex o-flex-center u-link-uniform">
493            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-twitter"></use></svg>
494            <span class="o-flex__item">Twitter</span>
495          </a>
496        </li>
497        
498      </ul>
499    </div>
500    
501  </div>
502  
503              </div>
504              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
505                <div class="c-box">
506    <img src="https://pbs.twimg.com/profile_images/965722487735701504/m58KNgWN_400x400.jpg" alt="Picture of Andre Medeiros" class="c-avatar">
507    <h3 class="c-body-title c-box__title">Andre Medeiros</h3>
508    <p class="c-meta">Software Engineer</p>
509    
510    <div class="o-distance-m">
511      <ul class="o-list-inline">
512        
513        <li class="o-list-inline__item">
514          <a href="https://github.com/andremedeiros" title="Andre Medeiros on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
515            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
516            <span class="o-flex__item">Github</span>
517          </a>
518        </li>
519        
520        
521        <li class="o-list-inline__item">
522          <a href="https://twitter.com/superdealloc" title="Andre Medeiros on Twitter" target="_blank" class="o-flex o-flex-center u-link-uniform">
523            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-twitter"></use></svg>
524            <span class="o-flex__item">Twitter</span>
525          </a>
526        </li>
527        
528      </ul>
529    </div>
530    
531  </div>
532  
533              </div>
534              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
535                <div class="c-box">
536    <img src="https://pbs.twimg.com/profile_images/257742900/13168239_400x400.jpg" alt="Picture of Anthony Laibe" class="c-avatar">
537    <h3 class="c-body-title c-box__title">Anthony Laibe</h3>
538    <p class="c-meta">Software Engineer</p>
539    
540    <div class="o-distance-m">
541      <ul class="o-list-inline">
542        
543        <li class="o-list-inline__item">
544          <a href="https://github.com/alaibe" title="Anthony Laibe on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
545            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
546            <span class="o-flex__item">Github</span>
547          </a>
548        </li>
549        
550        
551        <li class="o-list-inline__item">
552          <a href="https://twitter.com/a_laibe" title="Anthony Laibe on Twitter" target="_blank" class="o-flex o-flex-center u-link-uniform">
553            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-twitter"></use></svg>
554            <span class="o-flex__item">Twitter</span>
555          </a>
556        </li>
557        
558      </ul>
559    </div>
560    
561  </div>
562  
563              </div>
564              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
565                <div class="c-box">
566    <img src="https://avatars3.githubusercontent.com/u/194260?s=460&v=4" alt="Picture of Michael Bradley" class="c-avatar">
567    <h3 class="c-body-title c-box__title">Michael Bradley</h3>
568    <p class="c-meta">Software Engineer</p>
569    
570    <div class="o-distance-m">
571      <ul class="o-list-inline">
572        
573        <li class="o-list-inline__item">
574          <a href="https://github.com/michaelsbradleyjr" title="Michael Bradley on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
575            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
576            <span class="o-flex__item">Github</span>
577          </a>
578        </li>
579        
580        
581      </ul>
582    </div>
583    
584  </div>
585  
586              </div>
587              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
588                <div class="c-box">
589    <img src="https://pbs.twimg.com/profile_images/1063160577973866496/aM313uHG_400x400.jpg" alt="Picture of Richard Ramos" class="c-avatar">
590    <h3 class="c-body-title c-box__title">Richard Ramos</h3>
591    <p class="c-meta">Software Engineer</p>
592    
593    <div class="o-distance-m">
594      <ul class="o-list-inline">
595        
596        <li class="o-list-inline__item">
597          <a href="https://github.com/rramos" title="Richard Ramos on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
598            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
599            <span class="o-flex__item">Github</span>
600          </a>
601        </li>
602        
603        
604        <li class="o-list-inline__item">
605          <a href="https://twitter.com/richardramos_me" title="Richard Ramos on Twitter" target="_blank" class="o-flex o-flex-center u-link-uniform">
606            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-twitter"></use></svg>
607            <span class="o-flex__item">Twitter</span>
608          </a>
609        </li>
610        
611      </ul>
612    </div>
613    
614  </div>
615  
616              </div>
617              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
618                <div class="c-box">
619    <img src="https://pbs.twimg.com/profile_images/993785060733194241/p3oAIMDP_400x400.jpg" alt="Picture of Pascal Precht" class="c-avatar">
620    <h3 class="c-body-title c-box__title">Pascal Precht</h3>
621    <p class="c-meta">Software Engineer</p>
622    
623    <div class="o-distance-m">
624      <ul class="o-list-inline">
625        
626        <li class="o-list-inline__item">
627          <a href="https://github.com/PascalPrecht" title="Pascal Precht on GitHub" target="_blank" class="o-flex o-flex-center u-link-uniform">
628            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-github"></use></svg>
629            <span class="o-flex__item">Github</span>
630          </a>
631        </li>
632        
633        
634        <li class="o-list-inline__item">
635          <a href="https://twitter.com/PascalPrecht" title="Pascal Precht on Twitter" target="_blank" class="o-flex o-flex-center u-link-uniform">
636            <svg class="c-icon o-flex__item"><use xlink:href="/../../assets/icons/symbols.svg#icon-twitter"></use></svg>
637            <span class="o-flex__item">Twitter</span>
638          </a>
639        </li>
640        
641      </ul>
642    </div>
643    
644  </div>
645  
646              </div>
647            </div>
648          </div>
649        </div>
650      </div>
651    </section>
652    <!-- <section class="o-distance">
653      <div class="c-box c-box--universe">
654        <div class="o-container">
655          <div class="o-heading o-center">
656    
657    <h2 class="o-heading__title c-section-title">
658      <span class="u-text-ghost">Upcoming</span> events
659    </h2>
660    
661    
662    
663  </div>
664  
665  
666          <div class="o-distance-xl">
667            <div class="o-grid" id="event">
668              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
669                <div class="c-box ">
670    <span class="c-tag c-tag--light c-box__offset">23rd April 2019</span>
671    <h3 class="c-body-title">
672      
673        Embark Meetup
674      
675    </h3>
676    
677      <p class="c-meta">
678      Dublin
679      
680      </p>
681    
682    <p class="c-box__subtitle u-text-ghost">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
683    
684    <p class="c-box__footer">
685      <a href="https://meetup.com" target="_blank" rel="noopener" title="Details" class="c-link c-link--ghost">Details</a>
686    </p>
687    
688  </div>
689  
690  
691              </div>
692              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
693                <div class="c-box ">
694    <span class="c-tag c-tag--light c-box__offset">23rd April 2019</span>
695    <h3 class="c-body-title">
696      
697        Embark Meetup
698      
699    </h3>
700    
701      <p class="c-meta">
702      Dublin
703      
704      </p>
705    
706    <p class="c-box__subtitle u-text-ghost">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
707    
708    <p class="c-box__footer">
709      <a href="https://meetup.com" target="_blank" rel="noopener" title="Details" class="c-link c-link--ghost">Details</a>
710    </p>
711    
712  </div>
713  
714  
715              </div>
716              <div class="o-grid__column--1-1 o-grid__column--large-1-3">
717                <div class="c-box ">
718    <span class="c-tag c-tag--light c-box__offset">23rd April 2019</span>
719    <h3 class="c-body-title">
720      
721        Embark Meetup
722      
723    </h3>
724    
725      <p class="c-meta">
726      Dublin
727      
728      </p>
729    
730    <p class="c-box__subtitle u-text-ghost">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
731    
732    <p class="c-box__footer">
733      <a href="https://meetup.com" target="_blank" rel="noopener" title="Details" class="c-link c-link--ghost">Details</a>
734    </p>
735    
736  </div>
737  
738  
739              </div>
740            </div>
741            <div class="o-center o-distance">
742              <p class="c-subtitle u-text-ghost">Want to host your own Embark meetup? Get in touch and we can help you out!</p>
743            </div>
744          </div>
745        </div>
746      </div>
747    </section> -->
748  </main>
749  
750      <footer role="contentinfo" class="c-footer o-distance-xxl">
751    <div class="o-container">
752      <div class="c-footer__top">
753        <p class="c-category-title c-footer__top__title u-text-light">
754          <a href="/" class="c-logo c-logo--negative" title="Embark">Embark</a>
755        </p>
756      </div>
757      <div class="c-footer__body">
758        <div class="o-grid">
759          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
760            <p class="c-category-title u-text-light">Resources</p>
761            <ul class="o-list-bare">
762              <li class="o-list-bare__item">
763                <a href="/docs/quick_start.html" class="u-link-ghost" title="Quick Start">Quick Start</a>
764              </li>
765              <li class="o-list-bare__item">
766                <a href="/docs" class="u-link-ghost" title="Documentation">Documentation</a>
767              </li>
768              <li class="o-list-bare__item">
769                <a href="https://blog.embarklabs.io" target="_blank" rel="noopener" class="u-link-ghost" title="Blog">Blog</a>
770              </li>
771              <li class="o-list-bare__item">
772                <a href="/docs/faq.html" class="u-link-ghost" title="FAQ">FAQ</a>
773              </li>
774              <li class="o-list-bare__item">
775                <a href="/docs/troubleshooting.html" class="u-link-ghost" title="Troubleshooting">Troubleshooting</a>
776              </li>
777            </ul>
778          </div>
779          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
780            <p class="c-category-title u-text-light">Help</p>
781            <ul class="o-list-bare">
782              <li class="o-list-bare__item">
783                <a href="https://stackoverflow.com/questions/tagged/embark" target="_blank" rel="noopener" class="u-link-ghost" title="Embark Questions">Stack Overflow</a>
784              </li>
785              <li class="o-list-bare__item">
786                <a href="https://gitter.im/embark-framework/Lobby" target="_blank" rel="noopener" class="u-link-ghost" title="Gitter">Gitter</a>
787              </li>
788              <li class="o-list-bare__item">
789                <a href="https://github.com/embarklabs/embark/issues" target="_blank" rel="noopener" class="u-link-ghost" title="Report issues">Report issues</a>
790              </li>
791              <li class="o-list-bare__item">
792                <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>
793              </li>
794            </ul>
795          </div>
796          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-5">
797            <p class="c-category-title u-text-light">Community</p>
798            <ul class="o-list-bare">
799              <li class="o-list-bare__item">
800                <a href="https://github.com/embarklabs" target="_blank" rel="noopener" class="u-link-ghost" title="Github">Github</a>
801              </li>
802              <li class="o-list-bare__item">
803                <a href="https://twitter.com/EmbarkProject" target="_blank" rel="noopener" class="u-link-ghost" title="Twitter">Twitter</a>
804              </li>
805              <li class="o-list-bare__item">
806                <a href="/docs/contributing.html" class="u-link-ghost" title="Contribute">Contribute</a>
807              </li>
808              <li class="o-list-bare__item">
809                <a href="/community/#team" class="u-link-ghost" title="Team">Team</a>
810              </li>
811            </ul>
812          </div>
813  
814          <div class="o-grid__column--1-1 o-grid__column--medium-1-2 o-grid__column--large-1-4">
815            <p class="c-category-title u-text-light">The Status Network</p>
816            <ul class="o-list-bare two-columns">
817              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://status.im/" target="_blank">Status</a></li>
818              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://keycard.tech/" target="_blank">Keycard</a></li>
819              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://dap.ps/" target="_blank">dap.ps</a></li>
820              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://teller.exchange/" target="_blank">Teller</a></li>
821              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://assemble.fund/" target="_blank">Assemble</a></li>
822              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://subspace.embarklabs.io/" target="_blank">Subspace</a></li>
823              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://vac.dev/" target="_blank">Vac</a></li>
824              <li class="o-list-bare__item"><a class="u-link-ghost" href="https://nimbus.team/" target="_blank">Nimbus</a></li>
825            </ul>
826          </div>
827        </div>
828      </div>
829      <div class="c-footer__bottom">
830        <p class="u-text-light">
831          <a href="https://status.im/privacy-policy.html" title="Privacy Policy" target="_blank" class="u-text-light">Privacy Policy</a>
832          / © 2019-2020 Embark
833        </p>
834      </div>
835    </div>
836  </footer>
837  
838  
839  
840  
841      <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.4/highlight.min.js"></script>
842      <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
843      <script>
844        const EMBARK_DOC_VERSIONS = {
845          'latest': 'https://framework.embarklabs.io/docs','3.2': 'https://5ca4e0fdb29712000adde37f--embark-site-versions.netlify.com/docs/'
846        };
847      </script>
848  
849      
850      <!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
851      <script>
852      (function(f, a, t, h, o, m){
853          a[h]=a[h]||function(){(a[h].q=a[h].q||[]).push(arguments)};
854          o=f.createElement('script'),
855          m=f.getElementsByTagName('script')[0];
856          o.async=1; o.src=t; o.id='fathom-script';
857          m.parentNode.insertBefore(o,m)
858      })(document, window, '//fathom.status.im/tracker.js', 'fathom');
859      fathom('set', 'siteId', 'YDUQQ');
860      fathom('trackPageview');
861      </script>
862      <!-- / Fathom -->
863      
864  
865      <script src="/js/index.js"></script>
866  
867      
868      <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
869      <script type="text/javascript">
870        docsearch({
871          apiKey: '439d8dc2add18007a2f31be4a9c0ed70',
872          indexName: 'embark',
873          inputSelector: '#search-input'
874        });
875      </script>
876      
877    </body>
878  </html>
879