Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 10.4 KB
/
Copy pathindex.html
File metadata and controls
1 lines (1 loc) · 10.4 KB
1
<!doctype html> <html class="theme-default typo-default" lang=en> <head> <meta charset=utf-8> <meta content="width=device-width" name=viewport> <meta content=#aa1e1e name=theme-color> <base href=/ > <link href=global.css rel=stylesheet> <link href=prism.css rel=stylesheet> <link href=manifest.json rel=manifest> <link href=favicon.png rel=icon type=image/png> <style>main.svelte-hpyrv2{position:relative;margin:0 auto;padding:var(--nav-h) var(--side-nav) 0 var(--side-nav);overflow-x:hidden}.design-attribution.svelte-hpyrv2{color:#aaa;font-size:1.2rem;padding:.5rem 1rem}header.svelte-pkbmi6{position:fixed;display:flex;align-items:center;justify-content:space-between;width:100vw;height:var(--nav-h);padding:0 var(--side-nav);margin:0 auto;background-color:#fff;box-shadow:0 -.4rem .9rem .2rem rgba(0,0,0,.5);font-family:var(--font);z-index:10;user-select:none;transform:translate(0,calc(-100% - 1rem));transition:transform .2s}header.visible.svelte-pkbmi6{transform:none}nav.svelte-pkbmi6{position:fixed;top:0;left:0;width:100vw;height:var(--nav-h);padding:0 var(--side-nav) 0 var(--side-nav);display:flex;align-items:center;justify-content:space-between;background-color:transparent;transform:none;transition:none;box-shadow:none}h2.svelte-pkbmi6{display:block;text-transform:uppercase;font-weight:300;font-size:2.8rem;letter-spacing:.12em;line-height:1;margin:0;top:.1rem}.primary.svelte-pkbmi6{list-style:none;font-family:var(--font);margin:0;line-height:1}li.svelte-pkbmi6{display:block;display:none}li.active.svelte-pkbmi6{display:block}ul.svelte-pkbmi6{position:relative;padding:0 2em 0 0;background:url(/icons/chevron.svg) calc(100% - 1em) .05em no-repeat;background-size:1em 1em}ul.svelte-pkbmi6::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0}ul.open.svelte-pkbmi6{padding:0 2em 1em 2em;background:#fff;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;border-radius:0 0 var(--border-r) var(--border-r);align-self:start}ul.open.svelte-pkbmi6 li.svelte-pkbmi6{display:block;text-align:right}ul.open.svelte-pkbmi6::after{display:none}ul.svelte-pkbmi6 li a.svelte-pkbmi6{font-size:var(--h6);padding:0 .8rem}ul.open.svelte-pkbmi6 li a.svelte-pkbmi6{padding:2.3rem .7rem 0 .8rem;display:block}.primary.svelte-pkbmi6 svg{width:2rem;height:2rem}.home.svelte-pkbmi6{position:relative;top:0;width:18rem;color:var(--second);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;z-index:11;padding:.5rem 0 .3rem 4.2rem;background:url(/logo.svg) 0 50% no-repeat;background-size:auto 100%}.active.svelte-pkbmi6{color:var(--prime)}@media(min-width:768px){ul.svelte-pkbmi6{padding:0;background:0 0}ul.open.svelte-pkbmi6{padding:0;background:#fff;border:none;align-self:initial}ul.open.svelte-pkbmi6 li.svelte-pkbmi6{display:inline;text-align:left}ul.open.svelte-pkbmi6 li a.svelte-pkbmi6{font-size:var(--h6);padding:0 .8rem;display:inline}ul.svelte-pkbmi6::after{display:none}li.svelte-pkbmi6{display:inline!important}.hide-if-desktop.svelte-pkbmi6{display:none!important}}.icon.svelte-1gsl016{position:relative;overflow:hidden;vertical-align:middle;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center center;transform-origin:center center;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.posts.svelte-3oiz27{grid-template-columns:1fr 1fr;grid-gap:1em;min-height:calc(100vh - var(--nav-h));padding:var(--top-offset) 0;max-width:var(--main-width);margin:0 auto}h2.svelte-3oiz27{display:inline-block;margin:2rem 0 .5rem 0;color:var(--second);font-size:2rem}.post.svelte-3oiz27:first-child{margin:0 0 2em 0;border-bottom:1px solid #eee}.post.svelte-3oiz27:first-child h2.svelte-3oiz27{font-size:4rem}.post.svelte-3oiz27:first-child::before{content:'Latest post • ' attr(data-pubdate);font-weight:400;color:#aaa;text-transform:uppercase}.post.svelte-3oiz27:nth-child(2)::before{content:'Older posts';font-weight:400;color:#aaa;text-transform:uppercase}.post.svelte-3oiz27 p.svelte-3oiz27{font-size:var(--h5);max-width:30em;color:var(--second)}.post.svelte-3oiz27>a.svelte-3oiz27{display:block}.posts.svelte-3oiz27 a.svelte-3oiz27:hover,.posts.svelte-3oiz27 a:hover>h2.svelte-3oiz27{color:var(--flash)}</style> <noscript id=sapper-head-start></noscript><title>Svelte Native • A Svelte Mobile Development Experience</title><noscript id=sapper-head-end></noscript> </head> <body> <div id=sapper> <svg style=display:none> <symbol class=icon id=arrow-left viewBox="0 0 24 24"> <line x1=19 x2=5 y1=12 y2=12></line> <polyline points="12 19 5 12 12 5"></polyline> </symbol> <symbol class=icon id=arrow-right viewBox="0 0 24 24"> <line x1=5 x2=19 y1=12 y2=12></line> <polyline points="12 5 19 12 12 19"></polyline> </symbol> <symbol class=icon id=arrow-up viewBox="0 0 24 24"> <line x1=12 x2=12 y1=19 y2=5></line> <polyline points="5 12 12 5 19 12"></polyline> </symbol> <symbol class=icon id=arrow-down viewBox="0 0 24 24"> <line x1=12 x2=12 y1=5 y2=19></line> <polyline points="19 12 12 19 5 12"></polyline> </symbol> <symbol class=icon id=check viewBox="0 0 24 24"> <polyline points="20 6 9 17 4 12"></polyline> </symbol> <symbol class=icon id=close viewBox="0 0 24 24"> <line x1=18 x2=6 y1=6 y2=18></line> <line x1=6 x2=18 y1=6 y2=18></line> </symbol> <symbol class=icon id=download viewBox="0 0 24 24"> <path d="M21 15V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V15"></path> <polyline points="7 10 12 15 17 10"></polyline> <line x1=12 x2=12 y1=15 y2=3></line> </symbol> <symbol class=icon id=edit viewBox="0 0 24 24"> <path d="M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34"></path> <polygon points="18 2 22 6 12 16 8 16 8 12 18 2"></polygon> </symbol> <symbol class=icon id=github viewBox="0 0 24 24"> <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path> </symbol> <symbol class=icon id=git-branch viewBox="0 0 24 24"> <line x1=6 x2=6 y1=3 y2=15></line> <circle cx=18 cy=6 r=3></circle> <circle cx=6 cy=18 r=3></circle> <path d="M18 9a9 9 0 0 1-9 9"></path> </symbol> <symbol class=icon id=log-in viewBox="0 0 24 24"> <path d="M15 3H19A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H15"></path> <polyline points="10 17 15 12 10 7"></polyline> <line x1=15 x2=3 y1=12 y2=12></line> </symbol> <symbol class=icon id=maximize viewBox="0 0 24 24"> <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path> </symbol> <symbol class=icon id=maximize-2 viewBox="0 0 24 24"> <polyline points="15 3 21 3 21 9"></polyline> <polyline points="9 21 3 21 3 15"></polyline> <line x1=21 x2=14 y1=3 y2=10></line> <line x1=3 x2=10 y1=21 y2=14></line> </symbol> <symbol class=icon id=menu viewBox="0 0 24 24"> <line x1=3 x2=21 y1=12 y2=12></line> <line x1=3 x2=21 y1=6 y2=6></line> <line x1=3 x2=21 y1=18 y2=18></line> </symbol> <symbol class=icon id=message-square viewBox="0 0 24 24"> <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path> </symbol> <symbol class=icon id=minus viewBox="0 0 24 24"> <line x1=5 x2=19 y1=12 y2=12></line> </symbol> <symbol class=icon id=plus viewBox="0 0 24 24"> <line x1=12 x2=12 y1=5 y2=19></line> <line x1=5 x2=19 y1=12 y2=12></line> </symbol> <symbol class=icon id=save viewBox="0 0 24 24"> <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path> <polyline points="17 21 17 13 7 13 7 21"></polyline> <polyline points="7 3 7 8 15 8"></polyline> </symbol> <symbol class=icon id=link viewBox="0 0 24 24"> <path d="M9,7L6,7A2 2 0 0 0 6,17L9,17"></path> <path d="M15,7L18,7A2 2 0 0 1 18,17L15,17"></path> <path d=M7,12L17,12></path> </symbol> <symbol class=icon id=chevron viewBox="0 0 24 24"> <path d="M2,7 L12,17 L20,7"></path> </symbol> </svg> <header class="svelte-pkbmi6 visible"> <nav class=svelte-pkbmi6> <a class="svelte-pkbmi6 home" href=. rel=prefetch title=Homepage> <h2 class=svelte-pkbmi6>Native</h2> </a> <ul class="svelte-pkbmi6 primary"> <li class="svelte-pkbmi6 hide-if-desktop"><a class=svelte-pkbmi6 href=. rel=prefetch>Home</a></li> <li class=svelte-pkbmi6><a class=svelte-pkbmi6 href=tutorial rel=prefetch>Tutorial</a></li> <li class=svelte-pkbmi6><a class=svelte-pkbmi6 href=docs rel=prefetch>API Docs</a></li> <li class="svelte-pkbmi6 active"><a class=svelte-pkbmi6 href=blog rel=prefetch>Blog</a></li> <li class=svelte-pkbmi6><a class=svelte-pkbmi6 href=https://v3.svelte.technology/ >Svelte</a></li> <li class=svelte-pkbmi6><a class=svelte-pkbmi6 href=https://docs.nativescript.org/start/introduction>NativeScript</a></li> <li class=svelte-pkbmi6> <a class=svelte-pkbmi6 href=https://github.com/halfnelson/svelte-native title="Github Repo"> <svg class="icon svelte-1gsl016" height=20 width=20> <use xlink:href=#github></use> </svg> </a> </li> </ul> </nav> </header> <main class=svelte-hpyrv2> <div class="svelte-3oiz27 posts stretch"> <article class="svelte-3oiz27 post" data-pubdate="Mon Mar 04 2019"> <a class=svelte-3oiz27 href=blog/svelte-native-quick-start rel=prefetch title="Read the article »"> <h2 class=svelte-3oiz27>Svelte Native Quick Start</h2> <p class=svelte-3oiz27>The short short version</p> </a> </article><article class="svelte-3oiz27 post" data-pubdate="Thu Feb 28 2019"> <a class=svelte-3oiz27 href=blog/svelte-goes-native rel=prefetch title="Read the article »"> <h2 class=svelte-3oiz27>Svelte Goes Native</h2> <p class=svelte-3oiz27>Svelte comes to NativeScript</p> </a> </article> </div> </main> <footer class="svelte-hpyrv2 design-attribution"> Website design thanks to the Svelte project. </footer></div> <script>__SAPPER__={baseUrl:"",preloaded:[void 0,(function(a,b){return {posts:[{slug:"svelte-native-quick-start",metadata:{title:"Svelte Native Quick Start",description:"The short short version",pubdate:"2019-03-04",author:a,authorURL:b,dateString:"Mon Mar 04 2019"}},{slug:"svelte-goes-native",metadata:{title:"Svelte Goes Native",description:"Svelte comes to NativeScript",pubdate:"2019-02-28",author:a,authorURL:b,dateString:"Thu Feb 28 2019"}}]}}("Halfnelson","https:\u002F\u002Ftwitter.com\u002Fhalfnelson_au\u002F"))]};if('serviceWorker' in navigator)navigator.serviceWorker.register('/service-worker.js');var s=document.createElement("script");try{new Function("if(0)import('')")();s.src="/client/client.68c99b4d.js";s.type="module";s.crossOrigin="use-credentials";}catch(e){s.src="/client/shimport@0.0.14.js";s.setAttribute("data-main","/client/client.68c99b4d.js")}document.head.appendChild(s)</script>