readme and rearrange directions

README.md

@@ -2,7 +2,9 @@
 
 Svelte library for tooltips internally powered by the awesome [Popper.js](https://popper.js.org/) with sensible default values.
 
-Check out the **[demo]()** to see it in action.
+Check out the **[demo](https://svelte-hint.pages.dev/)** to see it in action.
+
+![Screenshot](.github/screen.png)
 
 ## 🌈 Features
 

src/components/Playground.svelte

@@ -3,7 +3,7 @@
   import interact from 'interactjs'
   import { onMount } from 'svelte'
 
-  const directions = ['auto', 'top', 'right', 'bottom', 'left']
+  const directions = ['auto', 'left', 'top', 'bottom', 'right']
   const aligns = ['start', 'center', 'end']
 
   let offset = 4