From 0ce4a2c1815bbab9a8b9ffde74e134876e4bafc6 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Fri, 1 Nov 2024 15:17:03 +0100
Subject: [PATCH 01/11] Homepage fixes after Sebastians feedback

---
 preview-src/docs-hub.adoc | 12 +++++++
 src/css/doc.css           |  7 ++--
 src/css/docs-ndl.css      | 68 ++++++++++++---------------------------
 src/css/themes.css        | 18 ++---------
 src/css/toolbar.css       | 14 --------
 src/css/vars.css          |  1 -
 6 files changed, 37 insertions(+), 83 deletions(-)

diff --git a/preview-src/docs-hub.adoc b/preview-src/docs-hub.adoc
index 7d07c22c..29ea5c93 100644
--- a/preview-src/docs-hub.adoc
+++ b/preview-src/docs-hub.adoc
@@ -36,6 +36,18 @@ Write and execute Cypher queries and visualize the results in nodes and relation
 link:{docs-home}/browser-manual/[Neo4j Browser] +
 link:{docs-home}/aura/preview/query/introduction/[Query (Aura)]
 
+=== Neo4j Browser/Query
+
+[.icon]
+image:icons/ndl/icon-scientist.svg[]
+
+[.description]
+Write and execute Cypher queries and visualize the results in nodes and relationships.
+
+[.link]
+link:{docs-home}/browser-manual/[Neo4j Browser] +
+link:{docs-home}/aura/preview/query/introduction/[Query (Aura)]
+
 [.display.card.selectable]
 
 === Neo4j Data Importer
