Merge pull request #6 from gitpod-io/mikenikles/develop-html-structure-5

Develop HTML structure

Author: mikenikles

src/lib/todo-item.svelte

@@ -0,0 +1,15 @@
+<div>
+  <form action="" method="">
+    <input type="hidden" name="done" value="" />
+    <button aria-label="Mark done/not done">Done/NotDone</button>
+  </form>
+
+  <form action="" method="">
+    <input type="text" />
+    <button aria-label="Save todo">Save</button>
+  </form>
+  
+  <form action="" method="">
+    <button aria-label="Delete todo">Delete</button>
+  </form>
+</div>

src/routes/index.svelte

@@ -1,2 +1,19 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<script>
+  import TodoItem from "$lib/todo-item.svelte";
+
+  const title = "Todo";
+</script>
+
+<svelte:head>
+  <title>{title}</title>
+</svelte:head>
+
+<h1>{title}</h1>
+
+<form action="" method="">
+  <input type="text" name="text" aria-label="Add a todo" placeholder="+ type to add a todo" />
+</form>
+
+<TodoItem />
+<TodoItem />
+<TodoItem />