1<!doctype html> 2<html lang="en-US"> 3 <head prefix="og: https://ogp.me/ns#"> 4 <meta charset="utf-8" /> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=498928d9-9c31-471f-9618-6c7e0a200010 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta name="generator" content="gh:importantimport/urara" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1" /> 10 <link rel="manifest" crossorigin="use-credentials" href="/manifest.webmanifest" /> 11 <link rel="alternate" type="application/feed+json" href="/feed.json" /> 12 <link rel="alternate" type="application/atom+xml" href="/atom.xml" /> 13 <link rel="sitemap" type="application/xml" href="/sitemap.xml" /> 14 <meta http-equiv="content-security-policy" content="style-src 'self' 'unsafe-inline' https://giscus.app"> 15 <link href="../_app/immutable/assets/0.C9CoXRIv.css" rel="stylesheet"> 16 <link href="../_app/immutable/assets/posts.D4gQgZwN.css" rel="stylesheet"> 17 <link rel="modulepreload" href="../_app/immutable/entry/start.McjZVXFz.js"> 18 <link rel="modulepreload" href="../_app/immutable/chunks/entry.CHOTJEUj.js"> 19 <link rel="modulepreload" href="../_app/immutable/chunks/scheduler.FGUOCI5T.js"> 20 <link rel="modulepreload" href="../_app/immutable/chunks/index.BI7v63FY.js"> 21 <link rel="modulepreload" href="../_app/immutable/entry/app.DIDAZ_bj.js"> 22 <link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.BQ24v_F8.js"> 23 <link rel="modulepreload" href="../_app/immutable/chunks/index.TPYxZWDS.js"> 24 <link rel="modulepreload" href="../_app/immutable/nodes/0.CCQ4JnMp.js"> 25 <link rel="modulepreload" href="../_app/immutable/chunks/posts.DIxQVpul.js"> 26 <link rel="modulepreload" href="../_app/immutable/chunks/posts.4dVmwM_k.js"> 27 <link rel="modulepreload" href="../_app/immutable/nodes/3.BIzmwMMz.js"> 28 <link rel="modulepreload" href="../_app/immutable/chunks/post_layout.D2ZDwoDu.js"> 29 <link rel="modulepreload" href="../_app/immutable/chunks/post_card.bORJyomF.js"><title>Hello World | Urara</title><!-- HEAD_svelte-1laq3tv_START --><!-- HEAD_svelte-1laq3tv_END --><!-- HEAD_svelte-10yve3l_START --><link href="https://urara-demo.netlify.app/favicon.png" rel="shortcut icon" sizes="48x48" type="image/png"><link href="https://urara-demo.netlify.app/assets/[email protected]" rel="apple-touch-icon" sizes="180x180" type="image/png"><link href="https://urara-demo.netlify.app/assets/[email protected]" rel="icon" sizes="192x192" type="image/png"><!-- HEAD_svelte-10yve3l_END --><!-- HEAD_svelte-yn0p46_START --><meta name="theme-color"><!-- HEAD_svelte-yn0p46_END --><!-- HEAD_svelte-13ashyv_START --><meta content="John Doe" name="author"><link href="https://urara-demo.netlify.app/hello-world" rel="canonical"> <meta content="Hello World, Urara" name="keywords"> <!-- HEAD_svelte-13ashyv_END --><!-- HEAD_svelte-1b7xa4j_START --><meta content="Urara" property="og:site_name"><meta content="en-US" property="og:locale"><meta content="article" property="og:type"> <meta content="Hello World" property="og:title"> <meta content="https://urara-demo.netlify.app/hello-world/urara.webp" property="og:image"> <meta content="summary_large_image" name="twitter:card"> <meta content="Hello World" property="article:tag"><meta content="Urara" property="article:tag"> <meta content="https://urara-demo.netlify.app/hello-world" property="og:url"> <meta content="John Doe" property="article:author"> <meta content="2021-11-01T00:00:00.000Z" property="article:published_time"> <meta content="2021-12-12T00:00:00.000Z" property="article:modified_time"><!-- HEAD_svelte-1b7xa4j_END --> 30 </head> 31 <body itemscope itemtype="https://schema.org/WebPage"> 32 <div style="display: contents"> <header class="fixed z-50 w-full transition-all duration-500 ease-in-out border-b-2 border-transparent max-h-[4.125rem]false" id="header"><div class="navbar"><div class="navbar-start"> <div class="dropdown lg:hidden"><label class="btn btn-square btn-ghost" for="navbar-dropdown" tabindex="0" data-svelte-h="svelte-18njhny">
32<span class="i-heroicons-outline-menu-alt-1"></span></label> <ul class="menu menu-compact dropdown-content bg-base-100 text-base-content shadow-lg rounded-box min-w-max max-w-52 p-2" id="navbar-dropdown" tabindex="0"><li><a href="/hello-world">Get Started</a> </li><li><a href="/hello-world/elements">Elements</a> </li></ul></div> <div class="swap order-last hidden lg:inline-grid"><button class="swap-on btn btn-ghost text-base font-normal normal-case transition-all duration-200 hidden"></button> <ul class="swap-off menu menu-horizontal p-0"><li><a class="!rounded-btn" href="/hello-world">Get Started</a> </li><li><a class="!rounded-btn" href="/hello-world/elements">Elements</a> </li></ul></div> <a class="btn btn-ghost normal-case text-lg" href="/">Urara</a></div> <div class="navbar-end"> <div class="dropdown dropdown-end" id="change-theme"> <div class="btn btn-square btn-ghost" tabindex="0" data-svelte-h="svelte-1xk2wyd"><span class="i-heroicons-outline-color-swatch"></span></div> <ul class="flex flex-nowrap shadow-2xl menu dropdown-content bg-base-100 text-base-content rounded-box w-52 p-2 gap-2 overflow-y-auto max-h-[21.5rem]" tabindex="0"><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="cmyk"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð¨ Light</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="dracula"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð§ Dark</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="valentine"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð¸ Valentine</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="aqua"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð¦ Aqua</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="synthwave"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð Synthwave</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="night"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð Night</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="lofi"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð¶ Lo-Fi</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="lemonade"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð Lemonade</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="cupcake"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð§ Cupcake</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="garden"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð¡ Garden</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="retro"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð Retro</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button><button class="btn btn-ghost w-full hover:bg-primary group rounded-lg flex bg-base-100 p-2 transition-all" data-theme="black"><p class="flex-1 text-left text-base-content group-hover:text-primary-content transition-color">ð¤ Black</p> <div class="grid grid-cols-4 gap-0.5 m-auto"><div class="bg-primary w-1 h-4 rounded-btn"></div><div class="bg-secondary w-1 h-4 rounded-btn"></div><div class="bg-accent w-1 h-4 rounded-btn"></div><div class="bg-neutral w-1 h-4 rounded-btn"></div></div> </button></ul></div></div></div></header> <button aria-label="scroll to top" class="fixed grid group btn btn-circle btn-lg border-none backdrop-blur bottom-6 right-6 z-50 duration-500 ease-in-outbtn-ghost bg-base-100/30 md:bg-base-200/30 translate-y-24" id="totop"> <div class="radial-progress text-accent transition-all duration-500 ease-in-out group-hover:text-[color-mix(in_oklab,oklch(var(--a)),black_7%)] col-start-1 row-start-1" style="--size:4rem; --thickness: 0.25rem; --value:undefined;"></div> <div class="border-4 border-base-content/10 group-hover:border-transparent col-start-1 row-start-1 rounded-full w-full h-full p-4 grid duration-500 ease-in-out" data-svelte-h="svelte-1lpt3af"><span class="i-heroicons-solid-chevron-up !w-6 !h-6"></span></div></button> <div class="bg-base-100 md:bg-base-200 min-h-screen pt-16 md:pb-8 lg:pb-16"> <div class="flex flex-col flex-nowrap justify-center xl:flex-row xl:flex-wrap"><div class="flex-1 w-full order-first ease-out transform mx-auto xl:mr-0 xl:ml-0"></div>
32 <div class="flex-1 w-full xl:order-last ease-out transform mx-auto xl:ml-0 xl:mr-0"></div> <div class="flex-none w-full max-w-screen-md mx-auto xl:mx-0"><article class="h-entry card bg-base-100 rounded-none md:rounded-box md:shadow-xl overflow-hidden z-10 lg:mb-16 md:mb-8" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting"> <div class="card-body gap-0 "><div class="flex flex-col gap-2"><figure class="md:order-last rounded-box shadow-xl mb-4 flex-col gap-2 -mx-4 -mt-8 md:mt-0"><picture><source srcset="/_app/immutable/assets/urara.CoHjeEFW.avif 736w" type="image/avif"> <img alt="/hello-world/urara.webp" class="u-featured" decoding="async" loading="lazy" src="/hello-world/urara.webp"></picture></figure> <div class="flex font-semibold gap-1.5"><a class="opacity-75 hover:opacity-100 hover:text-primary duration-500 ease-in-out p-author h-card" href="https://urara-demo.netlify.app" rel="author">John Doe</a> <span class="opacity-50" data-svelte-h="svelte-1ijzl0g">/</span> <a class="u-url u-uid swap group/time" href="/hello-world"><time class="group-hover/time:opacity-0 font-semibold opacity-75 duration-500 ease-in-out mr-auto dt-published" datetime="2021-11-01T00:00:00.000Z" itemprop="datePublished">Monday, Nov 1, 21</time> <time class="opacity-0 group-hover/time:opacity-100 font-semibold text-primary duration-500 ease-in-out mr-auto dt-updated" datetime="2021-12-12T00:00:00.000Z" itemprop="dateModified">Sunday, Dec 12, 21</time></a></div> <h1 class="card-title text-3xl mb-8 p-name" itemprop="name headline">Hello World</h1> </div> <main class="urara-prose prose e-content" itemprop="articleBody"><p data-svelte-h="svelte-1ifgqsq">Welcome to Urara! this article contains some basic operations to help you quickly get started.</p> <h2 id="developing" data-svelte-h="svelte-5maqz3"><a href="#developing">Developing</a></h2> <p data-svelte-h="svelte-gp66ql">Start a development server:</p> <!-- HTML_TAG_START --><pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" bash="true"><div class="language-id">bash</div><div class='code-container'><code><div class='line'><span style="color: #546E7A"># http://127.0.0.1:5173</span></div><div class='line'><span style="color: #EEFFFF">pnpm dev</span></div></code></div></pre><!-- HTML_TAG_END --> <p data-svelte-h="svelte-1uf8a0f">or listen to different IP and port:</p> <!-- HTML_TAG_START --><pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" bash="true"><div class="language-id">bash</div><div class='code-container'><code><div class='line'><span style="color: #546E7A"># http://127.0.0.1:3000</span></div><div class='line'><span style="color: #EEFFFF">pnpm dev --port 3000</span></div><div class='line'></div><div class='line'><span style="color: #546E7A"># http://0.0.0.0:3000</span></div><div class='line'><span style="color: #EEFFFF">
32nr dev --host 0.0.0.0 --port 3000</span></div></code></div></pre><!-- HTML_TAG_END --> <h2 id="building" data-svelte-h="svelte-934qmg"><a href="#building">Building</a></h2> <p data-svelte-h="svelte-1nnhc4g">Create a production version of ur blog:</p> <!-- HTML_TAG_START --><pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" bash="true"><div class="language-id">bash</div><div class='code-container'><code><div class='line'><span style="color: #EEFFFF">pnpm build</span></div></code></div></pre><!-- HTML_TAG_END --> <p data-svelte-h="svelte-1ez708h">u can preview the built app with <code>pnpm preview</code>.</p> <h2 id="documentation" data-svelte-h="svelte-19euy7a"><a href="#documentation">Documentation</a></h2> <p data-svelte-h="svelte-8e9jxh">For full documentation, visit <a href="https://urara-docs.netlify.app" rel="nofollow noopener noreferrer external" target="_blank">urara-docs.netlify.app</a>.</p></main> <div class="divider mt-4 mb-0"></div> <div><a class="btn btn-sm btn-ghost normal-case mt-2 mr-2 p-category" href="/?tags=Hello World">#Hello World </a><a class="btn btn-sm btn-ghost normal-case mt-2 mr-2 p-category" href="/?tags=Urara">#Urara </a></div></div> </article> <footer class="footer footer-center bg-base-300 text-base-content shadow-inner p-8 md:rounded-box sticky bottom-0 z-0 md:static " id="footer"><div class="prose"><p><a href="/atom.xml" rel="noopener noreferrer external" target="_blank">Feed</a> <span class="mr-1" data-svelte-h="svelte-lk4btp">·</span><a href="/sitemap.xml" rel="noopener noreferrer external" target="_blank">Sitemap</a> <br> 33 Copyright © 2024 John Doe <br> 34 Powered by 35 <a class="tooltip tooltip-secondary hover:text-secondary" data-tip="ð¸ [Polaris] - Based on MDsveX & SvelteKit ð¸" href="https://github.com/importantimport/urara" rel="noopener noreferrer external" target="_blank" data-svelte-h="svelte-vjman6">Urara</a> </p></div></footer></div></div></div> 36
36<script type="application/json" data-sveltekit-fetched data-url="/posts.json">{"status":200,"statusText":"","headers":{},"body":"[{\"title\":\"Elements\",\"created\":\"2021-12-12T00:00:00.000Z\",\"tags\":[\"Urara\",\"Elements\"],\"updated\":\"2024-09-11T10:49:26.524Z\",\"images\":[],\"slug\":\"/hello-world/elements/+page.svelte.md\",\"path\":\"/hello-world/elements\",\"toc\":[{\"depth\":2,\"slug\":\"headings\",\"title\":\"Headings\"},{\"depth\":3,\"slug\":\"heading\",\"title\":\"Heading\"},{\"depth\":4,\"slug\":\"heading-1\",\"title\":\"Heading\"},{\"depth\":5,\"slug\":\"heading-2\",\"title\":\"Heading\"},{\"depth\":6,\"slug\":\"heading-3\",\"title\":\"Heading\"},{\"depth\":2,\"slug\":\"paragraphs\",\"title\":\"Paragraphs\"},{\"depth\":2,\"slug\":\"lists\",\"title\":\"Lists\"},{\"depth\":3,\"slug\":\"definition-list-dl\",\"title\":\"Definition List (dl)\"},{\"depth\":3,\"slug\":\"ordered-list-ol\",\"title\":\"Ordered List (ol)\"},{\"depth\":3,\"slug\":\"unordered-list-ul\",\"title\":\"Unordered List (ul)\"},{\"depth\":3,\"slug\":\"checkbox-list-ul\",\"title\":\"Checkbox List (ul)\"},{\"depth\":2,\"slug\":\"table\",\"title\":\"Table\"},{\"depth\":2,\"slug\":\"footnotes\",\"title\":\"Footnotes\"},{\"depth\":2,\"slug\":\"code\",\"title\":\"Code\"},{\"depth\":2,\"slug\":\"misc\",\"title\":\"Misc\"},{\"depth\":2,\"slug\":\"svelte-components\",\"title\":\"Svelte Components\"}],\"html\":\"\",\"type\":\"article\"},{\"title\":\"ToC Disabled\",\"summary\":\"This post has disabled table of contents.\",\"created\":\"2021-12-12T00:00:00.000Z\",\"tags\":[\"Front-Matter\"],\"toc\":false,\"updated\":\"2024-09-11T10:49:26.524Z\",\"images\":[],\"slug\":\"/hello-world/toc-disabled/+page.md\",\"path\":\"/hello-world/toc-disabled\",\"html\":\"\",\"type\":\"article\"},{\"title\":\"Hello World\",\"image\":\"/hello-world/urara.webp\",\"alt\":\"Urara\",\"created\":\"2021-11-01T00:00:00.000Z\",\"updated\":\"2021-12-12T00:00:00.000Z\",\"tags\":[\"Hello World\",\"Urara\"],\"images\":[],\"slug\":\"/hello-world/+page.svelte.md\",\"path\":\"/hello-world\",\"toc\":[{\"depth\":2,\"slug\":\"developing\",\"title\":\"Developing\"},{\"depth\":2,\"slug\":\"building\",\"title\":\"Building\"},{\"depth\":2,\"slug\":\"documentation\",\"title\":\"Documentation\"}],\"html\":\"\",\"type\":\"article\"}]"}</script>
36 37
37<script> 38 { 39 __sveltekit_1ka2bbt = { 40 base: new URL("..", location).pathname.slice(0, -1) 41 }; 42 43 const element = document.currentScript.parentElement; 44 45 const data = [null,null]; 46 47 Promise.all([ 48 import("../_app/immutable/entry/start.McjZVXFz.js"), 49 import("../_app/immutable/entry/app.DIDAZ_bj.js") 50 ]).then(([kit, app]) => { 51 kit.start(app, element, { 52 node_ids: [0, 3], 53 data, 54 form: null, 55 error: null 56 }); 57 }); 58 } 59 </script>
59 60 </div> 61 </body> 62</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.