diff --git a/src/css/doc.css b/src/css/doc.css
index 69232941..09f6ce90 100644
--- a/src/css/doc.css
+++ b/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 {
@@ -191,7 +191,7 @@ body {
 }
 
 .doc a:visited {
-  color: var(--link_visited-font-color);
+  color: var(--link-font-color);
 }
 
 .doc code a {
@@ -640,7 +640,7 @@ body {
 
 .doc .olist li,
 .doc .ulist li {
-  margin-bottom: 0.5rem;
+  margin-bottom: 0rem;
 }
 
 .doc .olist li > div:first-of-type,
@@ -1261,7 +1261,6 @@ body {
   margin: 0 0.2rem;
   content: "→";
   color: var(--link-font-color);
-  transform: rotate(-45deg);
   transition: all 0.2s linear;
   top: 0;
 }
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index 825a51db..0bcfa133 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -144,11 +144,6 @@ body.docs-ndl.hub aside.toc.sidebar {
   flex-basis: 0;
 }
 
-body.docs-ndl .toolbar.is-home {
-  background: rgba(var(--colors-neutral-15));
-  box-shadow: none;
-}
-
 body.docs-ndl.hub main > .content {
   /* align-items: center; */
   flex-direction: column;
@@ -409,7 +404,7 @@ body.docs-ndl .paragraph.footer-link {
 
 body.docs-ndl .banner .paragraph {
   display: flex;
-  width: 100%;
+  width: fit-content;
   padding: 0;
   margin: 1rem;
   color: var(--color-white);
@@ -464,7 +459,7 @@ body.docs-ndl .banner .icon img {
   margin: 0;
 }
 
-body.docs-ndl .banner .button {
+body.docs-ndl .banner .button a {
   border-radius: 0.25rem;
   padding: 0.5em 1.5em;
   font-weight: 400;
@@ -472,22 +467,6 @@ body.docs-ndl .banner .button {
   /* margin-left: 24px; */
 }
 
-@media screen and (max-width: 1240px) {
-  body.docs-ndl .widget.banner .sectionbody {
-    background-image: none !important;
-  }
-
-  body.docs-ndl .widget.banner .sectionbody > div.openblock {
-    flex: 0 0 100%;
-  }
-}
-
-@media screen and (min-width: 1024px) {
-  .banner .banner-item.button-cta {
-    padding-right: 0 1rem 0;
-  }
-}
-
 .banner .button:hover {
   background: rgba(var(--banner-background-color));
   color: var(--colors-baltic-25);
@@ -521,19 +500,19 @@ body.docs-ndl .highlights .caption {
   padding-left: 0;
 }
 
-body.docs-ndl .highlights .list ul li {
-  border-bottom: 1px solid rgba(var(--colors-neutral-20));
-  padding-bottom: 0.5rem;
+body.docs-ndl .highlights .list a {
+  padding: 8px;
+  text-decoration: none;
 }
 
-body.docs-ndl .highlights .list2 {
-  padding: 0;
+body.docs-ndl .highlights .list a:hover,
+body.docs-ndl .highlights .list a:focus {
+  text-decoration: none;
+  background-color: var(--toc_hover-background-color);
 }
 
-body.docs-ndl .highlights .list2 ul li {
+body.docs-ndl .highlights .list ul li {
   border-bottom: 1px solid rgba(var(--colors-neutral-20));
-  padding-bottom: 0.5rem;
-  list-style-type: none;
 }
 
 body.docs-ndl .widget.highlights .footer-link {
@@ -599,7 +578,6 @@ body.docs-ndl.explainer .sectionbody > div.sect2 {
 }
 
 body.docs-ndl .cards .sect2 > a,
-body.docs-ndl .cards .sect2.not-selectable,
 body.docs-ndl .cards:not(.selectable) .sect2,
 body.docs-ndl .lists .sect2 {
   overflow: hidden;
@@ -609,10 +587,9 @@ body.docs-ndl .lists .sect2 {
   align-items: flex-start;
   flex: 1;
   /* justify-content: space-between; */
-  gap: 1rem;
+  gap: 8px;
   /* min-width: 30%; */
   padding: 1rem;
-  /* margin: 0 1rem 1rem 0; */
   background: var(--color-white);
 }
 
@@ -649,7 +626,6 @@ body.docs-ndl .header-label-container > div.labels {
 }
 
 body.docs-ndl .cards .sect2 > a,
-body.docs-ndl .cards .sect2.not-selectable,
 body.docs-ndl .cards:not(.selectable) .sect2,
 body.docs-ndl .widget:not(.video) {
   /* box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06); */
@@ -744,6 +720,7 @@ body.docs-ndl body.docs-ndl .cards .sect2 .icon img {
 body.docs-ndl .cards.icon-l .sect2 .icon img {
   width: 6rem;
   height: 6rem;
+  margin-bottom: 9px;
 }
 
 body.docs-ndl .lists .sect2 .icon img,
@@ -793,7 +770,14 @@ body.docs-ndl .cards .sect2.selectable .paragraph.link {
 }
 
 body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link {
-  margin-top: auto;
+  box-sizing: border-box;
+  margin-top: 30px;
+  margin-bottom: 9px;
+}
+
+body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link {
+  margin-top: 8px;
+  margin-bottom: 9px;
 }
 
 body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link a {
@@ -852,18 +836,6 @@ body.docs-ndl .cards .sect2 .ulist ul li {
   margin: 0.5rem 0 0;
 }
 
-@media screen and (min-width: 1024px) {
-  body.docs-ndl .toolbar {
-    background-color: rgba(var(--colors-neutral-10));
-  }
-}
-
-@media screen and (max-width: 1023px) {
-  body.docs-ndl .doc {
-    margin: 0 1rem;
-  }
-}
-
 @media screen and (max-width: 1439px) {
   body.docs-ndl .toolbar {
     top: 0;
diff --git a/src/css/themes.css b/src/css/themes.css
index 29264f78..5e06c114 100644
--- a/src/css/themes.css
+++ b/src/css/themes.css
@@ -53,17 +53,12 @@ body.docs .navbar-burger span {
   background: var(--color-docs);
 }
 
-body.docs .doc .button {
+body.docs .doc .button a {
   background: var(--color-docs);
   color: var(--color-white);
 }
 
-body.docs .doc .button:hover {
-  background: rgba(var(--colors-baltic-60));
-  color: var(--color-white);
-}
-
-body.docs .banner .button {
+body.docs .banner .button a {
   display: flex;
   width: fit-content;
   background: var(--banner-background-color);
@@ -71,15 +66,6 @@ body.docs .banner .button {
   color: var(--colors-baltic-60);
 }
 
-body.docs .banner .button:hover {
-  background: rgba(var(--banner-background-color));
-  border: 1px solid var(--banner-hover-color);
-}
-
-body.docs .banner .button:hover a {
-  color: var(--banner-hover-color);
-}
-
 body.docs .nav-item .nav-item::before,
 body.docs .toc-menu li a::before {
   color: rgba(var(--colors-baltic-30));
diff --git a/src/css/toolbar.css b/src/css/toolbar.css
index 2712b1e1..b369f596 100644
--- a/src/css/toolbar.css
+++ b/src/css/toolbar.css
@@ -1,17 +1,3 @@
-.toolbar {
-  color: var(--toolbar-font-color);
-  align-items: center;
-  background-color: var(--toolbar-background);
-  box-shadow: 0 1px 0 var(--toolbar-border-color);
-  display: flex;
-  font-size: calc(15 / var(--rem-base) * 1rem);
-  height: var(--toolbar-height);
-  justify-content: flex-start;
-  position: sticky;
-  top: var(--navbar-height);
-  z-index: var(--z-index-toolbar);
-}
-
 body.has-banner .toolbar {
   top: calc(var(--navbar-height) + var(--banner-height));
 }
diff --git a/src/css/vars.css b/src/css/vars.css
index 5337986d..0a820eca 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -312,7 +312,6 @@
   /* links */
   --link-font-color: rgba(var(--colors-baltic-50));
   --link_hover-font-color: rgba(var(--colors-baltic-55));
-  --link_visited-font-color: var(--palette-categorical-8);
   --link_unresolved-font-color: var(--important-color);
 
   /* abstract */

From fa5274f51667d9c78dbdada7aff4f0bb90bf1594 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Fri, 1 Nov 2024 15:19:34 +0100
Subject: [PATCH 02/11] reverting changes in docs-hub preview

---
 preview-src/docs-hub.adoc | 12 ------------
 src/css/doc.css           |  2 +-
 2 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/preview-src/docs-hub.adoc b/preview-src/docs-hub.adoc
index 29ea5c93..7d07c22c 100644
--- a/preview-src/docs-hub.adoc
+++ b/preview-src/docs-hub.adoc
@@ -36,18 +36,6 @@ Write and execute Cypher queries and visualize the results in nodes and relation
 link:{docs-home}/browser-manual/[Neo4j Browser] +
 link:{docs-home}/aura/preview/query/introduction/[Query (Aura)]
 
-=== Neo4j Browser/Query
-
-[.icon]
-image:icons/ndl/icon-scientist.svg[]
-
-[.description]
-Write and execute Cypher queries and visualize the results in nodes and relationships.
-
-[.link]
-link:{docs-home}/browser-manual/[Neo4j Browser] +
-link:{docs-home}/aura/preview/query/introduction/[Query (Aura)]
-
 [.display.card.selectable]
 
 === Neo4j Data Importer
diff --git a/src/css/doc.css b/src/css/doc.css
index 09f6ce90..f251e8dd 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -640,7 +640,7 @@ body {
 
 .doc .olist li,
 .doc .ulist li {
-  margin-bottom: 0rem;
+  margin-bottom: 0;
 }
 
 .doc .olist li > div:first-of-type,

From 3c1eccb88c99897ea90321eedbfaaaa547c17ffa Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Mon, 4 Nov 2024 14:04:47 +0100
Subject: [PATCH 03/11] Fixed Docs home link on top of sidebar

---
 src/css/docs-ndl.css | 21 +++++++++++++++++----
 src/css/toolbar.css  |  6 ++----
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index 0bcfa133..4fd08d7f 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -18,14 +18,26 @@ body.docs-ndl.explainer .nav-panel-menu {
   scrollbar-width: none;
 }
 
+body.docs-ndl .nav-menu .docs-home-link a::before {
+  content: "";
+  width: 4px;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background-color: rgba(10 97 144 / 1);
+  background-color: var(--color-docs);
+  border-radius: 4px;
+}
+
 body.docs-ndl .nav-menu .docs-home-link {
   margin-bottom: 0;
 }
 
 body.docs-ndl .nav-menu .docs-home-link:hover,
 body.docs-ndl .nav-menu .docs-home-link:focus {
-  text-decoration: underline;
-  /* background-color: var(--toc_hover-background-color); */
+  text-decoration: none;
+  background-color: var(--colors-baltic-15);
 }
 
 body.docs-ndl .nav-menu .home-link {
@@ -39,7 +51,9 @@ body.docs-ndl .nav-menu .home-link.is-home {
 }
 
 body.docs-ndl .nav-menu .home-link.is-home a {
-  display: none;
+  display: flex;
+  background-color: rgba(var(--colors-baltic-10));
+  color: rgba(var(--colors-baltic-50));
 }
 
 body.docs-ndl .nav-module {
@@ -70,7 +84,6 @@ body.docs-ndl .nav-text {
 
 body.docs-ndl .nav-menu .home-link a::before {
   display: inline-block;
-  content: url(../img/arrow-long-left.svg);
   margin-right: 1em;
   vertical-align: middle;
   line-height: 1;
diff --git a/src/css/toolbar.css b/src/css/toolbar.css
index b369f596..f00cabab 100644
--- a/src/css/toolbar.css
+++ b/src/css/toolbar.css
@@ -37,8 +37,6 @@ body.has-banner .toolbar {
 }
 
 .home-link {
-  background: url(../img/home-o.svg) no-repeat 50% 45%;
-  background-size: 50%;
   display: block;
   height: 2.5rem;
   margin: 0;
@@ -48,8 +46,8 @@ body.has-banner .toolbar {
 
 .home-link:hover,
 .home-link.is-current {
-  background-image: url(../img/home.svg);
-  /* color: rgba(var(--colors-baltic-50)); */
+  background: rgba(var(--colors-baltic-10));
+  color: rgba(var(--colors-baltic-50));
 }
 
 .home-link a line {

From 71ec077532d6c2a6b88896a634ee4d5224ab03e6 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Mon, 4 Nov 2024 15:54:41 +0100
Subject: [PATCH 04/11] Whole card hovering and clickable

---
 preview-src/docs-ndl.adoc |  2 +-
 src/css/docs-ndl.css      | 29 +++++++++++++++++++++--------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
index 3318844e..6e08ee24 100644
--- a/preview-src/docs-ndl.adoc
+++ b/preview-src/docs-ndl.adoc
@@ -45,7 +45,7 @@ image:icons/ndl/cypher-manual.svg[]
 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
 
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index 4fd08d7f..de3bf90b 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -575,6 +575,9 @@ body.docs-ndl .lists ul li a {
 body.docs-ndl .sect2 {
   display: flex;
   flex-direction: column;
+  cursor: pointer;
+  border-radius: 16px;
+  position: relative;
 }
 
 body.docs-ndl .cards .sectionbody > div.sect2 {
@@ -594,7 +597,6 @@ body.docs-ndl .cards .sect2 > a,
 body.docs-ndl .cards:not(.selectable) .sect2,
 body.docs-ndl .lists .sect2 {
   overflow: hidden;
-  position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -606,6 +608,22 @@ body.docs-ndl .lists .sect2 {
   background: var(--color-white);
 }
 
+body.docs-ndl .cards .sect2 a::before,
+body.docs-ndl .cards:not(.selectable) .sect2 a::before {
+  content: "";
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+body.docs-ndl .cards:not(.selectable) .sect2:hover {
+  transform: scale(1.02);
+  transition: 0.1s linear;
+  box-shadow: 0 4px 8px 0 rgba(12, 26, 37, 0.08);
+}
+
 /* styles for specific types of cards:
 - featured - for new and exciting items
 - labs
@@ -639,7 +657,7 @@ body.docs-ndl .header-label-container > div.labels {
 }
 
 body.docs-ndl .cards .sect2 > a,
-body.docs-ndl .cards:not(.selectable) .sect2,
+body.docs-ndl .cards:not(.selectable) .sect2 > a,
 body.docs-ndl .widget:not(.video) {
   /* box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06); */
   border: none;
@@ -793,12 +811,6 @@ body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link {
   margin-bottom: 9px;
 }
 
-body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link a {
-  font-weight: 500;
-  margin-right: 1rem;
-  /* text-decoration: none; */
-}
-
 body.docs-ndl .cards .sect2 .paragraph.category {
   display: none;
 }
@@ -818,6 +830,7 @@ body.docs-ndl .highlights a {
 body.docs-ndl .highlights a::after,
 body.docs-ndl .cards .link a::after {
   margin-left: 0.5rem;
+  margin-right: 0.5rem;
   content: "→";
   font-weight: 600;
   color: var(--link-font-color);

From 378b2aef47f5f253cea863b19e61af2a81bd6737 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Mon, 4 Nov 2024 16:33:49 +0100
Subject: [PATCH 05/11] Border lines and hover effect fixed

---
 preview-src/docs-ndl.adoc |  2 +-
 src/css/doc.css           |  3 +--
 src/css/docs-ndl.css      | 22 ++++++++++++++--------
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
index 6e08ee24..b3312d5a 100644
--- a/preview-src/docs-ndl.adoc
+++ b/preview-src/docs-ndl.adoc
@@ -217,7 +217,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.neo4.com/docs/reference/resources[Other resources]
 
 
 
diff --git a/src/css/doc.css b/src/css/doc.css
index f251e8dd..2eee2d98 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -1266,8 +1266,7 @@ body {
 }
 
 .doc a.external:hover::after {
-  top: -12px;
-  opacity: 0;
+  text-decoration: underline;
 }
 
 .doc .no-arrows a::after {
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index de3bf90b..a18c78f0 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -219,10 +219,12 @@ body.docs-ndl .widget .sectionbody {
   row-gap: 0;
   justify-content: center;
   align-content: center;
+  border: 1px solid var(--panel-border-color);
 }
 
 body.docs-ndl .widget.lists .sectionbody {
   justify-content: space-between;
+  line-height: 24px;
 }
 
 body.docs-ndl .widget.banner .sectionbody {
@@ -438,9 +440,9 @@ body.docs-ndl .cards .sect2.selectable a {
 }
 
 body.docs-ndl .cards .sect2.selectable a:hover {
-  transform: scale(1.02);
   transition: 0.1s linear;
-  box-shadow: 0 4px 8px 0 rgba(12, 26, 37, 0.08);
+  border: 1px solid var(--page-version-missing-font-color);
+  box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
 }
 
 body.docs-ndl .cards .sect2.selectable:hover div.description {
@@ -582,15 +584,18 @@ body.docs-ndl .sect2 {
 
 body.docs-ndl .cards .sectionbody > div.sect2 {
   flex: 0 1 32%;
+  border: 1px solid var(--panel-border-color);
   /* margin-right: 1rem; */
 }
 
 body.docs-ndl .cards.bottom-cards .sectionbody > div.sect2 {
   flex: 0 1 49%;
+  border: 1px solid var(--panel-border-color);
 }
 
 body.docs-ndl.explainer .sectionbody > div.sect2 {
   flex: 0 1 49%;
+  border: 1px solid var(--panel-border-color);
 }
 
 body.docs-ndl .cards .sect2 > a,
@@ -606,22 +611,23 @@ body.docs-ndl .lists .sect2 {
   /* min-width: 30%; */
   padding: 1rem;
   background: var(--color-white);
+  line-height: 2rem;
 }
 
 body.docs-ndl .cards .sect2 a::before,
 body.docs-ndl .cards:not(.selectable) .sect2 a::before {
   content: "";
   position: absolute;
-  top: 0px;
-  right: 0px;
-  bottom: 0px;
-  left: 0px;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
 }
 
 body.docs-ndl .cards:not(.selectable) .sect2:hover {
-  transform: scale(1.02);
   transition: 0.1s linear;
-  box-shadow: 0 4px 8px 0 rgba(12, 26, 37, 0.08);
+  border: 1px solid var(--page-version-missing-font-color);
+  box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
 }
 
 /* styles for specific types of cards:

From 73c0a3f9c56441cc796592f0d0afc5f0f078ec10 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Wed, 6 Nov 2024 11:50:47 +0100
Subject: [PATCH 06/11] Fixes to links alignment and clickable area of
 selectable cards

---
 preview-src/docs-ndl.adoc | 23 ++++++++++++---------
 src/css/doc.css           |  2 +-
 src/css/docs-ndl.css      | 43 ++++++++++++++++-----------------------
 3 files changed, 31 insertions(+), 37 deletions(-)

diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
index b3312d5a..b278fb7e 100644
--- a/preview-src/docs-ndl.adoc
+++ b/preview-src/docs-ndl.adoc
@@ -24,21 +24,24 @@ 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]
 === 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]
@@ -49,18 +52,18 @@ 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] link:https://www.neo4.com/docs/reference/resources[Other resources]
+link:https://neo4j.com/developer-blog/[Developer blog] link:https://www.neo4j.com/docs/reference/resources[Other resources]
 
 
 
diff --git a/src/css/doc.css b/src/css/doc.css
index 2eee2d98..5cce6771 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -174,7 +174,7 @@ body {
 
 .doc a,
 .tooltip-body a {
-  font-weight: 600;
+  font-weight: 400;
   color: var(--link-font-color);
 }
 
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index a18c78f0..528794f8 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -219,7 +219,6 @@ body.docs-ndl .widget .sectionbody {
   row-gap: 0;
   justify-content: center;
   align-content: center;
-  border: 1px solid var(--panel-border-color);
 }
 
 body.docs-ndl .widget.lists .sectionbody {
@@ -405,6 +404,7 @@ body.docs-ndl .paragraph.caption {
   font-family: var(--header-font-family);
   font-size: var(--doc-font-size-h2);
   font-weight: var(--font-weight-normal);
+  letter-spacing: 0.25px;
 }
 
 body.docs-ndl .paragraph.footer-link {
@@ -435,18 +435,17 @@ body.docs-ndl .cards .sect2.selectable {
   cursor: pointer;
 }
 
-body.docs-ndl .cards .sect2.selectable a {
-  text-decoration: none;
+body.docs-ndl .cards .sect2.selectable .description {
+  color: var(--doc-font-color);
+  font-weight: 200;
 }
 
-body.docs-ndl .cards .sect2.selectable a:hover {
-  transition: 0.1s linear;
-  border: 1px solid var(--page-version-missing-font-color);
-  box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
+body.docs-ndl .cards .sect2.selectable a {
+  text-decoration: solid;
 }
 
 body.docs-ndl .cards .sect2.selectable:hover div.description {
-  text-decoration: underline;
+  text-decoration: none;
 }
 
 /* banner */
@@ -609,22 +608,12 @@ body.docs-ndl .lists .sect2 {
   /* justify-content: space-between; */
   gap: 8px;
   /* min-width: 30%; */
-  padding: 1rem;
+  padding: 24px;
   background: var(--color-white);
   line-height: 2rem;
 }
 
-body.docs-ndl .cards .sect2 a::before,
-body.docs-ndl .cards:not(.selectable) .sect2 a::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-body.docs-ndl .cards:not(.selectable) .sect2:hover {
+body.docs-ndl .cards.selectable .sect2:hover {
   transition: 0.1s linear;
   border: 1px solid var(--page-version-missing-font-color);
   box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
@@ -651,11 +640,12 @@ body.docs-ndl .cards .sectionbody > div.sect2.labs:not(.selectable) {
 }
 
 body.docs-ndl .cards .sectionbody > div.sect2.featured > a,
+body.docs-ndl .cards .sectionbody > div.sect2.featured,
+body.docs-ndl .cards.selectable .sectionbody > div.sect2.featured,
 body.docs-ndl .cards .sectionbody > div.sect2.featured:not(.selectable) {
   border: 1px solid var(--success-color);
   box-shadow: 0 2px 4px 0 rgba(63, 120, 36, 0.5), 0 1px 2px 0 rgba(63, 120, 36, 0.2);
 }
-
 /* add a labs label to a title in a card */
 body.docs-ndl .header-label-container > div.labels {
   display: inline-flex;
@@ -754,7 +744,7 @@ body.docs-ndl body.docs-ndl .cards .sect2 .icon img {
   padding: 0;
 }
 
-body.docs-ndl .cards.icon-l .sect2 .icon img {
+body.docs-ndl .cards .sect2 .icon.icon-l img {
   width: 6rem;
   height: 6rem;
   margin-bottom: 9px;
@@ -803,13 +793,14 @@ body.docs-ndl .cards .sect2 .paragraph:not(.icon) {
 }
 
 body.docs-ndl .cards .sect2.selectable .paragraph.link {
-  display: none;
+  display: flex;
 }
 
+body.docs-ndl .cards.selectable .sect2 .paragraph.link,
 body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link {
   box-sizing: border-box;
-  margin-top: 30px;
-  margin-bottom: 9px;
+  padding-top: 30px;
+  margin-top: auto;
 }
 
 body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link {
@@ -818,7 +809,7 @@ body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link {
 }
 
 body.docs-ndl .cards .sect2 .paragraph.category {
-  display: none;
+  display: flex;
 }
 
 body.docs-ndl .plain-links a.external::after {

From 5a431f9615c2327e969ddf977ea1c952f5122c14 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Wed, 6 Nov 2024 13:26:34 +0100
Subject: [PATCH 07/11] fixing banner and label styles

---
 preview-src/docs-explainer.adoc | 26 +++++++++++++-------------
 preview-src/docs-ndl.adoc       |  2 +-
 src/css/docs-ndl.css            | 22 +++++++++++-----------
 src/css/labels.css              |  2 +-
 src/css/themes.css              | 13 ++++++++++++-
 src/css/vars.css                |  8 ++++++--
 6 files changed, 44 insertions(+), 29 deletions(-)

diff --git a/preview-src/docs-explainer.adoc b/preview-src/docs-explainer.adoc
index a74e1839..7f0ef340 100644
--- a/preview-src/docs-explainer.adoc
+++ b/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.
diff --git a/preview-src/docs-ndl.adoc b/preview-src/docs-ndl.adoc
index b278fb7e..3204c4e6 100644
--- a/preview-src/docs-ndl.adoc
+++ b/preview-src/docs-ndl.adoc
@@ -27,7 +27,7 @@ xref:tutorials:index.adoc[Get started]
 [.cards.selectable]
 == CTA cards
 
-[.featured.label--featured]
+[role=label--featured]
 === Deployment options
 
 [.icon.icon-l]
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index 528794f8..d07549c8 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -401,9 +401,12 @@ body.docs-ndl .paragraph.caption {
   padding: 1rem;
   margin: 0;
   color: var(--neutral-color);
-  font-family: var(--header-font-family);
-  font-size: var(--doc-font-size-h2);
-  font-weight: var(--font-weight-normal);
+  font-feature-settings: 'liga' off, 'clig' off;
+  font-family: var(--font-font-family-h2);
+  font-size: 32px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 32px; /* 100% */
   letter-spacing: 0.25px;
 }
 
@@ -426,7 +429,11 @@ body.docs-ndl .banner .paragraph {
 }
 
 body.docs-ndl .banner .paragraph.description {
-  padding-right: 2rem;
+  font-family: var(--font-family-h2);
+  font-size: 16px;
+  font-weight: 100;
+  line-height: 24px;
+  letter-spacing: 0px;
 }
 
 /* selectable cards */
@@ -639,13 +646,6 @@ body.docs-ndl .cards .sectionbody > div.sect2.labs:not(.selectable) {
   box-shadow: 0 2px 4px 0 rgba(90, 52, 170, 0.5), 0 1px 2px 0 rgba(90, 52, 170, 0.2);
 }
 
-body.docs-ndl .cards .sectionbody > div.sect2.featured > a,
-body.docs-ndl .cards .sectionbody > div.sect2.featured,
-body.docs-ndl .cards.selectable .sectionbody > div.sect2.featured,
-body.docs-ndl .cards .sectionbody > div.sect2.featured:not(.selectable) {
-  border: 1px solid var(--success-color);
-  box-shadow: 0 2px 4px 0 rgba(63, 120, 36, 0.5), 0 1px 2px 0 rgba(63, 120, 36, 0.2);
-}
 /* add a labs label to a title in a card */
 body.docs-ndl .header-label-container > div.labels {
   display: inline-flex;
diff --git a/src/css/labels.css b/src/css/labels.css
index c8c5dd69..b67d5e39 100644
--- a/src/css/labels.css
+++ b/src/css/labels.css
@@ -85,7 +85,7 @@ h2 > .flex-label {
 .label {
   display: inline-block;
   padding: 0.2rem 0.8rem;
-  border-radius: 0.25rem;
+  border-radius: 9999px;
   background: rgba(var(--colors-baltic-50));
   color: rgba(var(--colors-baltic-10));
   font-weight: 600;
diff --git a/src/css/themes.css b/src/css/themes.css
index 5e06c114..606c8e17 100644
--- a/src/css/themes.css
+++ b/src/css/themes.css
@@ -53,6 +53,10 @@ body.docs .navbar-burger span {
   background: var(--color-docs);
 }
 
+body.docs .banner .button {
+  margin-top: 24px;
+}
+
 body.docs .doc .button a {
   background: var(--color-docs);
   color: var(--color-white);
@@ -63,7 +67,14 @@ body.docs .banner .button a {
   width: fit-content;
   background: var(--banner-background-color);
   border: 1px solid var(--banner-background-color);
-  color: var(--colors-baltic-60);
+  color: var(--text-inverse);
+  font-weight: 500;
+}
+
+body.docs .banner .button a:hover {
+  background: var(--colors-baltic-30);
+  border: 1px solid var(--colors-baltic-30);
+  text-decoration: none;
 }
 
 body.docs .nav-item .nav-item::before,
diff --git a/src/css/vars.css b/src/css/vars.css
index 0a820eca..b82acedf 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -4,7 +4,7 @@
   /* --colors-baltic-20: #8FE3E8; */
   /* --colors-baltic-50: #0A6190; */
   /* --colors-baltic-60: #014063; */
-  /* --text-inverse: #1A1B1D; */
+
   /* --text-white: #F5F6F6; */
 
   /* Picked from Neo4j Design System */
@@ -154,6 +154,10 @@
   --color-pink-800: #97266d;
   --color-pink-900: #702459;
   --color-baltic-20: #8fe3e8;
+  --colors-baltic-30: #5DB3BF;
+
+  /* dark mode */
+  --text-inverse: #1A1B1D;
 
   /* theme accent colors */
   --color-developer: rgba(var(--colors-forest-45));
@@ -397,7 +401,7 @@
   --nav-panel-height: calc(var(--nav-height) - var(--drawer-height));
   --nav-panel-height--desktop:
     calc(
-      var(--nav-height--desktop) - var(--drawer-height) - var(--feedback-height) - 1rem
+      var(--nav-height--desktop) - var(--drawer-height) - var(--feedback-height) * 8px
     );  /* 1rem is feedback padding */
 
   --nav-width: 18rem;

From f390dfdbe04299c12f112dd9cc4674db1d5dac92 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Wed, 6 Nov 2024 14:04:40 +0100
Subject: [PATCH 08/11] fixing cursor to default when hovering links

---
 src/css/base.css     |  2 +-
 src/css/doc.css      |  4 ++--
 src/css/docs-ndl.css | 24 +++++++++++++++---------
 src/css/nav.css      |  4 ++--
 src/css/vars.css     |  5 ++---
 5 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/css/base.css b/src/css/base.css
index 0df1c325..17fd239c 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -68,7 +68,7 @@ strong strong { /* stylelint-disable-line */
 }
 
 button {
-  cursor: pointer;
+  cursor: default;
   font-family: inherit;
   font-size: 1em;
   line-height: var(--body-line-height);
diff --git a/src/css/doc.css b/src/css/doc.css
index 5cce6771..8ed6ff67 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -1179,7 +1179,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 {
@@ -1311,7 +1311,7 @@ body {
 }
 
 .doc details summary {
-  cursor: pointer;
+  cursor: default;
 }
 
 .doc details[open] summary {
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index d07549c8..f516f46f 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -36,6 +36,7 @@ body.docs-ndl .nav-menu .docs-home-link {
 
 body.docs-ndl .nav-menu .docs-home-link:hover,
 body.docs-ndl .nav-menu .docs-home-link:focus {
+  cursor: default;
   text-decoration: none;
   background-color: var(--colors-baltic-15);
 }
@@ -51,6 +52,7 @@ body.docs-ndl .nav-menu .home-link.is-home {
 }
 
 body.docs-ndl .nav-menu .home-link.is-home a {
+  cursor: default;
   display: flex;
   background-color: rgba(var(--colors-baltic-10));
   color: rgba(var(--colors-baltic-50));
@@ -79,6 +81,7 @@ body.docs-ndl .nav-menu .nav-module > ul:not(ul:has(li)) {
 
 body.docs-ndl .nav-menu a,
 body.docs-ndl .nav-text {
+  cursor: default;
   color: var(--neutral-color);
 }
 
@@ -433,21 +436,18 @@ body.docs-ndl .banner .paragraph.description {
   font-size: 16px;
   font-weight: 100;
   line-height: 24px;
-  letter-spacing: 0px;
+  letter-spacing: 0;
 }
 
 /* selectable cards */
 
-body.docs-ndl .cards .sect2.selectable {
-  cursor: pointer;
-}
-
 body.docs-ndl .cards .sect2.selectable .description {
   color: var(--doc-font-color);
   font-weight: 200;
 }
 
 body.docs-ndl .cards .sect2.selectable a {
+  cursor: default;
   text-decoration: solid;
 }
 
@@ -583,7 +583,6 @@ body.docs-ndl .lists ul li a {
 body.docs-ndl .sect2 {
   display: flex;
   flex-direction: column;
-  cursor: pointer;
   border-radius: 16px;
   position: relative;
 }
@@ -596,7 +595,7 @@ body.docs-ndl .cards .sectionbody > div.sect2 {
 
 body.docs-ndl .cards.bottom-cards .sectionbody > div.sect2 {
   flex: 0 1 49%;
-  border: 1px solid var(--panel-border-color);
+  border: 0;
 }
 
 body.docs-ndl.explainer .sectionbody > div.sect2 {
@@ -803,9 +802,16 @@ body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link {
   margin-top: auto;
 }
 
+body.docs-ndl .bottom-cards .sect2 .icon {
+  padding-bottom: 16px;
+}
+
+body.docs-ndl .bottom-cards .sect2 h3 {
+  padding-bottom: 8px;
+}
+
 body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link {
-  margin-top: 8px;
-  margin-bottom: 9px;
+  padding-top: 0;
 }
 
 body.docs-ndl .cards .sect2 .paragraph.category {
diff --git a/src/css/nav.css b/src/css/nav.css
index 5fb62663..c4c72754 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -222,7 +222,7 @@ html.is-clipped--nav {
 }
 
 .nav-item-toggle {
-  cursor: pointer;
+  cursor: default;
 }
 
 /* .nav-item-toggle {
@@ -276,7 +276,7 @@ html.is-clipped--nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  cursor: pointer;
+  cursor: default;
   line-height: 1;
   height: var(--drawer-height);
 }
diff --git a/src/css/vars.css b/src/css/vars.css
index b82acedf..f3975609 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -4,7 +4,6 @@
   /* --colors-baltic-20: #8FE3E8; */
   /* --colors-baltic-50: #0A6190; */
   /* --colors-baltic-60: #014063; */
-
   /* --text-white: #F5F6F6; */
 
   /* Picked from Neo4j Design System */
@@ -154,10 +153,10 @@
   --color-pink-800: #97266d;
   --color-pink-900: #702459;
   --color-baltic-20: #8fe3e8;
-  --colors-baltic-30: #5DB3BF;
+  --colors-baltic-30: #5db3bf;
 
   /* dark mode */
-  --text-inverse: #1A1B1D;
+  --text-inverse: #1a1b1d;
 
   /* theme accent colors */
   --color-developer: rgba(var(--colors-forest-45));

From 2bf2b0d951238ab39e53cd1aaf4d7ac94869edd2 Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Wed, 6 Nov 2024 14:07:58 +0100
Subject: [PATCH 09/11] reverting change in base and fixing button cursor in
 theme

---
 src/css/base.css   | 2 +-
 src/css/nav.css    | 4 ++--
 src/css/themes.css | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/css/base.css b/src/css/base.css
index 17fd239c..0df1c325 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -68,7 +68,7 @@ strong strong { /* stylelint-disable-line */
 }
 
 button {
-  cursor: default;
+  cursor: pointer;
   font-family: inherit;
   font-size: 1em;
   line-height: var(--body-line-height);
diff --git a/src/css/nav.css b/src/css/nav.css
index c4c72754..5fb62663 100644
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -222,7 +222,7 @@ html.is-clipped--nav {
 }
 
 .nav-item-toggle {
-  cursor: default;
+  cursor: pointer;
 }
 
 /* .nav-item-toggle {
@@ -276,7 +276,7 @@ html.is-clipped--nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  cursor: default;
+  cursor: pointer;
   line-height: 1;
   height: var(--drawer-height);
 }
diff --git a/src/css/themes.css b/src/css/themes.css
index 606c8e17..0f0daf52 100644
--- a/src/css/themes.css
+++ b/src/css/themes.css
@@ -75,6 +75,7 @@ body.docs .banner .button a:hover {
   background: var(--colors-baltic-30);
   border: 1px solid var(--colors-baltic-30);
   text-decoration: none;
+  cursor: default;
 }
 
 body.docs .nav-item .nav-item::before,

From 3bddd24f8c8834670105c1789a84a0e02aca393c Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Thu, 7 Nov 2024 15:01:52 +0100
Subject: [PATCH 10/11] adjustments to font in the banner button and label
 styling

---
 src/css/docs-ndl.css | 2 +-
 src/css/labels.css   | 4 ++++
 src/css/themes.css   | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index f516f46f..0ddccd23 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -405,7 +405,7 @@ body.docs-ndl .paragraph.caption {
   margin: 0;
   color: var(--neutral-color);
   font-feature-settings: 'liga' off, 'clig' off;
-  font-family: var(--font-font-family-h2);
+  font-family: var(--font-font-family-h1);
   font-size: 32px;
   font-style: normal;
   font-weight: 500;
diff --git a/src/css/labels.css b/src/css/labels.css
index b67d5e39..c8570f1e 100644
--- a/src/css/labels.css
+++ b/src/css/labels.css
@@ -84,7 +84,11 @@ h2 > .flex-label {
 
 .label {
   display: inline-block;
+  height: 24px;
   padding: 0.2rem 0.8rem;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
   border-radius: 9999px;
   background: rgba(var(--colors-baltic-50));
   color: rgba(var(--colors-baltic-10));
diff --git a/src/css/themes.css b/src/css/themes.css
index 0f0daf52..046862f9 100644
--- a/src/css/themes.css
+++ b/src/css/themes.css
@@ -68,7 +68,8 @@ body.docs .banner .button a {
   background: var(--banner-background-color);
   border: 1px solid var(--banner-background-color);
   color: var(--text-inverse);
-  font-weight: 500;
+  font-size: var(--font-size-h6);
+  font-weight: 600;
 }
 
 body.docs .banner .button a:hover {

From 22aa90627da9336af2246e9d2110891518fe0f4a Mon Sep 17 00:00:00 2001
From: lidiazuin <lidiazuin@gmail.com>
Date: Tue, 3 Dec 2024 10:00:25 +0100
Subject: [PATCH 11/11] updates after review

---
 preview-src/lists.adoc | 13 +++++++++++++
 src/css/doc.css        |  4 ++--
 src/css/docs-ndl.css   |  4 ++++
 3 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 preview-src/lists.adoc

diff --git a/preview-src/lists.adoc b/preview-src/lists.adoc
new file mode 100644
index 00000000..0d0a7239
--- /dev/null
+++ b/preview-src/lists.adoc
@@ -0,0 +1,13 @@
+= Lists
+
+== Bullet point
+
+. Example 1
+. Example 2
+. Example 2
+
+== Numbered
+
+* Example 1
+* Example 2
+* Example 2
\ No newline at end of file
diff --git a/src/css/doc.css b/src/css/doc.css
index 8ed6ff67..bf837611 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -640,7 +640,7 @@ body {
 
 .doc .olist li,
 .doc .ulist li {
-  margin-bottom: 0;
+  margin-bottom: 0.5;
 }
 
 .doc .olist li > div:first-of-type,
@@ -1266,7 +1266,7 @@ body {
 }
 
 .doc a.external:hover::after {
-  text-decoration: underline;
+  text-decoration: none;
 }
 
 .doc .no-arrows a::after {
diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css
index 0ddccd23..7ba05638 100644
--- a/src/css/docs-ndl.css
+++ b/src/css/docs-ndl.css
@@ -152,6 +152,10 @@ body.docs-ndl .doc a:hover {
   text-decoration: underline;
 }
 
+body.docs-ndl .cards.bottom-cards a:hover {
+  text-decoration: none;
+}
+
 body.docs-ndl .doc a:hover::after {
   text-decoration: none;
 }