DOCS-8729 (#24730)

Add a language partial for the SCA product landing page + adjusts the TS size for Static Analysis partial.

content/en/code_analysis/software_composition_analysis/_index.md

@@ -39,15 +39,10 @@ Software Composition Analysis (SCA) scans open source libraries imported into re
 SCA scans can be run directly through Datadog or in your CI pipelines using [Code Analysis][3] to detect library vulnerabilities before they reach production. Datadog also offers runtime detection through [Datadog Application Security][1].
 
 ## Set up Software Composition Analysis
+
 SCA supports scanning for libraries in the following languages and technologies:
 
-- .NET
-- Go
-- JVM
-- Node.js
-- PHP
-- Python
-- Ruby
+{{< partial name="code_analysis/sca-getting-started.html" >}}
 
 To get started, set up Software Composition Analysis on the [**Code Analysis** page][2] or see the [Setup documentation][3].
 

layouts/partials/code_analysis/languages-getting-started.html

@@ -19,7 +19,7 @@
       <div class="col">
         <a class="card h-100" href="/code_analysis/static_analysis_rules?languages=TypeScript">
           <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
-            {{ partial "img.html" (dict "root" . "src" "integrations_logos/typescript_large.svg" "class" "img-fluid" "alt" "typescript" "width" "100") }}
+            {{ partial "img.html" (dict "root" . "src" "integrations_logos/typescript_large.svg" "class" "img-fluid" "alt" "typescript" "width" "50") }}
           </div>
         </a>
       </div>

layouts/partials/code_analysis/sca-getting-started.html

@@ -0,0 +1,33 @@
+{{ $root := . }}
+{{ $supported_languages := slice
+    (dict "name" "Python" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/python_avatar.svg" "width" "50")
+    (dict "name" "JavaScript" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/javascript_large.png" "width" "50")
+    (dict "name" "Java" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/java_avatar.svg" "width" "50")
+    (dict "name" "CSharp" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/dotnet_avatar.svg" "width" "50")
+    (dict "name" "Go" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/golang-avatar.png" "width" "60")
+    (dict "name" "Rust" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/rust.png" "width" "60")
+    (dict "name" "Ruby" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/ruby_avatar.svg" "width" "45")
+    (dict "name" "PHP" "href" "/code_analysis/software_composition_analysis#lockfiles" "src" "integrations_logos/php_opcache.png" "width" "80")
+    (dict "name" "Other" "href" "/code_analysis/software_composition_analysis/generic_ci_providers" "src" "integrations_logos/datadog_avatar.svg" "width" "50")
+}}
+
+<div class="sca-supported-languages">
+  <div class="container cards-dd">
+    <div class="row justify-content-center">
+      {{ range $index, $lang := $supported_languages }}
+        <div class="col">
+          <a class="card h-100" href="{{ $lang.href }}">
+            <div class="card-body text-center py-2 px-1 d-flex justify-content-center align-items-center">
+              {{ partial "img.html" (dict "root" $root "src" $lang.src "class" "img-fluid" "alt" $lang.name "width" $lang.width) }}
+            </div>
+          </a>
+        </div>
+        {{ if eq (mod (add $index 1) 3) 0 }}
+          </div>
+          <br>
+          <div class="row justify-content-center">
+        {{ end }}
+      {{ end }}
+    </div>
+  </div>
+</div>