From 98f25cbedbb1c777c077e3dc6afd04a71f203d7e Mon Sep 17 00:00:00 2001
From: Mehmet Ali <87281783+malisipi@users.noreply.github.com>
Date: Sat, 13 Nov 2021 23:13:38 +0300
Subject: [PATCH] Updates

* Support to dialog and notification
* Fix window resize bug
* Location api for weather and maps
* App demo mode (Read README.md to learn more)
* Update style of interface
* New terminal commands (uname, notify-send, wine) and support to start apps from terminal
* New app (VSCode)
* Fix context menu bug
---
 LICENSE.md                            |   2 +
 README.md                             |  16 ++-
 apps/filemanager/js/app.js            |  10 +-
 apps/filemanager/js/folderview.js     |   2 +-
 apps/filemanager/other_locations.html |   2 +-
 apps/filemanager/trash.html           |   4 +-
 apps/help/js/app.js                   |   6 +-
 apps/imageviewer/js/app.js            |   4 +-
 apps/libreoffice/calc/index.html      |   2 +-
 apps/libreoffice/writer/index.html    |   2 +-
 apps/maps/js/app.js                   |  10 +-
 apps/maps/map.html                    |   4 +-
 apps/settings/about.html              |   6 +-
 apps/settings/js/app.js               |   4 +-
 apps/settings/js/background.js        |   2 +-
 apps/settings/js/side.js              |   8 +-
 apps/terminal/js/app.js               |   6 +-
 apps/terminal/js/main.js              |  25 +++-
 apps/weather/app.html                 |   6 +-
 apps/weather/js/app.js                |   6 +-
 apps/webbrowser/js/app.js             |   6 +-
 apps/wine/notepad.html                |   2 +-
 contextmenu.html                      |   6 +-
 css/activities.css                    |   6 +-
 css/app-menu.css                      |   6 +-
 css/dialog.css                        |  76 ++++++++++
 css/dock.css                          |   4 +-
 css/main.css                          |   1 -
 css/notify.css                        |  36 +++++
 css/panel.css                         |   4 +
 index.html                            |  39 +++---
 js/app-manager.js                     | 164 ++++++++++++++++++++++
 js/dialogs.js                         |  12 ++
 js/localStorage.js                    |  28 +++-
 js/notify.js                          |   9 ++
 js/status.js                          |   6 +-
 js/window.js                          | 192 ++++++++------------------
 main.js                               |   6 +-
 status.html                           |   2 +-
 39 files changed, 515 insertions(+), 217 deletions(-)
 mode change 100644 => 100755 apps/maps/map.html
 mode change 100644 => 100755 apps/settings/js/background.js
 mode change 100644 => 100755 apps/settings/js/side.js
 mode change 100644 => 100755 apps/weather/app.html
 mode change 100644 => 100755 css/activities.css
 mode change 100644 => 100755 css/app-menu.css
 create mode 100644 css/dialog.css
 mode change 100644 => 100755 css/dock.css
 create mode 100644 css/notify.css
 create mode 100644 js/app-manager.js
 create mode 100644 js/dialogs.js
 mode change 100644 => 100755 js/localStorage.js
 create mode 100644 js/notify.js

diff --git a/LICENSE.md b/LICENSE.md
index cac506e..9ab5364 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -12,6 +12,8 @@
 
 * Brython licensed by [BSD-3-Clause License](./LICENCE_BSD3Clause.TXT)
 
