design changes to ad block (#235)

neo4j-documentation · Jul 3, 2024 · 1df94bd · 1df94bd
1 parent 6036a9e
commit 1df94bd
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 11 deletions.
diff --git a/src/css/header.css b/src/css/header.css
@@ -102,6 +102,10 @@ body {
   display: none;
 }
 
+.navbar .navbar-grow {
+  flex-grow: 1;
+}
+
 @media screen and (min-width: 1024px) {
   .navbar-end > .navbar-item,
   .navbar-end .navbar-link {

diff --git a/src/css/toc-ad.css b/src/css/toc-ad.css
@@ -1,6 +1,6 @@
 .toc .toc-ad {
   border: 1px solid #e2e3e5;
-  padding: 24px 16px 48px;
+  padding: 24px 24px 18px 18px;
   border-radius: 12px;
   margin: 2rem -0.5rem 0;
   background: #fff url(../img/ad-blob.svg) no-repeat bottom right;
@@ -13,8 +13,9 @@
   color: #1a1b1d;
 }
 
-.toc .toc-ad a:active {
-  background-color: var(--color-white) !important;
+.toc .toc-ad a:active,
+.toc .toc-ad a:focus {
+  background-color: transparent !important;
 }
 
 .toc .toc-ad .toc-ad-icon {
@@ -35,19 +36,21 @@
 
 .toc .toc-ad .toc-ad-title {
   color: rgba(var(--colors-neutral-75));
-  font-size: 18px;
+  font-size: 16px;
   margin: 12px 0 !important;
   padding: 0 !important;
+  font-weight: 600;
 }
 
 .toc .toc-ad-description {
   color: rgba(var(--colors-neutral-75));
-  margin-top: 0;
+  margin: 12px 0 18px;
+  font-size: 14px;
 }
 
 .toc .toc-ad-underline {
   color: rgba(var(--colors-baltic-50));
-  font-weight: bold;
+  font-weight: 600;
 }
 
 .toc .toc-ad-underline-button,
@@ -56,8 +59,8 @@
   background-color: rgba(var(--colors-baltic-50));
   color: var(--color-white);
   display: inline-block;
-  font-weight: bold;
   padding: 8px 24px;
+  font-weight: 600;
 }
 
 .doc .ad {

diff --git a/src/img/ad-blob.svg b/src/img/ad-blob.svg
diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
@@ -99,7 +99,11 @@
       {{#if (eq page.attributes.theme 'cheat-sheet') }}
       <div class="navbar-start">
         <span class="navbar-link">
-          <a href="/docs/cypher-manual/{{this.displayVersion}}" class="project-link external">Cypher documentation</a>
+          <a href="/docs/cypher-manual/{{this.displayVersion}}" target="_blank" class="project-link external">Cypher documentation</a>
+        </span>
+        <span class="navbar-grow"></span>
+        <span class="navbar-link">
+          <a href="https://graphacademy.neo4j.com/?ref=cypher-cheat-sheet" target="_blank" class="project-link external">Hands-on training with Neo4j GraphAcademy</a>
         </span>
       </div>
       {{else}}

diff --git a/src/partials/navbar-end.hbs b/src/partials/navbar-end.hbs
@@ -233,6 +233,7 @@
               <ul class="project-links">
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/neo4j-fundamentals/?ref=docs-nav">Neo4j Fundamentals</a></li>
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/cypher-fundamentals/?ref=docs-nav">Cypher Fundamentals</a></li>
+                <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/importing-fundamentals/?ref=docs-nav">Importing Data Fundamentals</a></li>
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/importing-csv-data/?ref=docs-nav">Importing CSV Data</a></li>
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/modeling-fundamentals/?ref=docs-nav">Graph Data Modeling</a></li>
               </ul>
@@ -242,14 +243,14 @@
               <ul class="project-links">
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/gds-product-introduction/?ref=docs-nav">Into to Graph Data Science</a></li>
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/graph-data-science-fundamentals/?ref=docs-nav">Graph Data Science Fundamentals</a></li>
-                <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/gds-community-detection/?ref=docs-nav">Community Detection</a></li>
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/gds-shortest-paths/?ref=docs-nav">Path Finding</a></li>
               </ul>
             </div>
             <div class="navbar-item project">
               <a class="project-name" href="https://graphacademy.neo4j.com/categories/llms/?ref=docs-nav" target="_blank">Generative AI Courses</a>
               <ul class="project-links">
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/llm-fundamentals/?ref=docs-nav">Neo4j &amp; LLM Fundamentals</a></li>
+                <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/llm-vectors-unstructured//?ref=docs-nav">Vector Indexes &amp; Unstructured Data</a></li>
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/llm-chatbot-python/?ref=docs-nav">Build a Chatbot with Python</a></li>
                 <li><a class="project-link" href="https://graphacademy.neo4j.com/courses/llm-chatbot-typescript/?ref=docs-nav">Build a Chatbot with TypeScript</a></li>
               </ul>