You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
529 KiB
73 lines
529 KiB
7 years ago
|
<!DOCTYPE html><html lang="en"><head><style data-href="/1.47243ae4a69a47515889.css">@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);.hidden.menu{display:none}.masthead.segment{min-height:700px;padding:1em 0}.masthead .logo.item img{margin-right:1em}.masthead .ui.menu .ui.button{margin-left:.5em}.masthead h1.ui.header{margin-top:3em;margin-bottom:0;font-size:4em;font-weight:400}.masthead h2{font-size:1.7em;font-weight:400}.ui.vertical.stripe{padding:8em 0}.ui.vertical.stripe h3{font-size:2em}.ui.vertical.stripe .button+h3,.ui.vertical.stripe p+h3{margin-top:3em}.ui.vertical.stripe .floated.image{clear:both}.ui.vertical.stripe p{font-size:1.33em}.ui.vertical.stripe .horizontal.divider{margin:3em 0}.ui.stripe.alternate{background-color:#f2f3f5}.quote.stripe.segment{padding:0}.quote.stripe.segment .grid .column{padding-top:5em;padding-bottom:5em}.footer.segment{padding:5em 0}.secondary.pointing.menu .toc.item{display:none}@media only screen and (max-width:700px){.masthead.segment{min-height:350px}.masthead h1.ui.header{font-size:2em;margin-top:1.5em}.masthead h2{margin-top:.5em;font-size:1.5em}}pre{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em;background:#272822}@media only screen and (max-width:767px){[class*="computer only"]:not(.mobile),[class*="large screen only"]:not(.mobile),[class*="mobile hidden"],[class*="or lower hidden"],[class*="tablet only"]:not(.mobile),[class*="widescreen only"]:not(.mobile){display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){[class*="computer only"]:not(.tablet),[class*="large screen only"]:not(.tablet),[class*="mobile only"]:not(.tablet),[class*="or lower hidden"]:not(.mobile),[class*="tablet hidden"],[class*="widescreen only"]:not(.tablet){display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){[class*="computer hidden"],[class*="large screen only"]:not(.computer),[class*="mobile only"]:not(.computer),[class*="or lower hidden"]:not(.tablet):not(.mobile),[class*="tablet only"]:not(.computer),[class*="widescreen only"]:not(.computer){display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){[class*="computer only"]:not([class*="large screen"]),[class*="large screen hidden"],[class*="mobile only"]:not([class*="large screen"]),[class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile),[class*="tablet only"]:not([class*="large screen"]),[class*="widescreen only"]:not([class*="large screen"]){display:none!important}}@media only screen and (min-width:1920px){[class*="computer only"]:not([class*=widescreen]),[class*="large screen only"]:not([class*=widescreen]),[class*="mobile only"]:not([class*=widescreen]),[class*="tablet only"]:not([class*=widescreen]),[class*="widescreen hidden"],[class*="widescreen or lower hidden"]{display:none!important}}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}input[type=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;-moz-appearance:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:initial}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0;color:#4183c4;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=subm
|
||
|
|
.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-page-tsx-958671ddf891da69252c.js"/><link as="script" rel="preload" href="/app-a58c13dd811881e99de0.js"/><link as="script" rel="preload" href="/1-e75627d9ddc8fa6f11de.js"/><link as="script" rel="preload" href="/2-dc02140301b3b88fa4df.js"/><link as="script" rel="preload" href="/0-63bc225aea0eb7bce835.js"/><link as="script" rel="preload" href="/webpack-runtime-9f680a4a7ba372e68fbe.js"/><link rel="preload" href="/static/d/64/path---blog-page-1-604-3f5-iTZT2zNPa3IAY0JrYQgPy0G9Y.json" as="fetch" crossOrigin="use-credentials"/><title>My website</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="/about/"><i aria-hidden="true" class="info circle icon"></i>About</a><a class="active item" href="/blog/"><i aria-hidden="true" class="newspaper icon"></i>Blog</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><div class="item mobile hidden"><i aria-hidden="true" class="spy big icon"></i></div><a class="item mobile hidden" href="/">Home</a><a class="item mobile hidden" href="/about/">About</a><a class="active item mobile hidden" href="/blog/">Blog</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 class="ui vertical segment"><div style="justify-content:space-around" class="ui padded grid"><div style="max-width:600px"><div class="ui container"><div class="ui fluid card"><img src="/static/pexels-photo-59628-091745cd48ceb8313ea81d0049393dc9-b3f24.jpeg" srcSet="/static/pexels-photo-59628-091745cd48ceb8313ea81d0049393dc9-b3f24.jpeg 1x,
|
||
|
|
/static/pexels-photo-59628-091745cd48ceb8313ea81d0049393dc9-17f65.jpeg 1.5x,
|
||
|
|
/static/pexels-photo-59628-091745cd48ceb8313ea81d0049393dc9-96e99.jpeg 2x,
|
||
|
|
/static/pexels-photo-59628-091745cd48ceb8313ea81d0049393dc9-df13f.jpeg 3x" class="ui image"/><div class="content"><div class="header">Article #1</div><div class="description">My awesome article TODO Replace image Write an awesome article<br/><a href="/blog/2017-05-02--article-1/">Read more…</a></div></div><div class="extra content"><div class="ui comments"><div class="comment"><div srcSet="/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-2aa42.jpg 1x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-9107a.jpg 1.5x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-4c72c.jpg 2x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-bb2c7.jpg 3x" class="avatar"><img src="/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-2aa42.jpg"/></div><div class="content"><div style="font-weight:400" class="author">Fabien BERNARD</div><div style="margin:0" class="metadata">06 May, 2017<!-- --> - <!-- -->1<!-- --> min read</div></div></div></div></div></div><div class="ui fluid card"><img src="/static/pexels-photo-253092-1687ff8f3ef6dfcb7c7674f9248bf6af-b3f24.jpeg" srcSet="/static/pexels-photo-253092-1687ff8f3ef6dfcb7c7674f9248bf6af-b3f24.jpeg 1x,
|
||
|
|
/static/pexels-photo-253092-1687ff8f3ef6dfcb7c7674f9248bf6af-17f65.jpeg 1.5x,
|
||
|
|
/static/pexels-photo-253092-1687ff8f3ef6dfcb7c7674f9248bf6af-96e99.jpeg 2x,
|
||
|
|
/static/pexels-photo-253092-1687ff8f3ef6dfcb7c7674f9248bf6af-df13f.jpeg 3x" class="ui image"/><div class="content"><div class="header">Welcoming</div><div class="description">Welcome to gatsby-starter! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique lacus vitae diam posuere faucibus. In…<br/><a href="/blog/2017-04-18--welcoming/">Read more…</a></div></div><div class="extra content"><div class="ui comments"><div class="comment"><div srcSet="/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-2aa42.jpg 1x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-9107a.jpg 1.5x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-4c72c.jpg 2x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-bb2c7.jpg 3x" class="avatar"><img src="/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-2aa42.jpg"/></div><div class="content"><div style="font-weight:400" class="author">Fabien BERNARD</div><div style="margin:0" class="metadata">06 May, 2017<!-- --> - <!-- -->2<!-- --> min read</div></div></div></div></div></div><div class="ui fluid card"><img src="/static/cup-of-coffee-laptop-office-macbook-89786-98bc53d2012296d56b37cad2ff328b5a-b3f24.jpeg" srcSet="/static/cup-of-coffee-laptop-office-macbook-89786-98bc53d2012296d56b37cad2ff328b5a-b3f24.jpeg 1x,
|
||
|
|
/static/cup-of-coffee-laptop-office-macbook-89786-98bc53d2012296d56b37cad2ff328b5a-17f65.jpeg 1.5x,
|
||
|
|
/static/cup-of-coffee-laptop-office-macbook-89786-98bc53d2012296d56b37cad2ff328b5a-96e99.jpeg 2x,
|
||
|
|
/static/cup-of-coffee-laptop-office-macbook-89786-98bc53d2012296d56b37cad2ff328b5a-df13f.jpeg 3x" class="ui image"/><div class="content"><div class="header">Article #2</div><div class="description">My awesome article TODO Replace image Write an awesome article<br/><a href="/blog/2017-05-02--article-2/">Read more…</a></div></div><div class="extra content"><div class="ui comments"><div class="comment"><div srcSet="/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-2aa42.jpg 1x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-9107a.jpg 1.5x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-4c72c.jpg 2x,
|
||
|
|
/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-bb2c7.jpg 3x" class="avatar"><img src="/static/fabien0102-b6ef9775fbd80f749a9fed792fe4e01f-2aa42.jpg"/></div><div class="content"><div style="font-weight:400" class="author">Fabien BERNARD</div><div style="margin:0" class="metadata">06 May, 2017<!-- --> - <!-- -->1<!-- --> min read</div></div></div></div></div></div></div><div class="ui vertical center aligned segment"></div></div><div><div class="ui card"><div class="content"><div class="header">Tags</div></div><div class="content"><div role="list" class="ui list"><span role="listitem" class="item"><i aria-hidden="true" class="tag icon"></i><div class="content"><a href="/blog/tags/gatsby/">gatsby<!-- --> (<!-- -->1<!-- -->)</a></div></span><span role="listitem" class="item"><i aria-hidden="true" class="tag icon"></i><div class="content"><a href="/blog/tags/starter/">starter<!-- --> (<!-- -->1<!-- -->)</a></div></span><span role="listitem" class="item"><i aria-hidden="true" class="tag icon"></i><div class="content"><a href="/blog/tags/test/">test<!-- --> (<!-- -->2<!-- -->)</a></div></span></div></div></div></div></div></div></div></div><div style="position:absolute;bottom:0;width:100%" class="ui inverted vertical segment"><div class="ui center aligned container"><p>Powered with <i aria-hidden="true" class="heart icon"></i> by Gatsby 2.0</p></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-page-tsx","jsonName":"blog-page-1-604","path":"/blog/page/1/"};window.dataPath="64/path---blog-page-1-604-3f5-iTZT2zNPa3IAY0JrYQgPy0G9Y";/*]]>*/</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-1e2214e77535de847c9f.js"],"component---src-templates-tags-page-tsx":["/component---src-templates-tags-page-tsx-dcd1de4763b9f1e59a4d.js"],"component---src-templates-blog-page-tsx":["/component---src-templates-blog-page-tsx-958671ddf891da69252c.js"],"component---src-pages-404-tsx":["/component---src-pages-404-tsx-ce55f7437f4c570e2968.js"],"component---src-pages-about-tsx":["/component---src-pages-about-tsx-4b0ecdfcc5fcd22a1bc3.js"],"component---src-pages-blog-tsx":["/component---src-pages-blog-tsx-1066ef3099260f05146b.js"],"component---src-pages-index-tsx":["/component---src-pages-index-tsx-b1d859308511b3d7d12c.js"]};/*]]>*/</script><script src="/webpack-runtime-9f680a4a7ba372e68fbe.js" async=""></script><script src="/0-63bc225aea0eb7bce835.js" async=""></script><script src="/2-dc02140301b3b88fa4df.js" async=""></script><script src="/1-e75627d9ddc8fa6f11de.js" async=""></script><script src="/app-a58c13dd811881e99de0.js" async=""></script><script src="/component---src-templates-blog-page-tsx-958671ddf891da69252c.js" async=""></script></body></html>
|