+* Also used Geolocation Services of [CodeTabs](https://github.com/jolav/codetabs)
+
 > Ubuntu and Canonical are registered trademarks of Canonical Ltd.
 
 > Gnome are registered trademarks of Gnome.
diff --git a/README.md b/README.md
index 7617e0d..6f5d7f4 100644
--- a/README.md
+++ b/README.md
@@ -20,10 +20,24 @@ For introduce the Ubuntu environment' beauty (on web) and for fun. :) I was insp
 ## To-Do List
 
 * Increase clone apps' functionality
-* [12] Create more clone application
+* [13] Create more clone application
 * [+] Update interface to similar Ubuntu 21.10 interface
 * [-] Update interface to similar Ubuntu 22.04 interface
 
+## App Demo Mode
+
+ You can present your demo app with that project.
+
+> `https://malisipi.github.io/ubuntu-tour/?[`name`,`icon`,`location`]`
+
+* name: Your app's name
+* icon: Your app's icon
+* location: Your app's website
+
+> You can't send notification or create a new window. Because your app demo that hosted on another domain will be blocked by CORS policy. If you need to create a more powerful app demo, You can host the project with together your app demo.
+
+> https://malisipi.github.io/ubuntu-tour/?[%22Ubuntu-Tour%22,%22https://malisipi.github.io/ubuntu-tour/%22,%22https://malisipi.github.io/ubuntu-tour/icons/Suru/Suru/scalable/places/start-here-symbolic.svg%22]
+
 ## Notes
 
 > Ubuntu Tour is compatible with touch devices. (Window resize on mobile is harder than on computer. And some browsers may not support resize on mobile.)
diff --git a/apps/filemanager/js/app.js b/apps/filemanager/js/app.js
index 5116029..e814849 100644
--- a/apps/filemanager/js/app.js
+++ b/apps/filemanager/js/app.js
@@ -8,22 +8,22 @@ function goToForward(){
 
 function goTo(){
     if (window.event.keyCode == '13'){
-        alert("It's just a demo :)")
+        parent.parent.showNotification("It's just a demo :)","","",1250);
     }
 }
 
 function showMenu(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function showAsList(){
-    alert("It's just a demo :)")
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function changeLook(){
-    alert("It's just a demo :)")
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function searchAnything(){
-    alert("It's just a demo :)")
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
\ No newline at end of file
diff --git a/apps/filemanager/js/folderview.js b/apps/filemanager/js/folderview.js
index f2f0570..cdda1dd 100644
--- a/apps/filemanager/js/folderview.js
+++ b/apps/filemanager/js/folderview.js
@@ -33,6 +33,6 @@ function openFile(theFile){
     if(theFile=="Tjbk79TARiE.jpg") aboutFile=["../../icons/unsplash/Tjbk79TARiE.jpg","picture"];
 
     if(aboutFile[1]=="picture"){
-        parent.parent.window_create_special(parent.parent.createRandomWindowID(),'apps/imageviewer/index.html?file='+aboutFile[0],'Image Viewer','icons/Suru/Suru/48x48/apps/image-viewer-app.png');
+        parent.parent.start_app('eog',"file="+aboutFile[0]);
     }
 }
\ No newline at end of file
diff --git a/apps/filemanager/other_locations.html b/apps/filemanager/other_locations.html
index 716a634..f6170bc 100644
--- a/apps/filemanager/other_locations.html
+++ b/apps/filemanager/other_locations.html
@@ -7,7 +7,7 @@
     </head>
     <body>
         <div class="aboutLocation">On This PC</div>
-        <div class="item-list" ondblclick="alert('It\'s just a demo :)')">
+        <div class="item-list" ondblclick="parent.parent.showNotification('It\'s just a demo :)','','',1250);">
             <table class="item-list-table">
                 <tr>
                     <td class="item-list-table-1"><img draggable="false" class="item-icon" src="../../icons/Suru/Suru/48x48/devices/drive-harddisk.png"/></td>
diff --git a/apps/filemanager/trash.html b/apps/filemanager/trash.html
index 63a3d46..29a2807 100644
--- a/apps/filemanager/trash.html
+++ b/apps/filemanager/trash.html
@@ -10,8 +10,8 @@
             <tr>
                 <td class="trash-nav-label">Trash</td>
                 <td class="trash-nav-buttons">
-                    <button onclick="alert('It\'s just a demo :)');">Restore</button>
-                    <button onclick="alert('It\'s just a demo :)');">Empty</button>
+                    <button onclick="parent.parent.showNotification('It\'s just a demo :)','','',1250);">Restore</button>
+                    <button onclick="parent.parent.showNotification('It\'s just a demo :)','','',1250);">Empty</button>
                 </td>
             </tr>
         </table>
diff --git a/apps/help/js/app.js b/apps/help/js/app.js
index de0a40b..8d7f2f8 100644
--- a/apps/help/js/app.js
+++ b/apps/help/js/app.js
@@ -7,15 +7,15 @@ function goToForward(){
 }
 
 function showBookmarks(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function searchbutton(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function showMenu(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function reloadWebpage(){
diff --git a/apps/imageviewer/js/app.js b/apps/imageviewer/js/app.js
index 0c4f89e..97cb457 100644
--- a/apps/imageviewer/js/app.js
+++ b/apps/imageviewer/js/app.js
@@ -16,11 +16,11 @@ function zoomOut(){
 }
 
 function doFullscreen(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function showMenu(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function showImage(){
diff --git a/apps/libreoffice/calc/index.html b/apps/libreoffice/calc/index.html
index fce903e..e1a2737 100644
--- a/apps/libreoffice/calc/index.html
+++ b/apps/libreoffice/calc/index.html
@@ -41,7 +41,7 @@
     </style>
     <script>
         function itsjustdemo(){
-            alert("It's just a demo :)");
+            parent.showNotification("It's just a demo :)","","",1250);
         }
     </script>
 </head>
diff --git a/apps/libreoffice/writer/index.html b/apps/libreoffice/writer/index.html
index 4253516..6ffde54 100644
--- a/apps/libreoffice/writer/index.html
+++ b/apps/libreoffice/writer/index.html
@@ -54,7 +54,7 @@
     </style>
     <script>
         function itsjustdemo(){
-            alert("It's just a demo :)");
+            parent.showNotification("It's just a demo :)","","",1250);
         }
     </script>
 </head>
diff --git a/apps/maps/js/app.js b/apps/maps/js/app.js
index d90c1f4..4af8678 100644
--- a/apps/maps/js/app.js
+++ b/apps/maps/js/app.js
@@ -1,9 +1,9 @@
 function myLocation(){
-    alert("It's just a demo :)")
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function layers(){
-    alert("It's just a demo :)")
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function zoomIn(){
@@ -17,15 +17,15 @@ function zoomOut(){
 }
 
 function star(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function showMenu(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function goTo(){
     if (window.event.keyCode == '13'){
-        alert("It's just a demo :)");
+        parent.parent.showNotification("It's just a demo :)","","",1250);
     }
 }
diff --git a/apps/maps/map.html b/apps/maps/map.html
old mode 100644
new mode 100755
index 225e2fb..61b3358
--- a/apps/maps/map.html
+++ b/apps/maps/map.html
@@ -2,11 +2,13 @@
   <div id="mapdiv" style="border: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
   <script src="js/OpenLayers.js"></script>
   <script>
+    _location=JSON.parse(localStorage["location"]);
+
     map = new OpenLayers.Map("mapdiv");
     map.addLayer(new OpenLayers.Layer.OSM());
 
     //Set start centrepoint and zoom    
-    var lonLat = new OpenLayers.LonLat( -74.0059,40.7142 )
+    var lonLat = new OpenLayers.LonLat(_location.longitude,_location.latitude )
           .transform(
             new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
             map.getProjectionObject() // to Spherical Mercator Projection
diff --git a/apps/settings/about.html b/apps/settings/about.html
index 49a6a42..9c83d76 100644
--- a/apps/settings/about.html
+++ b/apps/settings/about.html
@@ -46,13 +46,13 @@
         <div class="bar-container">
             <table class="bar">
                 <tr>
-                    <td class="bar-left">OS name</td>
-                    <td class="bar-right">Ubuntu Impish Indri (development branch)</td>
+                    <td class="bar-left">OS Name</td>
+                    <td class="bar-right">Ubuntu 21.10</td>
                 </tr>
             </table>
             <table class="bar">
                 <tr>
-                    <td class="bar-left">OS type</td>
+                    <td class="bar-left">OS Type</td>
                     <td class="bar-right">64-bit</td>
                 </tr>
             </table>
diff --git a/apps/settings/js/app.js b/apps/settings/js/app.js
index 871663f..1e2b9dd 100644
--- a/apps/settings/js/app.js
+++ b/apps/settings/js/app.js
@@ -1,7 +1,7 @@
 function showMenu(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function searchAnything(){
-    alert("It's just a demo :)")
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
\ No newline at end of file
diff --git a/apps/settings/js/background.js b/apps/settings/js/background.js
old mode 100644
new mode 100755
index b3aa315..df98065
--- a/apps/settings/js/background.js
+++ b/apps/settings/js/background.js
@@ -4,6 +4,6 @@ function showWallpaper(){
 
 function setWallpaper(file){
     parent.parent.document.getElementsByClassName("wallpaper")[0].src="icons/unsplash/"+file;
-    parent.parent.window.localStorage["wallpaper"]="icons/unsplash/"+file;
+    localStorage["wallpaper"]="icons/unsplash/"+file;
     document.getElementById("theWallpaper").src="../../icons/unsplash/"+file;
 }
\ No newline at end of file
diff --git a/apps/settings/js/side.js b/apps/settings/js/side.js
old mode 100644
new mode 100755
index 986694d..832379e
--- a/apps/settings/js/side.js
+++ b/apps/settings/js/side.js
@@ -7,17 +7,19 @@ function doActive(obj){
 }
 
 function openLocation(thelocation){
-    if(thelocation=="!") aboutLocation=["",-1];
+    if(thelocation=="!"){
+        parent.parent.showNotification("It's just a demo :)","","",1250);
+        return false;
+    }
     if(thelocation=="Background") aboutLocation=["background.html",3];
     if(thelocation=="About") aboutLocation=["about.html",24];
 
     try {
+        parent.document.querySelectorAll(".special-title")[1].innerHTML=thelocation;
         doInactive(parent.document.getElementsByClassName("side-iframe")[0].contentWindow.document.getElementsByClassName("location-active")[0]);
     } catch {}
     if(aboutLocation[1]!=-1){
         parent.document.getElementsByClassName("content-iframe")[0].src=aboutLocation[0];
         doActive(parent.document.getElementsByClassName("side-iframe")[0].contentWindow.document.getElementsByClassName("location-inactive")[aboutLocation[1]]);
-    } else {
-        alert("It's just a demo :)")
     }
 }
\ No newline at end of file
diff --git a/apps/terminal/js/app.js b/apps/terminal/js/app.js
index ac74f4f..4038f6d 100644
--- a/apps/terminal/js/app.js
+++ b/apps/terminal/js/app.js
@@ -1,11 +1,11 @@
 newTab = () => {
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 searchAnything = () => {
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 openMenu = () => {
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
\ No newline at end of file
diff --git a/apps/terminal/js/main.js b/apps/terminal/js/main.js
index b7a7c16..737e80e 100644
--- a/apps/terminal/js/main.js
+++ b/apps/terminal/js/main.js
@@ -75,7 +75,9 @@ function runBashCommand(__command){
         return 0;
     }
     writeOutput("user@desktop:"+now_dir+"# "+now_command);
-    if(__the_command=="mkdir"||__the_command=="rmdir"||__the_command=="cp"||__the_command=="mv"||__the_command=="rm"){
+    if(parent.parent.check_app(__command.join(" "))){
+        parent.parent.start_app(__command.join(" "));
+    }else if(__the_command=="mkdir"||__the_command=="rmdir"||__the_command=="cp"||__the_command=="mv"||__the_command=="rm"){
         writeOutput(__the_command+": Read-only file system");
     }else if(__the_command==""){
         writeOutput("",0);
@@ -83,6 +85,18 @@ function runBashCommand(__command){
         writeOutput("Package manager is busy now.")
     }else if(__the_command=="su"||__the_command=="sudo"){
         writeOutput("You are already logged in as root user.")
+    }else if(__the_command=="uname"){
+        writeOutput("Linux")
+    }else if(__the_command=='notify-send'){
+        parent.parent.showNotification(__command[1],__command[2]);
+    }else if(__the_command=='wine'){
+        if(__command.length==1 || __command[1]=="--help"){
+            writeOutput("Usage: wine PROGRAM [ARGUMENTS...]   Run the specified program\n       wine --help                   Display this help and exit\n       wine --version                Output version information and exit");
+        } else if(__command[1]=="--version"){
+            writeOutput("wine-6.21")
+        } else {
+            writeOutput("Uygulama başlatılamadı veya belirtilen dosya ile ilişkili bir uygulama yok.")
+        }
     }else if(__the_command=="sh"||__the_command=="bash"){
         writeOutput(__console_info);
     }else if(__the_command=="python3"){
@@ -116,10 +130,11 @@ function runBashCommand(__command){
         }
     }else if(__the_command=="help"){
         writeOutput("\
-mkdir    rmdir   cp      mv      rm\n\
-apt-get  apt     dpkg    su      sudo\n\
-sh       bash    echo    help    clear\n\
-cd       ls      dir     python3 ")
+mkdir       rmdir   cp      mv      rm\n\
+apt-get     apt     dpkg    su      sudo\n\
+sh          bash    echo    help    clear\n\
+cd          ls      dir     python3 uname\n\
+notify-send wine")
     }else{
         writeOutput(__the_command+": Command not found")
     }
diff --git a/apps/weather/app.html b/apps/weather/app.html
old mode 100644
new mode 100755
index 0e79783..246d0d4
--- a/apps/weather/app.html
+++ b/apps/weather/app.html
@@ -97,7 +97,7 @@
     <body>
         <div class="current-weather" >
             <img id="current-logo" draggable="false" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3C/svg%3E">
-            <div id="current-location">New York</div>
+            <div id="current-location"></div>
             <div id="current-temp">0 °C</div>
         </div>
         <div class="weather-daily"></div>
@@ -165,7 +165,9 @@
             document.querySelector("#current-logo").src=_weather_codes[data["current_weather"]["weathercode"]];
             document.querySelector("#current-temp").innerHTML=Math.round([data["current_weather"]["temperature"]])+"°C";
         };
-        xhttp.open("GET", "https://api.open-meteo.com/v1/forecast?latitude=40.71&longitude=-74.01&daily=weathercode,temperature_2m_max,temperature_2m_min&current_weather=true&timezone=Europe%2FLondon", true);
+        _location=JSON.parse(localStorage["location"]);
+        document.querySelector("#current-location").innerHTML=_location.country_name+", "+_location.city;
+        xhttp.open("GET", "https://api.open-meteo.com/v1/forecast?latitude="+_location.latitude+"&longitude="+_location.longitude+"&daily=weathercode,temperature_2m_max,temperature_2m_min&current_weather=true&timezone=Europe%2FLondon", true);
         xhttp.send();
         </script>
     </body>
diff --git a/apps/weather/js/app.js b/apps/weather/js/app.js
index 8627b47..63d1445 100644
--- a/apps/weather/js/app.js
+++ b/apps/weather/js/app.js
@@ -3,13 +3,13 @@ function reload(){
 }
 
 function showMenu(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function hourly(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function daily(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
\ No newline at end of file
diff --git a/apps/webbrowser/js/app.js b/apps/webbrowser/js/app.js
index 030975e..5022f0f 100644
--- a/apps/webbrowser/js/app.js
+++ b/apps/webbrowser/js/app.js
@@ -11,11 +11,11 @@ function goToForward(){
 }
 
 function openNewTab(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function showBookmarks(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function goTo(){
@@ -26,7 +26,7 @@ function goTo(){
 
 
 function showMenu(){
-    alert("It's just a demo :)");
+    parent.parent.showNotification("It's just a demo :)","","",1250);
 }
 
 function reloadWebpage(){
diff --git a/apps/wine/notepad.html b/apps/wine/notepad.html
index 0e470ca..0be5b84 100644
--- a/apps/wine/notepad.html
+++ b/apps/wine/notepad.html
@@ -33,7 +33,7 @@
     </style>
     <script>
         function itsjustdemo(){
-            alert("It's just a demo :)");
+            parent.showNotification("It's just a demo :)","","",1250);
         }
     </script>
 </head>
diff --git a/contextmenu.html b/contextmenu.html
index 6256392..9b722a4 100644
--- a/contextmenu.html
+++ b/contextmenu.html
@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="css/Font.css">
         <script>
             function itsJustDemo() {
-                alert("It's just a demo :)");
+                parent.parent.showNotification("It's just a demo :)","","",1250);
             }
         </script>
     </head>
@@ -15,9 +15,9 @@
             <div onclick="parent.showHideContextMenu();itsJustDemo();" class="section"><div>Select All</div></div>
             <div onclick="parent.showHideContextMenu();itsJustDemo();"><div>Arrange Icons</div></div>
             <div onclick="parent.showHideContextMenu();itsJustDemo();" class="section"><div>Arrange By...</div></div>
-            <div onclick="parent.window_create_special(parent.createRandomWindowID(),'apps/filemanager/index.html?open=Desktop','Files','icons/Suru/Suru/48x48/apps/filemanager-app.png');parent.showHideContextMenu();"><div>Open Desktop On Files</div></div>
+            <div onclick="parent.start_app('nautilus','open=Desktop');parent.showHideContextMenu();"><div>Open Desktop On Files</div></div>
             <div onclick="parent.showHideContextMenu();itsJustDemo();" class="section"><div>Open In Terminal</div></div>
-            <div class="section" onclick="parent.window_create_special(parent.createRandomWindowID(),'apps/settings/index.html?open=Background','Settings','icons/Suru/Suru/48x48/apps/system-settings.png');parent.showHideContextMenu();"><div>Change Wallpaper...</div></div>
+            <div class="section" onclick="parent.start_app('gnome-control-center','open=Background');parent.showHideContextMenu();"><div>Change Wallpaper...</div></div>
             <div onclick="parent.showHideContextMenu();itsJustDemo();"><div>Display Settings</div></div>
             <div onclick="parent.showHideContextMenu();itsJustDemo();"><div>Desktop Symbol Settings</div></div>
         </body>
diff --git a/css/activities.css b/css/activities.css
old mode 100644
new mode 100755
index f344024..a3d3658
--- a/css/activities.css
+++ b/css/activities.css
@@ -1,10 +1,10 @@
 .activities{
     position: fixed;
     top: 26px;
-    left: 80px;
-    width: calc(100% - 80px);
+    left: 0px;
+    width: 100%;
     height: calc(100% - 26px);
-    z-index: 99999999999999999999999999999999999999999;
+    z-index: 999999999;
     background: #222222;
 }
 
diff --git a/css/app-menu.css b/css/app-menu.css
old mode 100644
new mode 100755
index c347658..357b9fd
--- a/css/app-menu.css
+++ b/css/app-menu.css
@@ -1,11 +1,11 @@
 .app-menu{
     position: fixed;
-    left:80px;
+    left:0px;
     top:26px;
     height: calc(100% - 26px);
-    width: calc(100% - 80px);
+    width: 100%;
     background: #222222;
-    z-index: 99999999999999999999999999999999999999999;
+    z-index: 999999999;
 }
 
 .app-menu-container{
diff --git a/css/dialog.css b/css/dialog.css
new file mode 100644
index 0000000..f9c3590
--- /dev/null
+++ b/css/dialog.css
@@ -0,0 +1,76 @@
+#dialog-box-container{
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    z-index: 9999999999999999999999999999999999999999999;
+    background: #222222cc;
+}
+
+#dialog-box{
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    background: #222222;
+    width: 400px;
+    height: 175px;
+    color: #ffffff;
+    border-radius: 15px;
+    border: 1px #777777 solid;
+}
+
+#dialog-title{
+    position: absolute;
+    top: 35px;
+    left: 15px;
+    width: calc(100% - 30px);
+    text-align: center;
+    font-size: 25px;
+}
+
+#dialog-text{
+    position: absolute;
+    top: 85px;
+    left: 15px;
+    width: calc(100% - 30px);
+    text-align: center;
+    font-size: 16px;
+}
+
+#dialog-option-1{
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: calc(50% - 1px);
+    background: #333333;
+    border-right: #111111 1px solid;
+    border-top: #111111 1px solid;
+    border-bottom-left-radius: 15px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    place-content: center;
+    transition-duration: 0.2s;
+}
+
+#dialog-option-2{
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    width: 50%;
+    background: #333333;
+    border-top: #111111 1px solid;
+    border-bottom-right-radius: 15px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    place-content: center;
+    transition-duration: 0.2s;
+}
+
+#dialog-option-1:hover, #dialog-option-2:hover{
+    background: #555555;
+    transition-duration: 0.2s;
+}
\ No newline at end of file
diff --git a/css/dock.css b/css/dock.css
old mode 100644
new mode 100755
index 6a52dc4..2b5d224
--- a/css/dock.css
+++ b/css/dock.css
@@ -2,7 +2,7 @@
     position: fixed;
     top:26px;
     left: 0px;
-    background: #111111;
+    background: #11111166;
     width: 80px;
     z-index: 99999999999999999999999999999999999999999;
     height: calc(100% - 106px);
@@ -44,7 +44,7 @@
     left: 0px;
     width: 80px;
     height: 80px;
-    background: #111111;
+    background: #11111166;
     z-index: 99999999999999999999999999999999999999999;
 }
 
diff --git a/css/main.css b/css/main.css
index 8ffbf56..01bacb9 100644
--- a/css/main.css
+++ b/css/main.css
@@ -57,7 +57,6 @@ input,textarea{
 
 .panel-activities:hover, .panel-notification:hover, .panel-status:hover, .panel-active-app:hover {
     background: #ffffff44;
-    border-radius: 50px;
     transition-duration: 0.2s;
 }
 
diff --git a/css/notify.css b/css/notify.css
new file mode 100644
index 0000000..c416579
--- /dev/null
+++ b/css/notify.css
@@ -0,0 +1,36 @@
+#notify-box{
+    position: fixed;
+    top: 30px;
+    left: 50%;
+    transform: translate(-50%,0px);
+    border-radius: 6px;
+    width: 500px;
+    height: 70px;
+    background: #222222;
+    border: #111111 solid 1px;
+    z-index: 999999999999999999999999999999999999999999;
+}
+
+#notify-title{
+    position: absolute;
+    top: 12px;
+    left: 12px;
+    font-size: 18px;
+    color: #ffffff;
+}
+
+#notify-text{
+    position: absolute;
+    top: 42px;
+    left: 12px;
+    font-size: 14px;
+    color: #777777;
+}
+
+#notify-close{
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 16px;
+    filter: brightness(1.5);
+}
\ No newline at end of file
diff --git a/css/panel.css b/css/panel.css
index ef4fd0a..be0b6d6 100644
--- a/css/panel.css
+++ b/css/panel.css
@@ -16,6 +16,7 @@
     top: 2px;
     font-size: 16px;
     color: #ffffff;
+    border-radius: 50px;
     text-align: center;
     display: flex;
     justify-content: center;
@@ -31,6 +32,7 @@
     width: 0px;
     height: 22px;
     top: 2px;
+    border-radius: 50px;
     transition-duration: 0.2s;
     cursor: default;
 }
@@ -64,6 +66,7 @@
     top: 2px;
     transform: translate(-50%,0);
     font-size: 16px;
+    border-radius: 50px;
     color: #ffffff;
     text-align: center;
     display: flex;
@@ -82,6 +85,7 @@
     top: 2px;
     font-size: 16px;
     color: #ffffff;
+    border-radius: 50px;
     cursor: default;
     display: grid;
     grid-template-columns: auto auto auto;
diff --git a/index.html b/index.html
index c1d817f..8ca9b81 100644
--- a/index.html
+++ b/index.html
@@ -18,9 +18,14 @@
         <link rel="stylesheet" href="css/brightness.css">
         <script src="js/activities.js"></script>
         <link rel="stylesheet" href="css/activities.css">
-        <script src="js/localStorage.js"></script>
+        <script src="js/localStorage.js" defer></script>
         <script src="js/workspace.js"></script>
         <link rel="stylesheet" href="css/workspace.css">
+        <script src="js/dialogs.js"></script>
+        <link rel="stylesheet" href="css/dialog.css">
+        <script src="js/notify.js"></script>
+        <link rel="stylesheet" href="css/notify.css">
+        <script src="js/app-manager.js"></script>
     </head>
     <body oncontextmenu="return false;">
         <img src="" draggable="false" class="wallpaper" />
@@ -40,7 +45,7 @@
             <iframe class="notification-about" src="notification.html" hidden></iframe>
         </div>
         <div class="desktop" onclick="changePanelActiveAppIcon('icons/null.svg','');">
-            <div class="desktop-item" ondblclick="window_create_special(createRandomWindowID(),'apps/filemanager/index.html','Files','icons/Suru/Suru/48x48/apps/filemanager-app.png');">
+            <div class="desktop-item" ondblclick="start_app('nautilus');">
                 <img draggable="false" class="item-icon" src="icons/Suru/Suru/48x48/places/user-home.png"/><br>
                 Home
             </div>
@@ -51,27 +56,14 @@
         <div class="dock">
             <div id="dock"></div>
             <div class="dock-app-container">
-                <img class="dock-app" onclick="window_create_special(createRandomWindowID(),'apps/filemanager/index.html?open=Trash','Files','icons/Suru/Suru/48x48/apps/filemanager-app.png');" draggable="false" src="icons/Suru/Suru/48x48/places/user-trash.png">
+                <img class="dock-app" onclick="start_app('nautilus','open=Trash');" draggable="false" src="icons/Suru/Suru/48x48/places/user-trash.png">
             </div>
         </div>
         <div class="workspaces" hidden><div class="workspace-now"></div></div>
         <div class="app-menu" style="visibility: hidden;">
             <div class="menu-searchbox"><img src="icons/Suru/Suru/scalable/actions/search-symbolic.svg" draggable="false" /><input type="text" placeholder="Write to search" onfocus="this.parentNode.style.border='2px #f7b33f solid'; this.parentNode.style.transform='translate(-1px,-1px)';"  onfocusout="this.parentNode.style.border=''; this.parentNode.style.transform='';this.value='';"/></div>
             <img onclick="showHideAppMenu();" class="app-menu-container-wallpaper" />
-            <div class="app-menu-container">
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/webbrowser/index.html','Web','icons/Suru/Suru/48x48/apps/webbrowser-app.png','icons/Suru/Suru/scalable/apps/webbrowser-app-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/webbrowser-app.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/filemanager/index.html','Files','icons/Suru/Suru/48x48/apps/filemanager-app.png','icons/Suru/Suru/scalable/apps/filemanager-app-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/filemanager-app.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/imageviewer/index.html','Image Viewer','icons/Suru/Suru/48x48/apps/image-viewer-app.png','icons/Suru/Suru/scalable/apps/image-viewer-app-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/image-viewer-app.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/maps/index.html','Maps','icons/Suru/Suru/48x48/apps/maps-app.png','icons/Suru/Suru/scalable/apps/maps-app-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/maps-app.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/help/index.html','Help','icons/Suru/Suru/48x48/apps/help-app.png','icons/Suru/Suru/scalable/apps/help-app-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/help-app.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/settings/index.html','Settings','icons/Suru/Suru/48x48/apps/system-settings.png','icons/Suru/Suru/scalable/apps/system-settings-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/system-settings.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/terminal/index.html','Terminal','icons/Suru/Suru/48x48/apps/terminal-app.png','icons/Suru/Suru/scalable/apps/terminal-app-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/terminal-app.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create_special(createRandomWindowID(),'apps/weather/index.html','Weather','icons/Suru/Suru/48x48/apps/weather-app.png','icons/Suru/Suru/scalable/apps/weather-app-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/weather-app.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create(createRandomWindowID(),'apps/libreoffice/writer/index.html','LibreOffice Writer','icons/Suru/Suru/48x48/apps/libreoffice-writer.png','icons/Suru/Suru/scalable/mimetypes/x-office-document-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/libreoffice-writer.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create(createRandomWindowID(),'apps/libreoffice/calc/index.html','LibreOffice Calc','icons/Suru/Suru/48x48/apps/libreoffice-calc.png','icons/Suru/Suru/scalable/mimetypes/x-office-spreadsheet-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/libreoffice-calc.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create(createRandomWindowID(),'https://paint.js.org','Paint - WineHQ','https://paint.js.org/assets/icon.png');" draggable="false" src="https://paint.js.org/assets/icon.png"/></div>
-                <div class="app-menu-app"><img class="app-menu-app-image" onclick="window_create(createRandomWindowID(),'apps/wine/notepad.html','Notepad - WineHQ','icons/Suru/Suru/48x48/apps/wine.png','icons/Suru/Suru/scalable/apps/wine-symbolic.svg',2);" draggable="false" src="icons/Suru/Suru/256x256/apps/wine.png"/></div>
-            </div>
+            <div class="app-menu-container"></div>
         </div>
         <div class="activities" style="visibility: hidden;">
             <div class="menu-searchbox"><img src="icons/Suru/Suru/scalable/actions/search-symbolic.svg" draggable="false" /><input type="text" placeholder="Write to search" onfocus="this.parentNode.style.border='2px #f7b33f solid'; this.parentNode.style.transform='translate(-1px,-1px)';"  onfocusout="this.parentNode.style.border=''; this.parentNode.style.transform='';this.value='';"/></div>
@@ -80,6 +72,19 @@
         <div class="context-menu-container" onclick="showHideContextMenu();" hidden>
             <iframe class="context-menu" src="contextmenu.html"></iframe>
         </div>
+        <div id="dialog-box-container" hidden>
+            <div id="dialog-box">
+                <div id="dialog-title"></div>
+                <div id="dialog-text"></div>
+                <div id="dialog-option-1" onclick="document.querySelector('#dialog-box-container').hidden=true;new Function(__dialog_opt1)();">Cancel</div>
+                <div id="dialog-option-2" onclick="document.querySelector('#dialog-box-container').hidden=true;new Function(__dialog_opt2)();">OK</div>
+            </div>
+        </div>
+        <div id="notify-box" onclick="if(window.event.target.id!='notify-close'){new Function(__notify_action)();};document.querySelector('#notify-box').hidden=true;" hidden>
+            <div id="notify-title">Title</div>
+            <div id="notify-text">Text</div>
+            <img id="notify-close" src="icons/Suru/Suru/scalable/ui/window-close-symbolic.svg"/>
+        </div>
         <div class="brightness" id="brightness"></div>
     </body>
 </html>
\ No newline at end of file
diff --git a/js/app-manager.js b/js/app-manager.js
new file mode 100644
index 0000000..080f45c
--- /dev/null
+++ b/js/app-manager.js
@@ -0,0 +1,164 @@
+app_list = [
+    {
+        "code_name":"epiphany",
+        "name":"Web",
+        "location":"apps/webbrowser/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/webbrowser-app.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/webbrowser-app-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/webbrowser-app.png"
+    },
+    {
+        "code_name":"nautilus",
+        "name":"Files",
+        "location":"apps/filemanager/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/filemanager-app.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/filemanager-app-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/filemanager-app.png"
+    },
+    {
+        "code_name":"eog",
+        "name":"Image Viewer",
+        "location":"apps/imageviewer/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/image-viewer-app.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/image-viewer-app-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/image-viewer-app.png"
+    },
+    {
+        "code_name":"gnome-maps",
+        "name":"Maps",
+        "location":"apps/maps/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/maps-app.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/maps-app-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/maps-app.png"
+    },
+    {
+        "code_name":"gnome-help",
+        "name":"Help",
+        "location":"apps/help/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/help-app.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/help-app-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/help-app.png"
+    },
+    {
+        "code_name":"gnome-control-center",
+        "name":"Settings",
+        "location":"apps/settings/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/system-settings.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/system-settings-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/system-settings.png"
+    },
+    {
+        "code_name":"gnome-terminal",
+        "name":"Terminal",
+        "location":"apps/terminal/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/terminal-app.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/terminal-app-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/terminal-app.png"
+    },
+    {
+        "code_name":"gnome-weather",
+        "name":"Weather",
+        "location":"apps/weather/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/weather-app.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/weather-app-symbolic.svg",
+        "dark_icon_brightness":2,
+        "special":true,
+        "icon":"icons/Suru/Suru/256x256/apps/weather-app.png"
+    },
+    {
+        "code_name":"loffice --writer",
+        "name":"LibreOffice Writer",
+        "location":"apps/libreoffice/writer/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/libreoffice-writer.png",
+        "dark_icon":"icons/Suru/Suru/scalable/mimetypes/x-office-document-symbolic.svg",
+        "dark_icon_brightness":2,
+        "icon":"icons/Suru/Suru/256x256/apps/libreoffice-writer.png"
+    },
+    {
+        "code_name":"loffice --calc",
+        "name":"LibreOffice Calc",
+        "location":"apps/libreoffice/calc/index.html",
+        "icon_48":"icons/Suru/Suru/48x48/apps/libreoffice-calc.png",
+        "dark_icon":"icons/Suru/Suru/scalable/mimetypes/x-office-spreadsheet-symbolic.svg",
+        "dark_icon_brightness":2,
+        "icon":"icons/Suru/Suru/256x256/apps/libreoffice-calc.png"
+    },
+    {
+        "code_name":"wine mspaint.exe",
+        "name":"Paint - WineHQ",
+        "location":"https://paint.js.org",
+        "icon":"https://paint.js.org/assets/icon.png"
+    },
+    {
+        "code_name":"wine notepad.exe",
+        "name":"Notepad - WineHQ",
+        "location":"apps/wine/notepad.html",
+        "icon":"icons/Suru/Suru/256x256/apps/wine.png",
+        "dark_icon":"icons/Suru/Suru/scalable/apps/wine-symbolic.svg",
+        "dark_icon_brightness":2,
+        "icon_48":"icons/Suru/Suru/48x48/apps/wine.png"
+    },
+    {
+        "code_name":"code",
+        "name":"Visual Studio Code",
+        "location":"https://vscode.dev",
+        "icon":"https://code.visualstudio.com/favicon.ico"
+    }
+]
+
+// init app_menu
+init_app_list = () => {
+    __app_list="";
+    app_list.forEach(app => {
+        if(app.dark_icon==undefined) app.dark_icon=app.icon;
+        if(app.dark_icon_brightness==undefined) app.dark_icon_brightness=1;
+        if(app.icon_48==undefined) app.icon_48=app.icon;
+        if(app.special==undefined) app.special=false;
+        __app_list+="<div class=\"app-menu-app\"><img class=\"app-menu-app-image\" onclick=\"start_app('"+app.code_name+"');\" draggable=\"false\" src=\""+app.icon+"\"/></div>";
+    });
+
+    document.querySelector(".app-menu-container").innerHTML=__app_list;
+    delete __app_list;
+}
+//
+
+window.addEventListener("load",()=>{
+    init_app_list();
+});
+
+start_app = (code_name,arg="") => {
+    app="";
+    app_list.forEach(__app => {if(__app.code_name==code_name){app=__app;}});
+    if(arg!="") arg="?"+arg;
+    if(app!=""){
+        if(app.special){
+            window_create_special(createRandomWindowID(),app.location+arg,app.name,app.icon_48,app.dark_icon,app.dark_icon_brightness);
+        } else {
+            window_create(createRandomWindowID(),app.location+arg,app.name,app.icon_48,app.dark_icon,app.dark_icon_brightness);
+        }
+    }
+}
+
+check_app = (code_name) => {
+    app="";
+    app_list.forEach(__app => {if(__app.code_name==code_name){app=__app;}});
+    if(app!=""){
+        return true;
+    } else {
+        return false;
+    }
+}
\ No newline at end of file
diff --git a/js/dialogs.js b/js/dialogs.js
new file mode 100644
index 0000000..d41e5fd
--- /dev/null
+++ b/js/dialogs.js
@@ -0,0 +1,12 @@
+__dialog_opt1="";
+__dialog_opt2="";
+
+showDialog = (__title="",__text="",__opt1="Cancel",__opt2="OK",__opt1_func="",__opt2_func="") => {
+    __dialog_opt1=__opt1_func;
+    __dialog_opt2=__opt2_func;
+    document.querySelector("#dialog-box-container").hidden=false;
+    document.querySelector("#dialog-title").innerText=__title;
+    document.querySelector("#dialog-text").innerText=__text;
+    document.querySelector("#dialog-option-1").innerText=__opt1;
+    document.querySelector("#dialog-option-2").innerText=__opt2;
+}
\ No newline at end of file
diff --git a/js/localStorage.js b/js/localStorage.js
old mode 100644
new mode 100755
index 2a94812..de167d8
--- a/js/localStorage.js
+++ b/js/localStorage.js
@@ -1,9 +1,33 @@
-if (typeof(Storage) === "undefined") { //If localStorage not supported, create a variable for storing data as temporary.
-    localStorage={};
+if (typeof(Storage) === "undefined") { 
+    console.error("Enable localStorage to best experience")
+}
+
+__get_location_info = () => {
+    var _location = new XMLHttpRequest();
+    _location.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {
+        localStorage["location"]=this.responseText.replace(/[0-9]+\.[0-9]+\.[0-9]+\.[0-9]+/g,"");
+        }
+    };
+    _location.open("GET", "https://api.codetabs.com/v1/geolocation/json", true);
+    _location.send();
 }
 
 if(localStorage["wallpaper"]==undefined) localStorage["wallpaper"]="icons/unsplash/9XngoIpxcEo.jpg";
 
+if(localStorage["location_date"]!=Date().toString().match(/... [0-9][0-9] [0-9][0-9][0-9][0-9]/g)){
+    localStorage["location_date"]=Date().toString().match(/... [0-9][0-9] [0-9][0-9][0-9][0-9]/g);
+    localStorage["location"]=JSON.stringify({"country_code": "FR","country_name": "France","region_code": "IDF","region_name": "Ile-de-France","city": "Paris","zip_code": "75001","time_zone": "Europe/Paris","latitude": 48.8628,"longitude": 2.3292});
+    
+    setTimeout(()=>{
+        if(window["__hide_location_confirm"]!=1){
+            showDialog("Allow Location","Do you allow the website to access your location?","No","Yes","","__get_location_info();")
+        }else{
+            delete __hide_location_confirm;
+        }
+    },3000)
+}
+
 window.addEventListener("load",()=>{
     document.querySelector(".wallpaper").src=localStorage["wallpaper"];
 });
\ No newline at end of file
diff --git a/js/notify.js b/js/notify.js
new file mode 100644
index 0000000..db688c4
--- /dev/null
+++ b/js/notify.js
@@ -0,0 +1,9 @@
+__notify_action="";
+
+showNotification = (__title="",__text="",__action="",__wait=10000) => {
+    document.querySelector("#notify-box").hidden=false;
+    document.querySelector("#notify-title").innerText=__title;
+    document.querySelector("#notify-text").innerText=__text;
+    __notify_action=__action;
+    setTimeout(()=>{document.querySelector("#notify-box").hidden=true;},__wait) //notify-autoclose
+}
\ No newline at end of file
diff --git a/js/status.js b/js/status.js
index 7ece7ea..f9331b1 100644
--- a/js/status.js
+++ b/js/status.js
@@ -4,5 +4,9 @@ function changeBrightness(){
 
 function openSettings(){
     parent.showStatusAbout();
-    parent.window_create_special(parent.createRandomWindowID(),'apps/settings/index.html','Settings','icons/Suru/Suru/48x48/apps/system-settings.png');
+    parent.start_app('gnome-control-center');
+}
+
+openShutdown = ()=>{
+    parent.showDialog("Shutdown Computer","Do you want to shutdown your computer?","Cancel","Shutdown","","location.href='https://github.com/malisipi/ubuntu-tour'")
 }
\ No newline at end of file
diff --git a/js/window.js b/js/window.js
index bd19d87..6dc706e 100644
--- a/js/window.js
+++ b/js/window.js
@@ -1,142 +1,54 @@
-function AllowMovable(obj) {
-    document.getElementById(obj.id+"-titlebar").onmousedown = function(e) {
-        pointerX = e.clientX;
-        pointerY = e.clientY;
-        document.onmouseup = function(){
-            document.onmouseup = null;
-            document.onmousemove = null;};
-            document.onmousemove =  function(e) {
-                pointerXmove = pointerX - e.clientX;
-                pointerYmove = pointerY - e.clientY
-                pointerX = e.clientX
-                pointerY = e.clientY;
-                obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-                obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-  };};
-  
-    document.getElementById(obj.id+"-titlebar").ontouchstart = function(e) {
-        pointerX = e.touches[0].clientX;
-        pointerY = e.touches[0].clientY;
-        document.ontouchend = function(){
-            document.ontouchend = null;
-            document.ontouchmove = null;};
-            document.ontouchmove =  function(e) {
-                pointerXmove = pointerX - e.touches[0].clientX;
-                pointerYmove = pointerY - e.touches[0].clientY
-                pointerX = e.touches[0].clientX
-                pointerY = e.touches[0].clientY;
-                obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-                obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-  };};
-
-  if (JSON.stringify(document.getElementById(obj.id+"-titlebar2")) != "null") { // For special titlebars
-
-    document.getElementById(obj.id+"-titlebar2").onmousedown = function(e) {
-        pointerX = e.clientX;
-        pointerY = e.clientY;
-        document.onmouseup = function(){
-            document.onmouseup = null;
-            document.onmousemove = null;};
-            document.onmousemove =  function(e) {
-                pointerXmove = pointerX - e.clientX;
-                pointerYmove = pointerY - e.clientY
-                pointerX = e.clientX
-                pointerY = e.clientY;
-                obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-                obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-  };};
-  
-    document.getElementById(obj.id+"-titlebar2").ontouchstart = function(e) {
-        pointerX = e.touches[0].clientX;
-        pointerY = e.touches[0].clientY;
-        document.ontouchend = function(){
-            document.ontouchend = null;
-            document.ontouchmove = null;};
-            document.ontouchmove =  function(e) {
-                pointerXmove = pointerX - e.touches[0].clientX;
-                pointerYmove = pointerY - e.touches[0].clientY
-                pointerX = e.touches[0].clientX
-                pointerY = e.touches[0].clientY;
-                obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-                obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-  };};
-
-  document.getElementById(obj.id+"-titlebar3").onmousedown = function(e) {
-    pointerX = e.clientX;
-    pointerY = e.clientY;
-    document.onmouseup = function(){
-        document.onmouseup = null;
-        document.onmousemove = null;};
-        document.onmousemove =  function(e) {
-            pointerXmove = pointerX - e.clientX;
-            pointerYmove = pointerY - e.clientY
-            pointerX = e.clientX
+__set_movable = (obj,_mv,s="") => {
+    if(_mv){
+        document.getElementById(obj.id+"-titlebar"+s).onmousedown = function(e) {
+            pointerX = e.clientX;
             pointerY = e.clientY;
-            obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-            obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-};};
-
-document.getElementById(obj.id+"-titlebar3").ontouchstart = function(e) {
-    pointerX = e.touches[0].clientX;
-    pointerY = e.touches[0].clientY;
-    document.ontouchend = function(){
-        document.ontouchend = null;
-        document.ontouchmove = null;};
-        document.ontouchmove =  function(e) {
-            pointerXmove = pointerX - e.touches[0].clientX;
-            pointerYmove = pointerY - e.touches[0].clientY
-            pointerX = e.touches[0].clientX
-            pointerY = e.touches[0].clientY;
-            obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-            obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-};};
-
-document.getElementById(obj.id+"-titlebar4").onmousedown = function(e) {
-    pointerX = e.clientX;
-    pointerY = e.clientY;
-    document.onmouseup = function(){
-        document.onmouseup = null;
-        document.onmousemove = null;};
-        document.onmousemove =  function(e) {
-            pointerXmove = pointerX - e.clientX;
-            pointerYmove = pointerY - e.clientY
-            pointerX = e.clientX
-            pointerY = e.clientY;
-            obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-            obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-};};
-
-document.getElementById(obj.id+"-titlebar4").ontouchstart = function(e) {
-    pointerX = e.touches[0].clientX;
-    pointerY = e.touches[0].clientY;
-    document.ontouchend = function(){
-        document.ontouchend = null;
-        document.ontouchmove = null;};
-        document.ontouchmove =  function(e) {
-            pointerXmove = pointerX - e.touches[0].clientX;
-            pointerYmove = pointerY - e.touches[0].clientY
-            pointerX = e.touches[0].clientX
+            document.onmouseup = function(){
+                document.onmouseup = null;
+                document.onmousemove = null;};
+                document.onmousemove =  function(e) {
+                    pointerXmove = pointerX - e.clientX;
+                    pointerYmove = pointerY - e.clientY
+                    pointerX = e.clientX
+                    pointerY = e.clientY;
+                    obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
+                    obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
+        };};
+
+        document.getElementById(obj.id+"-titlebar"+s).ontouchstart = function(e) {
+            pointerX = e.touches[0].clientX;
             pointerY = e.touches[0].clientY;
-            obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
-            obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
-};};
-
+            document.ontouchend = function(){
+                document.ontouchend = null;
+                document.ontouchmove = null;};
+                document.ontouchmove =  function(e) {
+                    pointerXmove = pointerX - e.touches[0].clientX;
+                    pointerYmove = pointerY - e.touches[0].clientY
+                    pointerX = e.touches[0].clientX
+                    pointerY = e.touches[0].clientY;
+                    obj.style.top = (obj.offsetTop - pointerYmove) + 'px';
+                    obj.style.left = (obj.offsetLeft - pointerXmove) + 'px';
+        };};
+    } else {
+        document.getElementById(obj.id+"-titlebar").onmousedown = function(e) {};
+        document.getElementById(obj.id+"-titlebar").ontouchstart = function(e) {};    
+    }
+}
 
-  }
+function AllowMovable(obj) {
+    __set_movable(obj,true)
 
+    if (document.getElementById(obj.id+"-titlebar2") != null) { // For special titlebars
+        [2,3,4].forEach(s=>{__set_movable(obj,true,s)})
+    }
 }
 
 function DisableMovable(w) {
     obj=document.getElementById(w);
-    document.getElementById(obj.id+"-titlebar").onmousedown = function(e) {};
-    document.getElementById(obj.id+"-titlebar").ontouchstart = function(e) {};
-    if (JSON.stringify(document.getElementById(obj.id+"-titlebar2")) != "null") { // For special titlebars
-        document.getElementById(obj.id+"-titlebar2").onmousedown = function(e) {};
-        document.getElementById(obj.id+"-titlebar2").ontouchstart = function(e) {};
-        document.getElementById(obj.id+"-titlebar3").onmousedown = function(e) {};
-        document.getElementById(obj.id+"-titlebar3").ontouchstart = function(e) {};
-        document.getElementById(obj.id+"-titlebar4").onmousedown = function(e) {};
-        document.getElementById(obj.id+"-titlebar4").ontouchstart = function(e) {};
+    __set_movable(obj,false)
+
+    if (document.getElementById(obj.id+"-titlebar2") != null) { // For special titlebars
+        [2,3,4].forEach(s=>{__set_movable(obj,false,s)})
     }
 }
 
@@ -172,6 +84,7 @@ function window_maximize(w){
     document.getElementById(w).style.border="none";
     document.getElementById(w).style.borderTopLeftRadius="0px";
     document.getElementById(w).style.borderTopRightRadius="0px";
+    document.getElementById(w).style.resize="none";
 }
 
 function window_restore(w){
@@ -186,6 +99,7 @@ function window_restore(w){
     document.getElementById(w).style.border="#220022 1px solid";
     document.getElementById(w).style.borderTopLeftRadius="10px";
     document.getElementById(w).style.borderTopRightRadius="10px";
+    document.getElementById(w).style.resize="both";
 }
 
 function window_create(name,url,title,icon,icon_grayscale="",icon_brightness=1){
@@ -209,6 +123,7 @@ function window_create(name,url,title,icon,icon_grayscale="",icon_brightness=1){
     </div>";
     changePanelActiveAppIcon(icon_grayscale,title,icon_brightness);
     changeWindowZIndex(name);
+    showNotification(title,"\""+title+"\" is ready","",2000);
 }
 
 function window_create_special(name,url,title,icon,icon_grayscale="",icon_brightness=1){
@@ -234,6 +149,7 @@ function window_create_special(name,url,title,icon,icon_grayscale="",icon_bright
     </div>";
     changePanelActiveAppIcon(icon_grayscale,title,icon_brightness);
     changeWindowZIndex(name);
+    showNotification(title,"\""+title+"\" is ready","",2000);
 }
 
 function window_delete(w){
@@ -254,4 +170,16 @@ latest_window_id=0;
 function createRandomWindowID(){
     latest_window_id+=1;
     return "w"+latest_window_id;
-}
\ No newline at end of file
+}
+
+// /?[<name>,<icon>,<location>]
+// for example; ?[%22Ubuntu-Tour%22,%22https://malisipi.github.io/ubuntu-tour/%22,%22https://malisipi.github.io/ubuntu-tour/icons/Suru/Suru/scalable/places/start-here-symbolic.svg%22]
+window.addEventListener("load",()=>{
+    if(window.location.search!=""){
+        __hide_location_confirm=1;
+        __the_app=JSON.parse(decodeURIComponent(window.location.search).replace("?",""));
+        console.info(__the_app);
+        window_create(createRandomWindowID(),__the_app[1],__the_app[0],__the_app[2]);
+        window_maximize("w1");
+    }
+});
\ No newline at end of file
diff --git a/main.js b/main.js
index 1812e2d..03b3d82 100644
--- a/main.js
+++ b/main.js
@@ -1,11 +1,11 @@
 function rightclick(event) {
-    showHideContextMenu(event.clientY,event.clientX);
+    if(event.target.className=="desktop" || event.target.className=="context-menu-container"){
+        showHideContextMenu(event.clientY,event.clientX);
+    }
 }
 
 function showHideContextMenu(top=0,left=0){
     if(document.getElementsByClassName("context-menu-container")[0].hidden){
-        if(top<=26) return false;
-        if(left<=80) return false;
         if(document.querySelector(".activities").style.visibility!="hidden") return false;
         if(document.querySelector(".app-menu").style.visibility!="hidden") return false;
         document.getElementsByClassName("context-menu-container")[0].hidden=false;
diff --git a/status.html b/status.html
index cdc11b2..05e5dcb 100644
--- a/status.html
+++ b/status.html
@@ -16,6 +16,6 @@
         <div style="grid-area: section2;" class="special-section"></div>
         <img style="grid-area: settings;" onclick="openSettings();" draggable="false" src="icons/Suru/Suru/scalable/apps/settings-app-symbolic.svg" class="icon"/> <div style="grid-area: settings-text;" onclick="openSettings();" class="label">Settings</div>
         <img style="grid-area: lock;" draggable="false" src="icons/Suru/Suru/scalable/actions/system-lock-screen-symbolic.svg" class="icon"/> <div style="grid-area: lock-text;" class="label">Lock</div>
-        <img style="grid-area: shutdown;" draggable="false" src="icons/Suru/Suru/scalable/actions/system-shutdown-symbolic.svg" class="icon"/> <div style="grid-area: shutdown-text;" class="label">Shutdown</div>
+        <img style="grid-area: shutdown;" onclick="openShutdown();" draggable="false" src="icons/Suru/Suru/scalable/actions/system-shutdown-symbolic.svg" class="icon"/> <div style="grid-area: shutdown-text;" onclick="openShutdown();" class="label">Shutdown</div>
     </body>
 </html>
\ No newline at end of file