Homepage fixes after Sebastians feedback (#278)

preview-src/docs-explainer.adoc

@@ -33,7 +33,7 @@ image:icons/ndl/icon-import.svg[]
 Use Cypher for importing bulk data into Neo4j. Suited for non-admin users.
 
 [.link]
-link:{docs-home}/cypher-manual/current/clauses/load-csv/[]
+link:https://www.neo4j.com/docs/cypher-manual/current/clauses/load-csv/[Load CSV]
 
 
 [.labs.label--labs]
@@ -46,7 +46,7 @@ image:icons/ndl/icon-csvtodb.svg[]
 Learn how to translate and migrate tabular data and relational datasets into a graph database.
 
 [.link]
-link:{docs-home}/data-import/relational-to-graph-import/[]
+link:https://www.neo4j.com/docs/data-import/relational-to-graph-import/[Relational to graph]
 
 
 [.not-selectable]
@@ -59,7 +59,7 @@ image:icons/ndl/icon-connectors.svg[]
 Learn how to use connectors to connect data from various sources into Neo4j.
 
 [.link]
-link:{docs-home}/connectors/[]
+link:https://www.neo4j.com/docs/connectors/[Connectors]
 
 
 [.label--graph-academy.label--featured]
@@ -72,7 +72,7 @@ image:icons/ndl/icon-neo4j.svg[]
 Start using Neo4j's tool for importing data and get started quickly with testing and prototyping.
 
 [.link]
-link:{docs-home}/data-importer/current/[]
+link:https://www.neo4j.com/docs/data-importer/current/[Data importer]
 
 === Neo4j Admin Import
 
@@ -83,7 +83,7 @@ image:icons/ndl/icon-admin.svg[]
 Use Neo4j admin import for initial loading of large amounts of data.
 
 [.link]
-link:{docs-home}/operations-manual/current/tools/neo4j-admin/neo4j-admin-import/#import-tool-full[]
+link:https://www.neo4j.com/docs/operations-manual/current/tools/neo4j-admin/neo4j-admin-import/#import-tool-full[Import admin]
 
 === APOC
 
@@ -94,7 +94,7 @@ image:icons/ndl/icon-library.svg[]
 Learn how to import data from various data formats, including JSON, XML, and XLS using the APOC library.
 
 [.link]
-link:{docs-home}/apoc/current/import/[*Import data using APOC Core*]
+link:https://www.neo4j.com/docs/apoc/current/import/[Import data using APOC Core]
 
 
 [.cards.selectable]
@@ -111,7 +111,7 @@ image:icons/ndl/icon-graphacademy.svg[]
 Learn how to import CSV data into Neo4j using Cypher.
 
 [.link]
-link:https://graphacademy.neo4j.com/courses/importing-cypher/[*GraphAcademy: Importing CSV data into Neo4j*]
+link:https://graphacademy.neo4j.com/courses/importing-cypher/[GraphAcademy: Importing CSV data into Neo4j]
 
 
 === Import CSV data with Neo4j Desktop
@@ -123,7 +123,7 @@ image:icons/ndl/icon-import.svg[]
 Learn how to use CSV files to import data to a graph with Neo4j Desktop.
 
 [.link]
-link:{docs-home}/getting-started/appendix/tutorials/guide-import-desktop-csv/[*How-To: Import CSV data with Neo4j Desktop*]
+link:https://www.neo4j.com/docs/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
 
 
 === Importing JSON data from a REST API into Neo4j
@@ -135,7 +135,7 @@ image:icons/ndl/icon-neo4j.svg[]
 See techniques for loading data from JSON-based REST APIs into Neo4j.
 
 [.link]
-link:{docs-home}/getting-started/data-import/json-rest-api-import/[*Importing JSON data from a REST API into Neo4j*]
+link:https://www.neo4j.com/docs/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
 
 
 
@@ -148,11 +148,11 @@ Here are some recommended resources start importing your data:
 + 
 Learn how to import CSV data into Neo4j using Cypher.
 
-* link:{docs-home}/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
+* link:https://www.neo4j.com/docs/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
 + 
 Learn how to use CSV files to import data to a graph with Neo4j Destktop.
 
-* link:{docs-home}/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
+* link:https://www.neo4j.com/docs/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
 +
 See techniques for loading data from JSON-based REST APIs into Neo4j.
 
@@ -165,10 +165,10 @@ Here are some recommended resources start importing your data:
 + 
 Learn how to import CSV data into Neo4j using Cypher.
 
-. link:{docs-home}/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
+. link:https://www.neo4j.com/docs/getting-started/appendix/tutorials/guide-import-desktop-csv/[How-To: Import CSV data with Neo4j Desktop]
 + 
 Learn how to use CSV files to import data to a graph with Neo4j Destktop.
 
-. link:{docs-home}/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
+. link:https://www.neo4j.com/docs/getting-started/data-import/json-rest-api-import/[Importing JSON data from a REST API into Neo4j]
 +
 See techniques for loading data from JSON-based REST APIs into Neo4j.

preview-src/docs-ndl.adoc

@@ -24,43 +24,46 @@ Learn more about graph databases and start working with your data using Neo4j to
 xref:tutorials:index.adoc[Get started]
 --
 
-[.cards.icon-l]
+[.cards.selectable]
 == CTA cards
 
-[.featured.label--featured]
+[role=label--featured]
 === Deployment options
 
-[.icon]
+[.icon.icon-l]
 image:icons/ndl/deployment-options.svg[]
 
 [.description]
-Choose from self-managed local and cloud deployments, or fully-managed options. See how to run Neo4j on Docker or Kubernetes.
+Choose from self-managed local and cloud deployments, or fully-managed options.
+
+[.link]
+link:https://www.neo4j.com/docs/deployment-options[Get a Neo4j instance]
 
 === Cypher
 
-[.icon]
+[.icon.icon-l]
 image:icons/ndl/cypher-manual.svg[]
 
 [.description]
 Learn how to write Cypher, Neo4j's declarative query language.
 
 [.link]
-xref:cypher:index.adoc[Query your data]
+link:https://www.neo4j.com/docs/cypher-manual/[Query your data]
 
 === Neo4j Tools
 
-[.icon]
+[.icon.icon-l]
 image:icons/ndl/neo4j-tools.svg[]
 
 [.description]
 Use Neo4j's tools to explore, visualize, manage, monitor, and import data to your graph.
 
 [.link]
-xref:tools:index.adoc[Discover the products]
+link:https://www.neo4j.com/docs/tools[Discover the products]
 
 === Graph Data Science
 
-[.icon]
+[.icon.icon-l]
 image:icons/ndl/data-science.svg[]
 
 [.description]
@@ -71,7 +74,7 @@ xref:gds:index.adoc[Unlock insights from data]
 
 === Create applications
 
-[.icon]
+[.icon.icon-l]
 image:icons/ndl/create-applications.svg[]
 
 [.description]
@@ -82,7 +85,7 @@ xref:create-applications:index.adoc[Start developing]
 
 === Connect data sources
 
-[.icon]
+[.icon.icon-l]
 image:icons/ndl/connectors.svg[]
 
 [.description]
@@ -217,7 +220,7 @@ link:https://discord.com/invite/neo4j[Discord]
 image:icons/ndl/icon-developercenter.svg[]
 
 [.link]
-link:https://neo4j.com/developer-blog/[Developer blog] xref:reference:resources.adoc[Other resources]
+link:https://neo4j.com/developer-blog/[Developer blog] link:https://www.neo4j.com/docs/reference/resources[Other resources]
 
 
 

preview-src/lists.adoc

@@ -0,0 +1,13 @@
+= Lists
+
+== Bullet point
+
+. Example 1
+. Example 2
+. Example 2
+
+== Numbered
+
+* Example 1
+* Example 2
+* Example 2

src/css/doc.css

@@ -32,7 +32,7 @@ body {
   font-weight: var(--heading-font-weight);
   hyphens: none;
   line-height: calc((var(--doc-line-height) + 1) / 2);
-  margin: 2rem 0 1rem;
+  margin: 17px 0 8px;
 }
 
 .doc h1 {
@@ -174,7 +174,7 @@ body {
 
 .doc a,
 .tooltip-body a {
-  font-weight: 600;
+  font-weight: 400;
   color: var(--link-font-color);
 }
 
@@ -191,7 +191,7 @@ body {
 }
 
 .doc a:visited {
-  color: var(--link_visited-font-color);
+  color: var(--link-font-color);
 }
 
 .doc code a {
@@ -648,7 +648,7 @@ body {
 
 .doc .olist li,
 .doc .ulist li {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.5;
 }
 
 .doc .olist li > div:first-of-type,
@@ -1187,7 +1187,7 @@ body {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   border-bottom: none;
-  cursor: pointer;
+  cursor: default;
 }
 
 .doc .tabbed-tabs .tabbed-tab--active {
@@ -1269,14 +1269,12 @@ body {
   margin: 0 0.2rem;
   content: "→";
   color: var(--link-font-color);
-  transform: rotate(-45deg);
   transition: all 0.2s linear;
   top: 0;
 }
 
 .doc a.external:hover::after {
-  top: -12px;
-  opacity: 0;
+  text-decoration: none;
 }
 
 .doc .no-arrows a::after {
@@ -1321,7 +1319,7 @@ body {
 }
 
 .doc details summary {
-  cursor: pointer;
+  cursor: default;
 }
 
 .doc details[open] summary {