diff --git a/docs/feature-right-sidebar.gif b/docs/feature-right-sidebar.gif
new file mode 100644
index 0000000..2fe053f
Binary files /dev/null and b/docs/feature-right-sidebar.gif differ
diff --git a/docs/feature-todos.gif b/docs/feature-todos.gif
new file mode 100644
index 0000000..65c1e2b
Binary files /dev/null and b/docs/feature-todos.gif differ
diff --git a/docs/ilse.html b/docs/ilse.html
index ac9e9a6..c66bede 100644
--- a/docs/ilse.html
+++ b/docs/ilse.html
@@ -209,10 +209,6 @@ <h2> How </h2>
             <details style="display: block; margin: 0 auto;">
                 <summary style="text-align: center;" > More </summary>
 
-                <table>
-                    
-                </table>
-
                 <table>
                     <tr>
                         <th> Platform </th>
@@ -221,22 +217,22 @@ <h2> How </h2>
 
                     <tr>
                         <td> Web Demo </td>
-                        <td> https://ilse-langnar.github.io/notebook/demo/index.html </td>
+                        <td> <a href="https://ilse-langnar.github.io/notebook/demo/index.html"> Download </\a> </td>
                     </tr>
 
                     <tr>
                         <td> Web(.html)  </td>
-                        <td> https://github.com/ilse-langnar/notebook/releases/download/1.1.0/html.1.1.0.tar.gz </td>
+                        <td> <a href="https://github.com/ilse-langnar/notebook/releases/download/1.1.0/html.1.1.0.tar.gz"> Download </a> </td>
                     </tr>
 
                     <tr>
                         <td> Desktop Linux(AppImage) </td>
-                        <td> https://github.com/ilse-langnar/notebook/releases/download/1.1.0/ilse-langnar-notebook-1.0.11.AppImage </td>
+                        <td> <a href="https://github.com/ilse-langnar/notebook/releases/download/1.1.0/ilse-langnar-notebook-1.0.11.AppImage"> Download </a> </td>
                     </tr>
 
                     <tr>
                         <td> Desktop Windows(.exe) </td>
-                        <td> https://github.com/ilse-langnar/notebook/releases/download/1.1.0/ilse-langnar-notebook.Setup.1.0.11.exe </td>
+                        <td> <a href="https://github.com/ilse-langnar/notebook/releases/download/1.1.0/ilse-langnar-notebook.Setup.1.0.11.exe"> Download </a> </td>
                     </tr>
 
                     <tr>
@@ -286,7 +282,7 @@ <h2> How </h2>
 
                     <tr>
                         <td> Script MacOS(Rofi) </td>
-                        <td> https://raw.githubusercontent.com/ilse-langnar/notebook/dev/docs/rofi.gif </td>
+                        <td> <a href="https://raw.githubusercontent.com/ilse-langnar/notebook/dev/docs/rofi.gif"> Download </a> </td>
                     </tr>
 
                     <tr>
@@ -315,12 +311,6 @@ <h2> How </h2>
                     </tr>
 
                 </table>
-
-
-                <p class="is-size-6"> <a href=""> Powershell Script(Windows) </a > </p>
-                <p class="is-size-6"> <a href=""> Bash Script(Unix) </a> </p>
-                <p class="is-size-6"> <a href=""> Shell Script(MacOS) </a> </p>
-                <p class="is-size-6"> <a href=""> Native </a> </p>
                 
             </details>
 
