<!DOCTYPE html> < html lang = "en" > < head > < style data-href = "/1.7eadc475d997b25964be.css" > @ i m p o r t u r l ( h t t p s : / / f o n t s . g o o g l e a p i s . c o m / c s s ? f a m i l y = L a t o : 4 0 0 , 7 0 0 , 4 0 0 i t a l i c , 7 0 0 i t a l i c & s u b s e t = l a t i n ) ; . h i d d e n . m e n u { d i s p l a y : n o n e } . m a s t h e a d . s e g m e n t { m i n - h e i g h t : 7 0 0 p x ; p a d d i n g : 1 e m 0 ; b a c k g r o u n d - c o l o r : # 2 4 2 6 3 3 ! i m p o r t a n t } . m a s t h e a d . l o g o . i t e m i m g { m a r g i n - r i g h t : 1 e m } . m a s t h e a d . u i . m e n u . u i . b u t t o n { m a r g i n - l e f t : . 5 e m } . m a s t h e a d h 1 . u i . h e a d e r { m a r g i n - t o p : 3 e m ; m a r g i n - b o t t o m : 0 ; f o n t - s i z e : 4 e m ; f o n t - w e i g h t : 4 0 0 } . m a s t h e a d h 2 { f o n t - s i z e : 1 . 7 e m ; f o n t - w e i g h t : 4 0 0 } . u i . v e r t i c a l . s t r i p e { p a d d i n g : 8 e m 0 } . u i . v e r t i c a l . s t r i p e h 3 { f o n t - s i z e : 2 e m } . u i . v e r t i c a l . s t r i p e . b u t t o n + h 3 , . u i . v e r t i c a l . s t r i p e p + h 3 { m a r g i n - t o p : 3 e m } . u i . v e r t i c a l . s t r i p e . f l o a t e d . i m a g e { c l e a r : b o t h } . u i . v e r t i c a l . s t r i p e p { f o n t - s i z e : 1 . 3 3 e m } . u i . v e r t i c a l . s t r i p e . h o r i z o n t a l . d i v i d e r { m a r g i n : 3 e m 0 } . u i . s t r i p e . a l t e r n a t e { b a c k g r o u n d - c o l o r : # f 2 f 3 f 5 } . q u o t e . s t r i p e . s e g m e n t { p a d d i n g : 0 } . q u o t e . s t r i p e . s e g m e n t . g r i d . c o l u m n { p a d d i n g - t o p : 5 e m ; p a d d i n g - b o t t o m : 5 e m } . f o o t e r . s e g m e n t { p a d d i n g : 5 e m 0 } . s e c o n d a r y . p o i n t i n g . m e n u . t o c . i t e m { d i s p l a y : n o n e } @ m e d i a o n l y s c r e e n a n d ( m a x - w i d t h : 7 0 0 p x ) { . m a s t h e a d . s e g m e n t { m i n - h e i g h t : 3 5 0 p x } . m a s t h e a d h 1 . u i . h e a d e r { f o n t - s i z e : 2 e m ; m a r g i n - t o p : 1 . 5 e m } . m a s t h e a d h 2 { m a r g i n - t o p : . 5 e m ; f o n t - s i z e : 1 . 5 e m } } p r e { p a d d i n g : 1 e m ; m a r g i n : . 5 e m 0 ; o v e r f l o w : a u t o ; b o r d e r - r a d i u s : . 3 e m ; b a c k g r o u n d : # 2 7 2 8 2 2 } . u i . p r i m a r y . b u t t o n { b o r d e r - r a d i u s : 5 p x ; o u t l i n e : n o n e ; b o r d e r : n o n e ; t r a n s i t i o n : a l l . 2 5 s ; p a d d i n g : . 5 e m 1 . 5 e m ; t e x t - a l i g n : c e n t e r ; d i s p l a y : i n l i n e - b l o c k ; b a c k g r o u n d - c o l o r : # f d 9 8 0 0 ! i m p o r t a n t } . u i . p r i m a r y . b u t t o n : h o v e r { o p a c i t y : . 7 } @ m e d i a o n l y s c r e e n a n d ( m a x - w i d t h : 7 6 7 p x ) { [ c l a s s * = " c o m p u t e r o n l y " ] : n o t ( . m o b i l e ) , [ c l a s s * = " l a r g e s c r e e n o n l y " ] : n o t ( . m o b i l e ) , [ c l a s s * = " m o b i l e h i d d e n " ] , [ c l a s s * = " o r l o w e r h i d d e n " ] , [ c l a s s * = " t a b l e t o n l y " ] : n o t ( . m o b i l e ) , [ c l a s s * = " w i d e s c r e e n o n l y " ] : n o t ( . m o b i l e ) { d i s p l a y : n o n e ! i m p o r t a n t } } @ m e d i a o n l y s c r e e n a n d ( m i n - w i d t h : 7 6 8 p x ) a n d ( m a x - w i d t h : 9 9 1 p x ) { [ c l a s s * = " c o m p u t e r o n l y " ] : n o t ( . t a b l e t ) , [ c l a s s * = " l a r g e s c r e e n o n l y " ] : n o t ( . t a b l e t ) , [ c l a s s * = " m o b i l e o n l y " ] : n o t ( . t a b l e t ) , [ c l a s s * = " o r l o w e r h i d d e n " ] : n o t ( . m o b i l e ) , [ c l a s s * = " t a b l e t h i d d e n " ] , [ c l a s s * = " w i d e s c r e e n o n l y " ] : n o t ( . t a b l e t ) { d i s p l a y : n o n e ! i m p o r t a n t } } @ m e d i a o n l y s c r e e n a n d ( m i n - w i d t h : 9 9 2 p x ) a n d ( m a x - w i d t h : 1 1 9 9 p x ) { [ c l a s s * = " c o m p u t e r h i d d e n " ] , [ c l a s s * = " l a r g e s c r e e n o n l y " ] : n o t ( . c o m p u t e r ) , [ c l a s s * = " m o b i l e o n l y " ] : n o t ( . c o m p u t e r ) , [ c l a s s * = " o r l o w e r h i d d e n " ] : n o t ( . t a b l e t ) : n o t ( . m o b i l e ) , [ c l a s s * = " t a b l e t o n l y " ] : n o t ( . c o m p u t e r ) , [ c l a s s * = " w i d e s c r e e n o n l y " ] : n o t ( . c o m p u t e r ) { d i s p l a y : n o n e ! i m p o r t a n t } } @ m e d i a o n l y s c r e e n a n d ( m i n - w i d t h : 1 2 0 0 p x ) a n d ( m a x - w i d t h : 1 9 1 9 p x ) { [ c l a s s * = " c o m p u t e r o n l y " ] : n o t ( [ c l a s s * = " l a r g e s c r e e n " ] ) , [ c l a s s * = " l a r g e s c r e e n h i d d e n " ] , [ c l a s s * = " m o b i l e o n l y " ] : n o t ( [ c l a s s * = " l a r g e s c r e e n " ] ) , [ c l a s s * = " o r l o w e r h i d d e n " ] : n o t ( . c o m p u t e r ) : n o t ( . t a b l e t ) : n o t ( . m o b i l e ) , [ c l a s s * = " t a b l e t o n l y " ] : n o t ( [ c l a s s * = " l a r g e s c r e e n " ] ) , [ c l a s s * = " w i d e s c r e e n o n l y " ] : n o t ( [ c l a s s * = " l a r g e s c r e e n " ] ) { d i s p l a y : n o n e ! i m p o r t a n t } } @ m e d i a o n l y s c r e e n a n d ( m i n - w i d t h : 1 9 2 0 p x ) { [ c l a s s * = " c o m p u t e r o n l y " ] : n o t ( [ c l a s s * = w i d e s c r e e n ] ) , [ c l a s s * = " l a r g e s c r e e n o n l y " ] : n o t ( [ c l a s s * = w i d e s c r e e n ] ) , [ c l a s s * = " m o b i l e o n l y " ] : n o t ( [ c l a s s * = w i d e s c r e e n ] ) , [ c l a s s * = " t a b l e t o n l y " ] : n o t ( [ c l a s s * = w i d e s c r e e n ] ) , [ c l a s s * = " w i d e s c r e e n h i d d e n " ] , [ c l a s s * = " w i d e s c r e e n o r l o w e r h i d d e n " ] { d i s p l a y : n o n e ! i m p o r t a n t } } * , : a f t e r , : b e f o r e { b o x - s i z i n g : i n h e r i t } h t m l { b o x - s i z i n g : b o r d e r - b o x ; f o n t - f a m i l y : s a n s - s e r i f ; - m s - t e x t - s i z e - a d j u s t : 1 0 0 % ; - w e b k i t - t e x t - s i z e - a d j u s t : 1 0 0 % } i n p u t [ t y p e = e m a i l ] , i n p u t [ t y p e = p a s s w o r d ] , i n p u t [ t y p e = s e a r c h ] , i n p u t [ t y p e = t e x t ] { - w e b k i t - a p p e a r a n c e : n o n e ; - m o z - a p p e a r a n c e : n o n e } a r t i c l e , a s i d e , d e t a i l s , f i g c a p t i o n , f i g u r e , f o o t e r , h e a d e r , h g r o u p , m a i n , n a v , s e c t i o n , s u m m a r y { d i s p l a y : b l o c k } a u d i o , c a n v a s , p r o g r e s s , v i d e o { d i s p l a y : i n l i n e - b l o c k ; v e r t i c a l - a l i g n : i n i t i a l } a u d i o : n o t ( [ c o n t r o l s ] ) { d i s p l a y : n o n e ; h e i g h t : 0 } [ h i d d e n ] , t e m p l a t e { d i s p l a y : n o n e } a { b a c k g r o u n d : 0 0 ; c o l o r : # 4 1 8 3 c 4 ; t e x t - d e c o r a t i o n : n o n e } a : a c t i v e , a : h o v e r { o u t l i n e : 0 } a b b r [ t i t l e ] { b o r d e r - b o t t o m : 1 p x d o t t e d } b , o p t g r o u p , s t r o n g { f o n t - w e i g h t : 7 0 0 } d f n { f o n t - s t y l e : i t a l i c } m a r k { b a c k g r o u n d : # f f 0 ; c o l o r : # 0 0 0 } s m a l l { f o n t - s i z e : 8 0 % } s u b , s u p { f o n t - s i z e : 7 5 % ; l i n e - h e i g h t : 0 ; p o s i t i o n : r e l a t i v e ; v e r t i c a l - a l i g n : i n i t i a l } s u p { t o p : - . 5 e m } s u b { b o t t o m : - . 2 5 e m } i m g { b o r d e r : 0 } s v g : n o t ( : r o o t ) { o v e r f l o w : h i d d e n } f i g u r e { m a r g i n : 1 e m 4 0 p x } h r { h e i g h t : 0 } p r e , t e x t a r e a { o v e r f l o w : a u t o } c o d e , k b d , p r e , s
.anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
}
h1 .anchor svg,
h2 .anchor svg,
h3 .anchor svg,
h4 .anchor svg,
h5 .anchor svg,
h6 .anchor svg {
visibility: hidden;
}
h1:hover .anchor svg,
h2:hover .anchor svg,
h3:hover .anchor svg,
h4:hover .anchor svg,
h5:hover .anchor svg,
h6:hover .anchor svg,
h1 .anchor:focus svg,
h2 .anchor:focus svg,
h3 .anchor:focus svg,
h4 .anchor:focus svg,
h5 .anchor:focus svg,
h6 .anchor:focus svg {
visibility: visible;
}
< / style > < script >
document.addEventListener("DOMContentLoaded", function(event) {
var hash = window.decodeURI(location.hash.replace('#', ''))
if (hash !== '') {
var element = document.getElementById(hash)
if (element) {
var offset = element.offsetTop
// Wait for the browser to finish rendering before scrolling.
setTimeout((function() {
window.scrollTo(0, offset - 0)
}), 0)
}
}
})
< / script > < link rel = "manifest" href = "/manifest.webmanifest" / > < meta name = "theme-color" content = "#191919" / > < link as = "script" rel = "preload" href = "/component---src-templates-blog-post-tsx-cf989abdc9fca5f63f65.js" / > < link as = "script" rel = "preload" href = "/app-a58c13dd811881e99de0.js" / > < link as = "script" rel = "preload" href = "/1-729dc094f56b234806e8.js" / > < link as = "script" rel = "preload" href = "/2-8aa35b0124f5f368f437.js" / > < link as = "script" rel = "preload" href = "/0-a29ee00b76a83abe10a4.js" / > < link as = "script" rel = "preload" href = "/webpack-runtime-9c94daf3307a00659a47.js" / > < link rel = "preload" href = "/static/d/950/path---blog-2018-10-01-welcoming-d-56-0ab-p6YGgryZsyYITEaQUxdC4CtDSrA.json" as = "fetch" crossOrigin = "use-credentials" / > < title > Zap Desktop< / title > < meta charSet = "utf-8" / > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" / > < meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0" / > < title data-react-helmet = "true" > < / title > < meta name = "google-site-verification" content = "abcdefz" / > < / head > < body > < div id = "___gatsby" > < div style = "outline:none" tabindex = "-1" role = "group" > < div class = "ui segment pushable" > < div class = "ui vertical labeled icon ui slide along left thin sidebar menu" > < a class = "item" href = "/" > < i aria-hidden = "true" class = "home icon" > < / i > Home< / a > < a class = "item" href = "/https:/github.com/LN-Zap/zap-desktop" > < i aria-hidden = "true" class = "icon" > < / i > Documentation< / a > < a class = "item" href = "/https:/ln-zap.github.io/zap-tutorials/" > < i aria-hidden = "true" class = "icon" > < / i > Tutorials< / a > < a class = "item" href = "/zap-desktop/storybook/" > < i aria-hidden = "true" class = "icon" > < / i > Developer Resources< / a > < / div > < div style = "min-height:100vh" class = "pusher" > < div class = "ui container" > < div class = "ui large pointing secondary menu" > < a class = "icon item mobile only" > < i aria-hidden = "true" class = "sidebar icon" > < / i > < / a > < a class = "item mobile hidden" href = "/" > Home< / a > < a class = "item mobile hidden" href = "/https:/github.com/LN-Zap/zap-desktop" > Documentation< / a > < a class = "item mobile hidden" href = "/https:/ln-zap.github.io/zap-tutorials/" > Tutorials< / a > < a class = "item mobile hidden" href = "/zap-desktop/storybook/" > Developer Resources< / a > < / div > < / div > < div style = "padding-bottom:60px" > < div class = "ui container" > < div class = "ui vertical segment" > < h2 class = "ui header" > < i aria-hidden = "true" class = "newspaper icon" > < / i > < div class = "content" > Blog< div class = "sub header" > All about this starter kit< / div > < / div > < / h2 > < / div > < div style = "border:none" class = "ui vertical segment" > < div class = "ui items" > < div class = "item" > < div class = "ui tiny circular image" > < img src = "/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-0294e.jpg" srcSet = "/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-0294e.jpg 1x ,
/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-f0f16.jpg 1.5x,
/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-6c605.jpg 2x,
/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-031f1.jpg 3x"/>< / div > < div class = "content" > < div class = "description" > Tom Kirkpatrick< / div > < div class = "meta" > Zap Developer< / div > < div class = "extra" > May 6, 2017<!-- --> - <!-- --> 1<!-- --> min read< / div > < / div > < / div > < / div > < h1 class = "ui header" > Welcoming< / h1 > < / div > < img src = "/static/pexels-photo-253092-edd659cca7542307745a0fa73b553b37-53e6a.jpeg" srcSet = "/static/pexels-photo-253092-edd659cca7542307745a0fa73b553b37-53e6a.jpeg 1x ,
/static/pexels-photo-253092-edd659cca7542307745a0fa73b553b37-8127e.jpeg 1.5x,
/static/pexels-photo-253092-edd659cca7542307745a0fa73b553b37-d2c77.jpeg 2x,
/static/pexels-photo-253092-edd659cca7542307745a0fa73b553b37-07c98.jpeg 3x" class="ui fluid image"/>< div style = "border:none" class = "ui vertical segment" > < p > My awesome article 1< / p > < / div > < div class = "ui vertical segment" > < div class = "ui label" > < a href = "/blog/tags/zap/" > zap< / a > < / div > < / div > < div class = "ui vertical segment" > < div id = "disqus_thread" > < / div > < / div > < div class = "ui vertical segment" > < div class = "ui centered padded grid" > < div style = "padding-bottom:1em" > < a class = "ui card" href = "/blog/2018-10-02--article-1/" > < img src = "/static/pexels-photo-59628-4525b4b17988d46f66c591f420498c2f-1bfe5.jpeg" srcSet = "/static/pexels-photo-59628-4525b4b17988d46f66c591f420498c2f-1bfe5.jpeg 1x ,
/static/pexels-photo-59628-4525b4b17988d46f66c591f420498c2f-60440.jpeg 1.5x,
/static/pexels-photo-59628-4525b4b17988d46f66c591f420498c2f-168f5.jpeg 2x,
/static/pexels-photo-59628-4525b4b17988d46f66c591f420498c2f-40495.jpeg 3x" class="ui image"/>< div class = "content" > < div class = "header" > Article #1< / div > < / div > < div class = "extra content" > < div class = "ui comments" > < div class = "comment" > < div srcSet = "/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-e9ed2.jpg 1x ,
/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-f1b3b.jpg 1.5x,
/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-d2364.jpg 2x,
/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-6f7fc.jpg 3x" class="avatar">< img src = "/static/mrfelton-7c550e4f537a68864dc3f457855d37b9-e9ed2.jpg" / > < / div > < div class = "content" > < div style = "font-weight:400" class = "author" > Tom Kirkpatrick< / div > < div style = "margin:0" class = "metadata" > 1<!-- --> min read< / div > < / div > < / div > < / div > < / div > < / a > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < script >
function gaOptout(){document.cookie=disableStr+'=true; expires=Thu, 31 Dec 2099 23:59:59 UTC;path=/',window[disableStr]=!0}var gaProperty='YOUR_GOOGLE_ANALYTICS_TRACKING_ID',disableStr='ga-disable-'+gaProperty;document.cookie.indexOf(disableStr+'=true')>-1&&(window[disableStr]=!0);
if(!(navigator.doNotTrack == "1" || window.doNotTrack == "1")) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
}
if (typeof ga === "function") {
ga('create', 'YOUR_GOOGLE_ANALYTICS_TRACKING_ID', 'auto', {});
ga('set', 'anonymizeIp', true);}
< / script > < script id = "gatsby-script-loader" > /*<![CDATA[*/ window . page = { "componentChunkName" : "component---src-templates-blog-post-tsx" , "jsonName" : "blog-2018-10-01-welcoming-d56" , "path" : "/blog/2018-10-01--welcoming/" } ; window . dataPath = "950/path---blog-2018-10-01-welcoming-d-56-0ab-p6YGgryZsyYITEaQUxdC4CtDSrA" ; /*]]>*/ < / script > < script id = "gatsby-chunk-mapping" > /*<![CDATA[*/ window . ___ chunkMapping = { "app" : [ "/app-a58c13dd811881e99de0.js" ] , "component---node-modules-gatsby-plugin-offline-app-shell-js" : [ "/component---node-modules-gatsby-plugin-offline-app-shell-js-c9e66d02ce31a3008827.js" ] , "component---src-templates-blog-post-tsx" : [ "/component---src-templates-blog-post-tsx-cf989abdc9fca5f63f65.js" ] , "component---src-templates-tags-page-tsx" : [ "/component---src-templates-tags-page-tsx-0f41bd3e876a0f1d365d.js" ] , "component---src-templates-blog-page-tsx" : [ "/component---src-templates-blog-page-tsx-592225c5beff9474c28b.js" ] , "component---src-pages-404-tsx" : [ "/component---src-pages-404-tsx-a325c532113eeab19b8d.js" ] , "component---src-pages-about-tsx" : [ "/component---src-pages-about-tsx-46c3de459f3ab8fb7c6e.js" ] , "component---src-pages-blog-tsx" : [ "/component---src-pages-blog-tsx-ad870ef4b1415fc94eab.js" ] , "component---src-pages-index-tsx" : [ "/component---src-pages-index-tsx-d6930d5e7fe28fd528ec.js" ] } ; /*]]>*/ < / script > < script src = "/webpack-runtime-9c94daf3307a00659a47.js" async = "" > < / script > < script src = "/0-a29ee00b76a83abe10a4.js" async = "" > < / script > < script src = "/2-8aa35b0124f5f368f437.js" async = "" > < / script > < script src = "/1-729dc094f56b234806e8.js" async = "" > < / script > < script src = "/app-a58c13dd811881e99de0.js" async = "" > < / script > < script src = "/component---src-templates-blog-post-tsx-cf989abdc9fca5f63f65.js" async = "" > < / script > < / body > < / html >
