Connect/Java: Make primary navigation cards look more pleasant

Author: amotl

docs/_include/logos.md

@@ -0,0 +1,8 @@
+<!-- markdownlint-disable MD034 -->
+<!-- markdownlint-disable MD053 -->
+
+[CrateDB logo]: https://avatars.githubusercontent.com/u/4048232?s=200&v=4
+[Hibernate logo]: https://logo.svgcdn.com/devicon/hibernate-original.svg
+[jOOQ logo]: https://www.jooq.org/img/jooq-logo-black.png
+[JUnit logo]: https://avatars.githubusercontent.com/u/874086?s=200&v=4
+[PostgreSQL logo]: https://jdbc.postgresql.org/icons/postgreslogo.svg

docs/connect/java/index.md

@@ -5,9 +5,11 @@
 
 :::{include} /_include/links.md
 :::
+:::{include} /_include/logos.md
+:::
 
 :::{div} sd-text-muted
-Java applications mostly use JDBC to connect to CrateDB.
+Connect to CrateDB from Java.
 :::
 
 ## Protocols
@@ -48,42 +50,46 @@ and more details about the CrateDB JDBC Driver.
 You can also talk to CrateDB using HTTP, using any HTTP library of your choice.
 Below is a quick example using Apache Commons HTTP.
 
+:::{todo}
+Add example.
+:::
+
 
-## Driver list
+## Drivers and adapters
 
 :::::{grid} 2 2 2 3
-:gutter: 3
+:gutter: 2
 :padding: 0
 
-::::{grid-item-card} {fab}`java;fa-xl` PostgreSQL JDBC
+::::{grid-item-card} ![PostgreSQL logo][PostgreSQL logo]{height=40px}   PostgreSQL JDBC
 :link: postgresql-jdbc
 :link-type: ref
 :link-alt: PostgreSQL JDBC (pgJDBC)
 The PostgreSQL JDBC driver.
 ::::
 
-::::{grid-item-card} {fab}`java;fa-xl` CrateDB JDBC
+::::{grid-item-card} ![CrateDB logo][CrateDB logo]{height=40px}   CrateDB JDBC
 :link: cratedb-jdbc
 :link-type: ref
 :link-alt: CrateDB JDBC
 The CrateDB JDBC driver.
 ::::
 
-::::{grid-item-card} {fab}`hibernate` Hibernate
+::::{grid-item-card} ![Hibernate logo][Hibernate logo]{height=40px}   Hibernate
 :link: hibernate
 :link-type: ref
 :link-alt: Hibernate with CrateDB
 A Quarkus/Panache example using Hibernate.
 ::::
 
-::::{grid-item-card} {fab}`jooq` jOOQ
-:link: hibernate
+::::{grid-item-card} ![jOOQ logo][jOOQ logo]{height=40px}   jOOQ
+:link: jooq
 :link-type: ref
 :link-alt: jOOQ with CrateDB
 A jOOQ example.
 ::::
 
-::::{grid-item-card} {fab}`junit` Software testing
+::::{grid-item-card} ![JUnit logo][JUnit logo]{height=40px}   Software testing
 :link: java-testing
 :link-type: ref
 :link-alt: Software testing with CrateDB and Java
@@ -92,7 +98,6 @@ JUnit and Testcontainers for CrateDB.
 
 :::::
 
-{material-outlined}`apps;2em`
 
 :::{toctree}
 :maxdepth: 1