Add 'dark mode'

package.json

@@ -80,7 +80,7 @@
   "dependencies": {
     "@antora/cli": "^2.3.3",
     "@antora/site-generator-default": "^2.3.3",
-    "@neo4j-ndl/base": "^2.0.0",
+    "@neo4j-ndl/base": "^4.5.6",
     "@neo4j-ndl/react": "^2.9.4",
     "font-awesome": "^4.7.0"
   },

preview-src/admonitions.adoc

@@ -233,6 +233,8 @@ Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Admonition should be given normal margin if it is not the first element in an example block.
 ====
 
+======
+
 =====
 
 == Icons in tables

preview-src/algorithms.adoc

@@ -1,3 +1,5 @@
+= Algorithms
+
 .Supported algorithm traits:
 [.graph-variants, caption=]
 --

preview-src/alpha.adoc

@@ -1,5 +1,7 @@
 = Alpha Content
 :page-role: alpha
+:page-no-dark-mode: true
+
 
 [abstract]
 --

preview-src/code.adoc

@@ -1,4 +1,26 @@
 = Code blocks
+:page-theme: docs
+
+
+== Inline code
+
+Some text in monospace : `inline code example` here.
+
+Some actual codey code `SELECT * FROM nodes WHERE name = 'Alice'` just for comparison.
+
+
+== Code with title
+
+.Code with title
+[source,java]
+----
+public class HelloWorld {
+    public static void main(String[] args) {
+        System.out.println("Hello, World!");
+    }
+}
+----
+
 
 == Copy Button
 

preview-src/drivers-tabs.adoc

@@ -1,4 +1,6 @@
 = Tabbed sections in Neo4j Manuals
+:page-theme: docs
+
 
 Up to Neo4j 4.1 the Drivers Manual includes tabs to allow users to choose with driver language sections to display.
 From 4.2 on, the Drivers Manual is split into a separate manual per language.

preview-src/example.adoc

@@ -39,8 +39,10 @@ With the privileges from example 1, granted `EXECUTE PROCEDURE *` and denied `EX
 With the privileges from example 2, granted `EXECUTE BOOSTED PROCEDURE *` and denied `EXECUTE PROCEDURE myProc`, execution of the `myProc` procedure is not allowed.
 
 [IMPORTANT]
+--
 With the privileges from example 3, granted `EXECUTE BOOSTED PROCEDURE *` and denied `EXECUTE BOOSTED PROCEDURE myProc`, execution of the `myProc` procedure is not allowed.
 With the privileges from example 4, granted `EXECUTE PROCEDURE myProc` and `EXECUTE BOOSTED PROCEDURE *` and denied `EXECUTE BOOSTED PROCEDURE myProc`, the `myProc` procedure returns the result `A` and `B`.
+--
 
 For comparison, when only granted `EXECUTE BOOSTED PROCEDURE myProc`, the `myProc` procedure returns the result `A`, `B` and `C`, without needing to be granted the `EXECUTE PROCEDURE myProc` privilege.
 ====

preview-src/image-borders.adoc

@@ -14,19 +14,23 @@ Display images with border or box-shadow
 - use `[.no-border]` or `[.no-shadow]` to override a global setting for a specific image
 
 
+== SVG
+
+image::privileges-grant-and-deny-syntax.svg[width="800", title="GRANT and DENY Syntax"]
+
 == Border
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna.
 Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae! Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
 ----
-[.border]
-image:overview.png[]
+[.border.screenshot]
+image::overview.png[]
 ----
 
-[.border]
-image:overview.png[]
+[.border.screenshot]
+image::overview.png[]
 
 Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna.
 Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
@@ -39,11 +43,11 @@ Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
 
 ----
 [.shadow]
-image:overview.png[]
+image::overview.png[]
 ----
 
 [.shadow]
-image:overview.png[]
+image::overview.png[]
 
 Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna.
 Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
@@ -55,11 +59,11 @@ Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
 
 ----
 [.border.shadow]
-image:overview.png[]
+image::overview.png[]
 ----
 
 [.border.shadow]
-image:overview.png[]
+image::overview.png[]
 
 Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna.
 Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
@@ -69,7 +73,7 @@ Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
 Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna.
 Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
 
-image:overview.png[]
+image::overview.png[]
 
 Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna.
 Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!

preview-src/index.adoc

@@ -200,6 +200,21 @@ Vestibulum consectetur nec urna a luctus.
 Quisque pharetra tristique arcu fringilla dapibus.
 Curabitur ut massa aliquam, cursus enim et, accumsan lectus.
 
+
+== something 
+
+Vestibulum consectetur nec urna a luctus.
+Quisque pharetra tristique arcu fringilla dapibus.
+Curabitur ut massa aliquam, cursus enim et, accumsan lectus.
+
+[source,cypher]
+----
+CALL n10s.rdf.preview.fetch(
+  'https://raw.githubusercontent.com/neo4j-labs/neosemantics/3.5/docs/rdf/nsmntx.ttl',
+  'Turtle'
+)
+----
+
 == Tabs
 // tag::tabs[]
 [.tabs]
@@ -280,6 +295,14 @@ SHOW ALIASES FOR DATABASE YIELD * RETURN count(*) as count
 |===
 
 
+== noheader
+
+.Syntax
+[source, syntax, role=noheader]
+----
+ENABLE SERVER 'serverId' [OPTIONS "{" option: value[,...] "}"]
+----
+
 == statsonlyqueryresult
 
 .Query

preview-src/labels.adoc

@@ -1,6 +1,13 @@
 = Labels
 :page-selector-label: Custom version label
 // :page-selector-hide-label: true
+:page-ad-overlinelink: {aura_signup}
+:page-ad-overline: Neo4j Aura
+:page-ad-title: Follow Along and Learn While Doing
+:page-ad-description: Free forever, no credit card required.
+:page-ad-link: {aura_signup}
+:page-ad-underlinerole: button
+:page-ad-underline: Start on AuraDB
 
 
 == All the labels
@@ -10,6 +17,14 @@
   <span class="label">Default Label Color</span>
 </div>
 
+<div class="box">
+  <span class="label label--beginner">Beginner</span>
+</div>
+
+<div class="box">
+  <span class="label label--free">Free</span>
+</div>
+
 <div class="box">
   <span class="label label--current">Current</span>
 </div>
@@ -138,14 +153,6 @@
   <span class="label label--procedure">Procedure</span>
 </div>
 
-<div class="box">
-  <span class="label label--beginner">Beginner</span>
-</div>
-
-<div class="box">
-  <span class="label label--free">Free</span>
-</div>
-
 <div class="box">
   <span class="label label--windows">Windows</span>
 </div>