Tutorial content (#15)

* move content

* add tutorial content

* fix

Author: Rich-Harris

Diff for: content/docs/svelte/01-introduction/01-overview.md renamed to apps/svelte.dev/content/docs/svelte/01-introduction/01-overview.md

@@ -0,0 +1 @@
+*.md text eol=lf

Diff for: content/docs/svelte/01-introduction/02-getting-started.md renamed to apps/svelte.dev/content/docs/svelte/01-introduction/02-getting-started.md

@@ -0,0 +1 @@
+<h1>Welcome!</h1>

Diff for: content/docs/svelte/01-introduction/index.md renamed to apps/svelte.dev/content/docs/svelte/01-introduction/index.md

@@ -0,0 +1 @@
+<h1>Hello world!</h1>

Diff for: content/docs/svelte/02-template-syntax/01-component-fundamentals.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/01-component-fundamentals.md

@@ -0,0 +1,5 @@
+<script>
+	let name = 'Svelte';
+</script>
+
+<h1>Hello {name.toUpperCase()}!</h1>

Diff for: content/docs/svelte/02-template-syntax/02-basic-markup.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/02-basic-markup.md

@@ -0,0 +1,5 @@
+<script>
+	let src = '/image.gif';
+</script>
+
+<img />

Diff for: content/docs/svelte/02-template-syntax/03-control-flow.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/03-control-flow.md

@@ -0,0 +1,6 @@
+<script>
+	let src = '/image.gif';
+	let name = 'Rick Astley';
+</script>
+
+<img {src} alt="{name} dances." />

Diff for: content/docs/svelte/02-template-syntax/04-snippets.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/04-snippets.md

@@ -0,0 +1,5 @@
+<p>This is a paragraph.</p>
+
+<style>
+	/* Write your CSS here */
+</style>

Diff for: content/docs/svelte/02-template-syntax/05-styles-and-classes.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/05-styles-and-classes.md

@@ -0,0 +1,9 @@
+<p>This is a paragraph.</p>
+
+<style>
+	p {
+		color: goldenrod;
+		font-family: 'Comic Sans MS', cursive;
+		font-size: 2em;
+	}
+</style>

Diff for: content/docs/svelte/02-template-syntax/06-transitions-and-animations.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/06-transitions-and-animations.md

@@ -0,0 +1,9 @@
+<p>This is a paragraph.</p>
+
+<style>
+	p {
+		color: goldenrod;
+		font-family: 'Comic Sans MS', cursive;
+		font-size: 2em;
+	}
+</style>

Diff for: content/docs/svelte/02-template-syntax/07-actions.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/07-actions.md

@@ -0,0 +1 @@
+<p>This is another paragraph.</p>

Diff for: content/docs/svelte/02-template-syntax/08-bindings.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/08-bindings.md

@@ -0,0 +1,14 @@
+<script>
+	import Nested from './Nested.svelte';
+</script>
+
+<p>This is a paragraph.</p>
+<Nested />
+
+<style>
+	p {
+		color: goldenrod;
+		font-family: 'Comic Sans MS', cursive;
+		font-size: 2em;
+	}
+</style>

Diff for: content/docs/svelte/02-template-syntax/09-special-elements.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/09-special-elements.md

@@ -0,0 +1,5 @@
+<script>
+	let string = `this string contains some <strong>HTML!!!</strong>`;
+</script>
+
+<p>{string}</p>

Diff for: content/docs/svelte/02-template-syntax/index.md renamed to apps/svelte.dev/content/docs/svelte/02-template-syntax/index.md

@@ -0,0 +1,5 @@
+<script>
+	let string = `this string contains some <strong>HTML!!!</strong>`;
+</script>
+
+<p>{@html string}</p>

Diff for: content/docs/svelte/03-runes/01-state.md renamed to apps/svelte.dev/content/docs/svelte/03-runes/01-state.md

@@ -0,0 +1,8 @@
+{
+	"title": "Introduction",
+	"scope": {
+		"prefix": "/src/lib/",
+		"name": "src"
+	},
+	"focus": "/src/lib/App.svelte"
+}

Diff for: content/docs/svelte/03-runes/02-side-effects.md renamed to apps/svelte.dev/content/docs/svelte/03-runes/02-side-effects.md

@@ -0,0 +1,12 @@
+<script>
+	let count = 0;
+
+	function increment() {
+		// event handler code goes here
+	}
+</script>
+
+<button>
+	Clicked {count}
+	{count === 1 ? 'time' : 'times'}
+</button>

Diff for: content/docs/svelte/03-runes/index.md renamed to apps/svelte.dev/content/docs/svelte/03-runes/index.md

@@ -0,0 +1,12 @@
+<script>
+	let count = 0;
+
+	function increment() {
+		count += 1;
+	}
+</script>
+
+<button on:click={increment}>
+	Clicked {count}
+	{count === 1 ? 'time' : 'times'}
+</button>

Diff for: content/docs/svelte/04-runtime/01-stores.md renamed to apps/svelte.dev/content/docs/svelte/04-runtime/01-stores.md

@@ -0,0 +1,15 @@
+<script>
+	let count = 0;
+	$: doubled = count * 2;
+
+	function increment() {
+		count += 1;
+	}
+</script>
+
+<button on:click={increment}>
+	Clicked {count}
+	{count === 1 ? 'time' : 'times'}
+</button>
+
+<p>{count} doubled is {doubled}</p>