add create buttons to all blank pages

web/src/layout.svelte

@@ -73,6 +73,16 @@
 		flex: 1;
 		justify-content: center;
 	}
+
+	/* buttons for when X is empty */
+	:global(main button) {
+		background: none;
+		border: none;
+		font-size: 1em;
+		padding: 0;
+		cursor: pointer;
+		text-decoration: underline;
+	}
 	
 	main {
 		flex: 1;

web/src/pages/[owner]/[palette].svelte

@@ -98,7 +98,7 @@
 		{#if $data.colors.length}
       <Palette />
 		{:else}
-			<p>uh oh, this palette doesn't have any colors yet.</p>
+			<p>uh oh, this palette doesn't have any colors yet. <button on:click={() => {$actions.current='addColor'}}>add one!</button></p>
 		{/if}
 	{:catch error}
 		uh oh, no palette with that name.

web/src/pages/[owner]/index.svelte

@@ -98,7 +98,7 @@
         {/each}
 			</ul>
 		{:else}
-			<p>uh oh, you have no color palettes. create one!</p>
+			<p>uh oh, you have no color palettes. <button on:click={() => {$actions.current='addPalette'}}>create one!</button></p>
 		{/if}
 	{:catch error}
 		uh oh, no user with that name.

web/src/pages/index.svelte

@@ -48,7 +48,7 @@
 				{/each}
 			</ul>
 		{:else}
-			<p>uh oh, there are no users. create one!</p>
+			<p>uh oh, there are no users. <button on:click={() => {$actions.current='addUser'}}>create one!</button></p>
 		{/if}
 	{:catch error}
 		error?