v2.0.0-beta.44

website/versioned_docs/version-v2.0.0-beta.43/gettingstarted/building.mdx

@@ -10,7 +10,7 @@ This will compile your project and save the production-ready binary in the `buil
 If you run the binary, you should see the default application:
 
 <div class="text--center">
-    <img src="/img/defaultproject.png" width="50%" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+    <img src="/img/defaultproject.png" width="50%" class="screenshot"/>
 </div>
 <br/>
 

website/versioned_docs/version-v2.0.0-beta.43/reference/options.mdx

@@ -702,14 +702,14 @@ func main() {
 The "About" menu item will appear in the app menu:
 
 <div class="text--center">
-    <img src="/img/reference/about-menu.png" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+    <img src="/img/reference/about-menu.png" class="screenshot"/>
 </div>
 <br/>
 
 When clicked, that will open an about message box:
 
 <div class="text--center">
-    <img src="/img/reference/about-dialog.png" width="40%" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+    <img src="/img/reference/about-dialog.png" width="40%" class="screenshot"/>
 </div>
 <br/>
 

website/versioned_docs/version-v2.0.0-beta.43/reference/runtime/dialog.mdx

@@ -157,7 +157,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
 ```
 the first button is shown as default:
 <div class="text--center">
-    <img src="/img/runtime/dialog_no_defaults.png" width="30%" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+    <img src="/img/runtime/dialog_no_defaults.png" width="30%" class="screenshot"/>
 </div>
 <br/>
 
@@ -172,7 +172,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
 ```
 the second button is shown as default. When `return` is pressed, the value "two" is returned.
 <div class="text--center">
-    <img src="/img/runtime/dialog_default_button.png" width="30%" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+    <img src="/img/runtime/dialog_default_button.png" width="30%" class="screenshot"/>
 </div>
 <br/>
 
@@ -188,7 +188,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
 ```
 the button with "three" is shown at the bottom of the dialog. When `escape` is pressed, the value "three" is returned:
 <div class="text--center">
-    <img src="/img/runtime/dialog_default_cancel.png" width="30%" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+    <img src="/img/runtime/dialog_default_cancel.png" width="30%" class="screenshot"/>
 </div>
 <br/>
 <br/>
@@ -221,7 +221,7 @@ Windows allows you to use multiple file filters in dialog boxes. Each FileFilter
 dialog:
 
 <div class="text--center">
-    <img src="/img/runtime/dialog_win_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+    <img src="/img/runtime/dialog_win_filters.png" width="50%" class="screenshot"/>
 </div>
 <br/>
 <br/>
@@ -233,7 +233,7 @@ Linux allows you to use multiple file filters in dialog boxes. Each FileFilter w
 dialog:
 
 <div class="text--center">
-  <img src="/img/runtime/dialog_lin_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>
+  <img src="/img/runtime/dialog_lin_filters.png" width="50%" class="screenshot"/>
 </div>
 <br/>
 <br/>

website/versioned_docs/version-v2.0.0-beta.43/tutorials/helloworld.mdx

@@ -108,7 +108,6 @@ On Linux, you can run the application using `./helloworld` from the `build/bin`
 You should see the application working as expected:
 
 <div class="text--center">
-    <img src="/img/windows-default-app.png" width="50%"
-         style={{"box-shadow": "rgb(255 255 255 / 20%) 0px 4px 8px 0px, rgb(104 104 104) 0px 6px 20px 0px"}}/>255 / 20%) 0px 1px 2px 0px, rgb(104 104 104) 0px 1px 5px 0px"}}/>
+    <img src="/img/windows-default-app.png" width="50%" class="screenshot"/>
 </div>
 <br/>

website/versioned_docs/version-v2.0.0-beta.44/community/showcase/emailit.mdx

@@ -0,0 +1,8 @@
+# EmailIt
+
+<p style={{"text-align": "center"}}>
+   <img src="/img/showcase/emailit.png"></img><br/>
+</p>
+
+[EmailIt](https://github.com/raguay/EmailIt/) is a Wails 2 program that is a markdown based email sender only with nine notepads, scripts to manipulate the text, and templates. It also has a builtin [Node-Red](https://nodered.org/) server, scripts terminal, and the [ScriptBar](https://github.com/raguay/ScriptBarApp) program for displaying results from Node-Red or a script on your system. Documentation is very scarce, but the programs works. It’s built using Wails2 and Svelte, and the download is a universal macOS application.
+

website/versioned_docs/version-v2.0.0-beta.44/community/showcase/modalfilemanager.mdx

@@ -0,0 +1,10 @@
+# Modal File Manager
+
+<p style={{"text-align": "center"}}>
+   <img src="/img/showcase/modalfilemanager.png"></img><br/>
+</p>
+
+[Modal File Manager](https://github.com/raguay/ModalFileManager) is a dual pane file manager using web technologies. My original design was based on NW.js and can be found [here](https://github.com/raguay/ModalFileManager-NWjs). This version uses the same Svelte based frontend code (but it has be greatly modified since the departure from NW.js), but the backend is a [Wails 2](https://wails.io/) implementation. By using this implementation, I no longer use command line `rm`, `cp`, etc. commands. It is fully coded using Go and runs much faster than the previous versions. 
+
+This file manager is designed around the same principle as Vim: a state controlled keyboard actions. The number of states isn't fixed, but very programmable. Therefore, an infinite number of keyboard configurations can be created and used. This is the main difference from other file managers.
+

website/versioned_docs/version-v2.0.0-beta.44/community/showcase/scriptbar.mdx

@@ -0,0 +1,7 @@
+# ScriptBar
+
+<p style={{"text-align": "center"}}>
+   <img src="/img/showcase/scriptbar.png"></img><br/>
+</p>
+
+[ScriptBar](https://GitHub.com/raguay/ScriptBarApp) is a program to show the output of the embedded [Node-Red](https://nodered.org) server in the [EmailIt](https://GitHub.com/raguay/EmailIt) application. It also displays the output of scripts on your system. ScriptBar doesn't put them in the menubar, but has them all in a convient window for easy viewing. You can have multiple tabs to have many different things show. You can also keep the links to your most visited web sites.