Website polish (#247)

Author: thomasp85

doc/.gitignore

@@ -1,4 +1,5 @@
 /.quarto/
 **/*.quarto_ipynb
+**/*.quarto_ipynb_*
 _site
 wasm

doc/_quarto.yml

@@ -30,7 +30,8 @@ website:
     keyboard-shortcut: []
   navbar:
     left:
-      - get_started.qmd
+      - text: Get started
+        href: get_started/installation.qmd
       - text: Syntax
         menu:
           - text: Overview
@@ -65,54 +66,66 @@ website:
           - text: Report a Bug
             href: https://github.com/ggsql-dev/ggsql/issues
   sidebar:
-    id: syntax
-    title: Syntax
-    style: "floating"
-    search: true
-    logo: false
-    contents:
-      - text: Overview
-        href: syntax/index.qmd
-      - section: "Main clauses"
-        contents:
-          - text: "`VISUALISE`"
-            href: syntax/clause/visualise.qmd
-          - text: "`DRAW`"
-            href: syntax/clause/draw.qmd
-          - text: "`PLACE`"
-            href: syntax/clause/place.qmd
-          - text: "`SCALE`"
-            href: syntax/clause/scale.qmd
-          - text: "`FACET`"
-            href: syntax/clause/facet.qmd
-          - text: "`PROJECT`"
-            href: syntax/clause/project.qmd
-          - text: "`LABEL`"
-            href: syntax/clause/label.qmd
-      - section: Layers
-        contents:
-          - section: Types
-            contents:
-              - auto: syntax/layer/type/*
-          - section: Position adjustment
-            contents:
-              - auto: syntax/layer/position/*
-      - section: Scales
-        contents:
-          - section: Types
-            contents:
-              - auto: syntax/scale/type/*
-          - section: Aesthetics
-            contents:
-              - auto: syntax/scale/aesthetic/*
-      - section: Coordinate systems
-        contents:
-          - auto: syntax/coord/*
-
+    - id: syntax
+      title: Syntax
+      style: "floating"
+      search: true
+      logo: false
+      contents:
+        - text: Overview
+          href: syntax/index.qmd
+        - section: "Main clauses"
+          contents:
+            - text: "`VISUALISE`"
+              href: syntax/clause/visualise.qmd
+            - text: "`DRAW`"
+              href: syntax/clause/draw.qmd
+            - text: "`PLACE`"
+              href: syntax/clause/place.qmd
+            - text: "`SCALE`"
+              href: syntax/clause/scale.qmd
+            - text: "`FACET`"
+              href: syntax/clause/facet.qmd
+            - text: "`PROJECT`"
+              href: syntax/clause/project.qmd
+            - text: "`LABEL`"
+              href: syntax/clause/label.qmd
+        - section: Layers
+          contents:
+            - section: Types
+              contents:
+                - auto: syntax/layer/type/*
+            - section: Position adjustment
+              contents:
+                - auto: syntax/layer/position/*
+        - section: Scales
+          contents:
+            - section: Types
+              contents:
+                - auto: syntax/scale/type/*
+            - section: Aesthetics
+              contents:
+                - auto: syntax/scale/aesthetic/*
+        - section: Coordinate systems
+          contents:
+            - auto: syntax/coord/*
+    - id: get_started
+      title: Get started
+      style: "floating"
+      search: false
+      logo: false
+      contents:
+        - text: Installation
+          href: get_started/installation.qmd
+        - text: The first plot
+          href: get_started/first_plot.qmd
+        - text: Grammar of graphics
+          href: get_started/grammar.qmd
 
 format:
   html:
     lightbox: auto
+    highlight-style: pygments
     syntax-definitions:
       - ggsql.xml
     theme: