Update README.md and +page.svelte

README.md

@@ -1,38 +1,2 @@
-# create-svelte
+# AdventureLog
-
+Embark, Explore, Remember
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

src/routes/+page.svelte

@@ -35,7 +35,12 @@
 
     function saveAdventure() {
         saveEdit(editId, editName, editLocation, editCreated)
+        editId = NaN;
+        editName = '';
+        editLocation = '';
+        editCreated = '';
         adventures = getAdventures()
+
     }
 
     function editAdventure(event: { detail: number; }) {
@@ -60,7 +65,11 @@
     </div>
 {/each}
 
-{#if editId !== null}
+{#if adventures.length == 0}
+<span class="addsomething">Add some adventures!</span>
+{/if}
+
+{#if !Number.isNaN(editId)}
     <form on:submit|preventDefault={saveAdventure}>
         <input bind:value={editName} />
         <input bind:value={editLocation} />
@@ -70,5 +79,11 @@
 {/if}
 
 <style>
-
+.addsomething {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 90vh;
+    text-align: center;
+}
 </style>