Update Installation.md

How-to-migrate-to-sqliteviz-dot-com.md

@@ -0,0 +1,26 @@
+# How to migrate to sqliteviz.com
+
+All upcoming sqliteviz releases will be deployed on sqliteviz.com instead of
+[Github Pages](https://lana-k.github.io/sqliteviz/#/). The saved inquiries that
+you still care about can be imported to sqliteviz.com as usual.
+
+## Step 1: export inquiries
+
+- Click `Inquiries` in the main top menu
+- Select all inquiries by clicking the checkbox in the table header
+- Click `Export` and save your inquiries in a JSON file
+
+## Step 2: uninstall sqliteviz
+
+If you installed sqliteviz as PWA uninstall it before install the new version.
+
+- Go to `chrome://apps/` in your browser
+- Right click on sqliteviz icon
+- Choose `Remove from Chrome`
+
+## Step 3: import inquiries
+
+- Go to [https://sqliteviz.com/app/#/workspace](https://sqliteviz.com/app/#/workspace)
+- Click `Inquiries` in the main top menu
+- Click `Import`
+- Choose the file where you exported your inquiries

Installation.md

@@ -1,6 +1,6 @@
 # Installation
 
-The latest release of sqliteviz is running on [Github pages][1].
+The latest release of sqliteviz is running on [sqliteviz.com/app][1].
 
 Basically, you don't need to install sqliteviz. But if you want you can install
 it and use it as a regular desktop application with the following steps:
@@ -11,6 +11,6 @@ it and use it as a regular desktop application with the following steps:
 
 See more about PWA on [Google Chrome Help][3].
 
-[1]: https://lana-k.github.io/sqliteviz
+[1]: https://sqliteviz.com/app/
 [2]: https://www.google.com/chrome
 [3]: https://support.google.com/chrome/answer/9658361?hl=en&ref_topic=7439636

Pivot-table.md

@@ -28,7 +28,7 @@ A pivot visualisation has the following settings:
 There are several built-in chart views for a pivot. But you can build your own
 with `Custom chart` view (fig. 4).
 
-![Fig. 4: Custom Chart](./img/Screenshot_pivot_custom chart.png)
+![Fig. 4: Custom Chart](./img/Screenshot_pivot_custom_chart.png)
 
 > **Note:**  You can switch to other pivot views and back to `Custom chart` –
 > all your custom chart settings will be remembered. But if you switch the

index.md

@@ -1,57 +1,13 @@
----
-description: ''
-sidebar: 'docs'
-next: '/docs/installation/'
----
-
 # Introduction
 
-Docc is a starter theme for [Gridsome](https://gridsome.org/) which is a static site generator powered by Vue. It allows you to quickly start writing your technical documentation for any kind of project.
+Sqliteviz is a single-page offline-first PWA for fully client-side visualisation of SQLite databases or CSV files.
 
-## Fast by default
+With sqliteviz you can:
 
-This is the catchphrase of Gridsome and true in any sense of the word. Static site generators output plain html files and have other great features like image processing and lazy-loading. After Serving the initial html, Gridsome site turn into a snappy single page application.
-
-If I may quote Gridsome themselves:
-
-> Gridsome builds ultra performance into every page automatically. You get code splitting, asset optimization, progressive images, and link prefetching out of the box. With Gridsome you get almost perfect page speed scores by default.
-
-In combination with [Netlify](https://www.netlify.com/) this theme gives you a perfect Lighthouse score out of the box.
-
-## Simple Navigation
-
-Any good documentation has great navigation. This theme has support for an organized sidebar fore cross-page navigation as well as an autmatic generated table of contents for each page in your documentation.
-
-## Search
-
-The search component which is shipped with this theme, automatically indexes all headlines in your markdown pages and provides instant client side search powered by [Fuse.js](https://fusejs.io/).
-
-## Dark Mode
-
-This seems to be a must have for any site in current year. Click the icon at the top of the page and try it out for yourself!
-
-## TailwindCSS
-
-This starter uses [TailwindCSS](https://tailwindcss.com/) for layout and styling. You can easily configure it by editing the `tailwind.config.js` file. [PurgeCSS](https://purgecss.com/) is included as well to keep the bundle size as low as possible and the website fast and snappy!
-
-### Changing Colors
-
-The most inportant colors are defined in the `src/layouts/Default.vue` file at the top of the `style` block via CSS variables. If you want to change the primary color to orange for example, you would simply touch that value there.
-
-```css
-:rrot {
-  --color-ui-primary: theme('colors.orange.600');
-}
-```
-
-## Make it your own
-
-Of course this is just a starter to quickly get you going. After downloading and installing you can do whatever you want with this theme. Check out the `src` folder and take a look at the components.
-
-Docc uses [TailwindCSS](https://tailwindcss.com/). Colors and spacing can easily configured. To change the accent color, you only need to touch a single line in the code.
-
-Don't like how something was designed or implemented? Just change the code and **make it your way**.
-
-### Contribute
-
-If you find any spelling mistakes or have improvements to offer, I am open to anyone who has ideas and wants to contribute to this starter theme.
+- run SQL queries against a SQLite database and create Plotly charts and pivot tables based on the result sets
+- import a CSV file into a SQLite database and visualize imported data
+- export result set to CSV file
+- manage inquiries and run them against different databases
+- import/export inquiries from/to a JSON file
+- export a modified SQLite database
+- use it offline from your OS application menu like any other desktop app

sidebar.json

@@ -16,6 +16,7 @@
 		{
 			"title": "Examples and tutorials",
 			"items": [
+				"/docs/how-to-migrate-to-sqliteviz-dot-com/",
 				"/docs/how-to-build-a-pivot-table-in-sq-lite/",
 				"/docs/how-to-rename-tables-and-columns-after-csv-import/"
 			]