Add language links to docs index (#6067)

testcontainers · Oct 27, 2022 · b0af2f4 · b0af2f4
1 parent 46b6cd9
commit b0af2f4
Show file tree

Hide file tree

Showing 9 changed files with 157 additions and 1 deletion.
diff --git a/docs/css/extra.css b/docs/css/extra.css
@@ -9,3 +9,42 @@ h1, h2, h3, h4, h5, h6 {
     --md-accent-fg-color:        #291A3F;
     --md-typeset-a-color:        #0C94AA;
 }
+
+.card-grid {
+    display: grid;
+    gap: 10px;
+}
+
+@media (min-width: 680px) {
+    .card-grid {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}
+
+body .card-grid-item {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    border: 1px solid #C3BEDE;
+    border-radius: 6px;
+    padding: 16px;
+    font-weight: 600;
+    color: #9991B5;
+    background: #F2F4FE;
+}
+
+body .card-grid-item:hover,
+body .card-grid-item:focus {
+    color: #9991B5;
+}
+
+.card-grid-item[href] {
+    color: var(--md-primary-fg-color);
+    background: transparent;
+}
+
+.card-grid-item[href]:hover,
+.card-grid-item[href]:focus {
+    background: #F2F4FE;
+    color: var(--md-primary-fg-color);
+}
diff --git a/docs/index.md b/docs/index.md
@@ -1,7 +1,21 @@
 # Testcontainers
 
 <!-- allow aspect ratio computation to reduce layout shift. CSS enforces max-width: 100% -->
-<img src="logo.png" alt="Testcontainers logo" width="1024" height="512"/> 
+<img src="logo.png" alt="Testcontainers logo" width="1024" height="512"/>
+
+## Test dependencies as code for your entire stack
+Get lightweight and throwaway containers during your tests that let you test against any container image (database, broker, browser, etc..) using one of the several supported languages.
+
+
+<p align=center><strong>Select your language</strong></p>
+<div class="card-grid">
+    <a class="card-grid-item"><img src="language-logos/java.svg"/>Java</a>
+    <a href="https://golang.testcontainers.org/" class="card-grid-item"><img src="language-logos/go.svg"/>Go</a>
+    <a href="https://dotnet.testcontainers.org/" class="card-grid-item"><img src="language-logos/dotnet.svg"/>.NET</a>
+    <a href="https://testcontainers-python.readthedocs.io/en/latest/" class="card-grid-item"><img src="language-logos/python.svg"/>Python</a>
+    <a href="https://github.com/testcontainers/testcontainers-node" class="card-grid-item"><img src="language-logos/javascript.svg"/>JavaScript<wbr>/Node.js</a>
+    <a href="https://docs.rs/testcontainers/latest/testcontainers/" class="card-grid-item"><img src="language-logos/rust.svg"/>Rust</a>
+</div>
 
 ## About
 

diff --git a/docs/language-logos/dotnet.svg b/docs/language-logos/dotnet.svg
diff --git a/docs/language-logos/go.svg b/docs/language-logos/go.svg
diff --git a/docs/language-logos/java.svg b/docs/language-logos/java.svg
diff --git a/docs/language-logos/javascript.svg b/docs/language-logos/javascript.svg
diff --git a/docs/language-logos/python.svg b/docs/language-logos/python.svg
diff --git a/docs/language-logos/rust.svg b/docs/language-logos/rust.svg
diff --git a/docs/logo.png b/docs/logo.png