prettified code blocks

Author: qwerdenkerXD

cli-reference.md

@@ -207,20 +207,20 @@ It is possible to generate default or empty plots via the CLI.
 
 ### Create empty plots
 To create an empty plot, specify the plot name (`-f`) and the visualization library (`-t`). The location of the plot menu (`-m`) and the item name in the plot menu (`-n`) are optional. For example, an empty plot named `barchart` using the `plotly` library, shown in the top menu bar, can be generated by running the following command in the `single-page-app` folder:
-```
+```bash
 zendro create-plot -f barchart -t plotly -m top
 ```
 You can then customize the data processing in `single-page-app/src/pages/barchart.tsx`. In the `fetchData` function, pass the required query as an argument to `zendro.request`, process the response `res` into the desired format, and set it as the `data` variable. Pass `data` as a parameter of the `<PlotlyPlot/>` component. The layout and other plot parameters can be set in `single-page-app/src/zendro/plots/barchart.tsx`.
 
 Similarly, to generate a plot named `circle` using the `d3` library in the left menu, run the following in the `single-page-app` folder:
-```
+```bash
 zendro create-plot -f circle -t d3 -m left
 ```
 The processed `data` can be passed as a parameter to the `<D3Plot/>` component in `single-page-app/src/pages/circle.tsx`, and the plot can be customized in the corresponding `single-page-app/src/zendro/plots/circle.tsx` file.
 
 ### Generate default plots
 Running the following command in the `single-page-app` folder generates three default plots:
-```
+```bash
 zendro create-plot -p
 ```
 1. **scatter-plot** — only numerical attributes can be selected. The attribute for the Y-axis must be specified; if no X-axis attribute is selected, the Y-axis values are used to generate the plot. Different modes can be selected: `lines`, `markers`, `lines+markers`.

contributing-to-docs.md

@@ -28,7 +28,7 @@ Every push to `main` triggers a GitHub Actions build (see `.github/workflows/pag
 
 Each section of the site lives in its own folder (`getting-started/`, `data-models/`, `guides/`, `authentication/`, `api/`), with an `index.md` as that section's landing page. To add a new page to an existing section, add a new `.md` file to that folder with a front matter block like this:
 
-```
+```md
 ---
 layout: default
 title: My new page
@@ -65,7 +65,7 @@ For images and other static assets, use a site-root-relative path (e.g. `/figure
 
 To show a per-page table of contents, add this where you want it to appear (usually right after the page title):
 
-```
+```md
 ## Table of contents
 {: .no_toc .text-delta }
 
@@ -75,21 +75,25 @@ To show a per-page table of contents, add this where you want it to appear (usua
 
 ## Adding codeblocks
 
-Code blocks get syntax highlighting. The default highlighting is plaintext, which highlights as console-like (black background, white foreground) block. This should only used for things that might appear in a terminal (outputs, commands). Please ***don't*** add a prepending `$` to code block lines. They make copy-pasting the code very annoying.
+Code blocks get syntax highlighting. The default highlighting is plaintext, which highlights as console-like (black background, white foreground) block. This should only used for things that might appear as terminal output For commands use `bash`. Please ***don't*** add a prepending `$` to code block lines. They make copy-pasting the code very annoying.
 
 For other syntax look [here](https://rouge-ruby.github.io/docs/file.Languages.html) for a suiting language, as the actual might not suit the needs, like `jsom` with comments works better with `js` syntax, or `graphql` with `python`
 
-~~~
+~~~md
 ```python
 query {
    ...DoSomething
 }
 ```
+
+```bash
+zendro start
+```
 ~~~
 
 ## Building and previewing locally
 
-```
+```bash
 bundle install
 bundle exec jekyll serve
 ```