Merge pull request #18986 from github/render-product-landing-introlinks-dynamically

Render product landing intro links dynamically

Author: sarahs

content/actions/index.md

@@ -46,4 +46,4 @@ versions:
 <!-- {% link_with_intro /creating-actions %} -->
 <!-- {% link_with_intro /using-github-hosted-runners %} -->
 <!-- {% link_with_intro /hosting-your-own-runners %} -->
-<!-- {% link_with_intro /reference %} -->
+<!-- {% link_with_intro /reference %} -->

data/ui.yml

@@ -129,8 +129,8 @@ footer:
       press: Press
       shop: Shop
 product_landing:
-  quick_start: Quickstart
-  reference_guides: Reference guides
+  quickstart: Quickstart
+  reference: Reference
   overview: Overview
   code_examples: Code examples
   search_code_examples: Search code examples

layouts/product-landing.html

@@ -22,23 +22,15 @@ <h1 class="mb-3 font-mktg">
             </h1>
             <div class="lead-mktg color-text-secondary">{{ page.intro }}</div>
 
-            {% if page.introLinks.quickstart and page.introLinks.quickstart != '' %}
-            <a href="/{{ currentLanguage }}{% if currentVersion != 'free-pro-team@latest' %}/{{ currentVersion }}{% endif %}{{ page.introLinks.quickstart }}" class="btn-mktg btn-large f4 mt-3 mr-3">
-              {% data ui.product_landing.quick_start %}
+            {% for introLinkType in page.introLinks %}
+            {% if introLinkType[1] != '' %}
+            {% unless introLinkType[0] contains 'raw' %}
+            <a href="/{{ currentLanguage }}{% if currentVersion != 'free-pro-team@latest' %}/{{ currentVersion }}{% endif %}{{ page.introLinks[introLinkType[0]] }}" class="btn-mktg {% unless forloop.first %}btn-outline-mktg {% endunless %}btn-large f4 mt-3 mr-3">
+              {% data ui.product_landing[introLinkType[0]] %}
             </a>
+            {% endunless %}
             {% endif %}
-
-            {% if page.introLinks.reference and page.introLinks.reference != '' %}
-              <a href="/{{ currentLanguage }}{% if currentVersion != 'free-pro-team@latest' %}/{{ currentVersion }}{% endif %}{{ page.introLinks.reference }}" class="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3">
-                {% data ui.product_landing.reference_guides %}
-              </a>
-            {% endif %}
-
-            {% if page.introLinks.overview and page.introLinks.overview != '' %}
-              <a href="/{{ currentLanguage }}{% if currentVersion != 'free-pro-team@latest' %}/{{ currentVersion }}{% endif %}{{ page.introLinks.overview }}" class="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3">
-                {% data ui.product_landing.overview %}
-              </a>
-            {% endif %}
+            {% endfor %}
           </div>
 
           {% if page.product_video and page.product_video != '' %}