diff --git a/javascript/web/src/classes/KeyboardShortcut.js b/javascript/web/src/classes/KeyboardShortcut.js
index 4f39fe0..92f354f 100644
--- a/javascript/web/src/classes/KeyboardShortcut.js
+++ b/javascript/web/src/classes/KeyboardShortcut.js
@@ -62,7 +62,6 @@ class KeyboardShortcut  {
             // { combo: "A", command: "Add Component" },
             { combo: "ctrl+space s s", command: "open-search-modal" },
             { combo: "ctrl+space c f", command: "a" },
-            { combo: "ctrl+1", command: "first-brain-read" },
             { combo: "shift+enter", command: "void:add-new-line" },
             { combo: "ctrl+space shift+l", command: "list-projects" },
 
@@ -82,7 +81,8 @@ class KeyboardShortcut  {
 
             // { combo: "shift+/", command: "open-help" }, // ctrl-shift-/ = ctrl-?
 
-            { combo: "ctrl+space (", command: "void" },
+            { combo: "ctrl+(", command: "void" },
+            { combo: "ctrl+space .", command: "void" },
 
 
             { combo: "ctrl+space shift+f", command: "open-file" },
diff --git a/javascript/web/src/components/Configuration.vue b/javascript/web/src/components/Configuration.vue
index 12834f5..04f5cdf 100644
--- a/javascript/web/src/components/Configuration.vue
+++ b/javascript/web/src/components/Configuration.vue
@@ -8,7 +8,6 @@
                 p( style="font-size: 0.7em; " ) &nbsp; &nbsp; {{ $t(option.name) }} 
             
         .options-configuration( style="width: 80%; float: right;" )
-            // p.is-size-1( style="text-align: center;" ) {{selected}}
             p.is-size-1( style="text-align: center;" ) {{ $t(selected) }}
 
             .general( v-if="selected === 'general' " )
diff --git a/javascript/web/src/components/Draw.vue b/javascript/web/src/components/Draw.vue
index 42db7c7..0888096 100644
--- a/javascript/web/src/components/Draw.vue
+++ b/javascript/web/src/components/Draw.vue
@@ -1,6 +1,6 @@
 <template lang="pug" >
 .draw
-    VueSignatureCanvas( ref="handWrite" :canvasProps="{class: 'sig-canvas'}" style="border: 1px solid var( --text-color ); border-radius: var( --border-radius ); " )
+    VueSignatureCanvas( ref="handWrite" :canvasProps="{class: 'sig-canvas'}" style="border: 1px solid var( --text-color ); border-radius: var( --border-radius ); " width="650px" height="500px")
     button.button.slick-button.centered( style="display: block; " @click="save()" ) {{ $t('save') }}
 </template>
 <script>
@@ -51,6 +51,7 @@ export default {
 
             let content    = `![[${name}]]`
             ilse.notes.add( content )
+            ilse.notification.send( "Added", `Added Picture: ![[${name}]]` )
         },
 
         setup() {
diff --git a/javascript/web/src/components/FirstBrain.vue b/javascript/web/src/components/FirstBrain.vue
index 0b07fb7..b90c360 100644
--- a/javascript/web/src/components/FirstBrain.vue
+++ b/javascript/web/src/components/FirstBrain.vue
@@ -4,14 +4,12 @@
         .options( style="width: 20%; float: left;" )
             .item.flex( v-for="( option, index ) in options" :key="index" @click="selected = option.name" :style="get_option_style(option)" )
                 img( :src="get_img(option.img)" )
-                p( style="font-size: 0.7em; " ) &nbsp; &nbsp; {{option.name}} 
+                p( style="font-size: 0.7em; " ) &nbsp; &nbsp; {{ $t(option.name) }} 
             
         .options-configuration( style="width: 80%; float: right;" )
-            p.is-size-1( style="text-align: center;" ) {{selected}}
+            p.is-size-1( style="text-align: center;" ) {{ $t(selected) }}
 
             .review( v-if="selected === 'Review' " )
-                // p( :title="get_first_brain_last_item_info()" ) {{get_first_brain_last_item_info()}}
-                // p LAST: {{get_first_brain_current_item()}}
                 p( :title="get_first_brain_current_item()" ) {{get_first_brain_current_item()}}
 
 
@@ -140,6 +138,11 @@
                         summary {{book}}
                         .extracts( v-for="( extract, extract_index ) in ilse.brains.first.query(book.split('/')[0])" :key=" 'extracts-' + extract_index" )
 
+            .how-does-it-work( v-if="selected === 'How does it work' " )
+                p In order to this to work properly, you need a script to open the files natively.
+                a( href="windows" ) Windows
+                a( href="Linux" ) Linux
+                a( href="MacOS" ) MacOS
 </template>
 <script>
 // eslint-disable-next-line
@@ -197,6 +200,7 @@ export default {
                 { name: "Videos", img: "video.svg" },
                 { name: "Images", img: "photo.svg" },
                 { name: "Global Statistics", img: "report.svg" },
+                { name: "How does it work", img: "question-mark.svg" },
             ]
         }
     },
diff --git a/javascript/web/src/components/Note.vue b/javascript/web/src/components/Note.vue
index a37615b..91bdf76 100644
--- a/javascript/web/src/components/Note.vue
+++ b/javascript/web/src/components/Note.vue
@@ -308,9 +308,13 @@ export default {
 
         listen_to_embed_keys() {
 
+            printf( "Note.vue -> listen_to_embed_keys - " )
+
             let _this = this
 
-            ilse.keyboard.Mousetrap.bindGlobal( "ctrl+space (", function(event){
+            // ilse.keyboard.Mousetrap.bindGlobal( "ctrl+space (", function(event){
+            // ilse.keyboard.Mousetrap.bindGlobal( "ctrl+.", function(event){
+            ilse.keyboard.Mousetrap.bindGlobal( "ctrl+.", function(event){
                 printf( "ok boomer" )
                 event.preventDefault()
                 _this.open_search( "notes" )
diff --git a/javascript/web/src/locales/en.json b/javascript/web/src/locales/en.json
index 0296316..b62b8c8 100644
--- a/javascript/web/src/locales/en.json
+++ b/javascript/web/src/locales/en.json
@@ -84,5 +84,14 @@
   "components": "Components",
   "snippets": "Snippets",
   "graph": "Graph",
+  "review": "Review",
+  "daily_statistics": "Daily Statistics",
+  "knowledge_tree": "Knowledge Tree",
+  "search": "Search",
+  "library": "Library",
+  "videos": "Videos",
+  "images": "Images",
+  "global_statistics": "Global Statistics",
+  "how_does_it_work": "How does it work",
   "keyboard_shortcut": "Keyboard Shortcut"
 }
diff --git a/readme.md b/readme.md
index fe842f2..e849896 100644
--- a/readme.md
+++ b/readme.md
@@ -86,6 +86,7 @@ This started with frustration not only with lock-in but the lack of extensabilit
 | Platform Independent | TODO | |
 | Plain Text | TODO | |
 | Free and Open Source | TODO | |
+| Right/Left Sidebar |  You can put anything you want there with quick access | ![Right Sidebar](https://raw.githubusercontent.com/ilse-langnar/notebook/dev/docs/feature-right-sidebar.gif) | 
 | Zettelkasten | TODO | |